*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#142c23;color:#fff9db;font-family:"Microsoft YaHei","Noto Sans SC",system-ui,sans-serif}body{display:grid;place-items:center;overflow:hidden}button{cursor:pointer;font:inherit;color:inherit;border:0;touch-action:manipulation;user-select:none}button:focus-visible{outline:3px solid white;outline-offset:3px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#stage{width:min(100vw,177.7778vh);aspect-ratio:16/9;position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;background:#83be64}canvas{width:100%;height:100%;position:absolute;inset:0}header{position:absolute;top:2.1%;left:3%;right:3%;display:flex;align-items:center;gap:1cqw;z-index:4}.tools{margin-left:auto;display:flex;gap:.55cqw}.brand{font-size:1.45cqw;font-weight:900;color:#fdf5ce;text-shadow:0 2px 2px #284330}.brand span{color:#ffd568}.brand small{display:block;font-size:.56cqw;letter-spacing:.13cqw;margin-left:1.7cqw;color:#fff9d4}.quiet,.gold{border-radius:.75cqw;padding:.64cqw 1.1cqw;font-weight:800;font-size:1.1cqw;min-height:2.6cqw}.quiet{background:#183f31e8;border:1px solid #a4d08780;box-shadow:0 .22cqw #142f26}.quiet:hover{background:#2d6047}.gold{background:linear-gradient(#ffed9d,#f8bb4e);color:#432d19;border:1px solid #fff4b6;box-shadow:0 .25cqw #9a5f24}.gold:hover{filter:brightness(1.1)}#menu{position:absolute;inset:0;background:linear-gradient(180deg,#153f3222,#24451f29 40%,#152c18da 91%);text-align:center}.hero{position:absolute;top:12%;width:100%}.edition{display:inline-block;background:#224536e8;border:1px solid #f4d7799e;border-radius:3cqw;padding:.48cqw 1.45cqw;color:#ffe295;font-size:1.02cqw;letter-spacing:.18cqw;font-weight:800}h1{margin:.35cqw 0 .1cqw;font-size:6.45cqw;line-height:1.1;letter-spacing:.09em;color:#fff2b7;text-shadow:0 .34cqw #844f25,0 .62cqw #183e2c,0 .84cqw .9cqw #172d29;-webkit-text-stroke:.09cqw #674a27}h1 span{display:block;color:#ffd36a;font-size:7.2cqw}.hero p{font-weight:800;font-size:1.45cqw;margin:1.1cqw 0 0;color:#fffae4;text-shadow:0 2px 4px #16361c}#modes{position:absolute;left:11%;right:11%;bottom:12%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.15cqw}.mode{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.55cqw;border:1px solid #eadb947d;border-radius:1.25cqw;padding:1.05cqw;background:linear-gradient(150deg,#365f47,#172f25 82%);box-shadow:0 .42cqw #10271d,0 .75cqw 1.1cqw #16251e80;transition:transform .15s}.mode:hover{transform:translateY(-.35cqw);border-color:#ffd46d}.mode:nth-child(2){background:linear-gradient(150deg,#3e6935,#1c3925 82%)}.mode:nth-child(3){background:linear-gradient(150deg,#446b78,#243749 82%)}.mode:nth-child(4){background:linear-gradient(150deg,#825d3c,#422e27 82%)}.mode img{width:4.6cqw;height:4.1cqw;object-fit:contain}.mode .num{position:absolute;right:1cqw;top:.9cqw;color:#ffe4a2a8;font-size:.9cqw;font-weight:800}.mode strong{font-size:1.55cqw}.mode small{font-size:.9cqw;color:#e1ead0}.mode em{font-style:normal;color:#ffda78;font-size:.9cqw;margin-top:.25cqw;font-weight:800}footer{position:absolute;bottom:4%;width:100%;font-size:.94cqw;color:#e7ebc8}footer b{padding:0 1cqw;color:#e8c96f}.hud{position:absolute;right:20%;left:25%;top:2.1%;display:flex;justify-content:center;gap:1.2cqw;text-align:center}.hud>div{background:#204434ec;border:1px solid #d8e2a46f;padding:.35cqw .9cqw;border-radius:.65cqw;min-width:6cqw}.hud small,.target small,.kind{display:block;font-size:.82cqw;color:#cce3ba;font-weight:800}.hud strong{font-size:1.3cqw;color:#ffe297}.workbench{position:absolute;top:10%;left:3%;right:3%;display:grid;grid-template-columns:9cqw 1fr 12cqw;gap:1cqw;align-items:center;background:linear-gradient(#244b3a,#19392c);border:1px solid #b8c983;border-radius:1.2cqw;padding:.85cqw;box-shadow:0 .35cqw #153326,0 .7cqw 1.2cqw #243b2855;z-index:2}.target{text-align:center;border-right:1px solid #a8bf785e;padding-right:.5cqw}.target strong{display:block;color:#ffdd7a;font-size:3cqw;line-height:1.15}.target button{padding:.2cqw .6cqw;min-height:1.7cqw;font-size:.85cqw}.actions{display:grid;gap:.6cqw}.group{display:flex;align-items:center;gap:.48cqw;margin:.3cqw 0}.kind{width:3.35cqw}.card{width:4.5cqw;height:2.8cqw;border-radius:.55cqw;border:1px solid #c1e9a1;background:linear-gradient(#5f8c4e,#38613e);box-shadow:0 .16cqw #142e23;font-size:1.42cqw;font-weight:900;display:flex;align-items:center;justify-content:center;gap:.18cqw}.card img{width:1.4cqw;height:1.45cqw}.group[data-kind=medial] .card{background:linear-gradient(#537f9b,#365775);border-color:#acd8e7}.group[data-kind=final] .card{background:linear-gradient(#9b6f44,#744a34);border-color:#f0c38a}.card[aria-pressed=true]{outline:2px solid #ffe16e;transform:translateY(-.12cqw);color:#ffea91;filter:brightness(1.22)}.recipe{position:absolute;right:13.7cqw;top:.9cqw;bottom:.9cqw;width:15.5cqw;display:grid;place-content:center;text-align:center;background:#142e26;border:1px dashed #9fb174;border-radius:.7cqw;font-size:1.6cqw;font-weight:900;color:#ffde78}.recipe small{font-size:.77cqw;color:#cce3ba;margin-bottom:.3cqw}#lanes{position:absolute;left:19.45%;width:10%;top:32.4%;height:54%;display:grid;grid-template-rows:repeat(3,1fr)}#lanes button{background:transparent;border:1px dashed #fff3ad95;border-radius:1.2cqw;margin:.5cqw;font-weight:800;font-size:.8cqw;color:#fff4c8;display:flex;align-items:flex-end;justify-content:center;padding:.2cqw;text-shadow:0 1px 4px #253c22}#lanes button[aria-pressed=true]{border:2px solid #ffea9f;background:#ffe69d13}#toast{position:absolute;bottom:3.5%;left:50%;transform:translateX(-50%);border:1px solid #9dbd7b;border-radius:2cqw;background:#193d2fee;padding:.62cqw 1.55cqw;white-space:nowrap;font-size:1.12cqw;font-weight:800;color:#fff4c9}#toast.bad{background:#743c2e}#toast.good{color:#ffea8b}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#102a22bb;z-index:5;text-align:center}article{background:linear-gradient(#325a41,#1a392c);border:2px solid #dfc881;border-radius:1.6cqw;padding:2.8cqw 4cqw;max-width:75%;box-shadow:0 1cqw 3cqw #132822}article small{color:#ffdf85}h2{font-size:3.6cqw;margin:.5cqw 0;color:#ffe59a}article p,#resultStats{font-size:1.25cqw}#resultStats{margin:1cqw 0 1.7cqw;color:#ffdd8a}article button{margin:0 .25cqw}
.lab-finals{width:60%;flex-wrap:wrap}.lab-finals .card{width:3.7cqw;height:2.25cqw}.lab-finals .card img{width:1cqw}.lab-finals .kind{width:3.35cqw}
.lab-cards{width:66%;overflow-x:auto;scrollbar-color:#c4cf8b #18352b;scrollbar-width:thin;padding:.15cqw .2cqw .32cqw}.lab-cards .kind{flex:0 0 3.35cqw}.lab-cards .card{flex:0 0 3.6cqw}.lab-cards .card img{width:1.15cqw}
.workbench{top:9.6%;padding:.65cqw .85cqw}.group{margin:.18cqw 0}.card{height:2.66cqw}