:root{--ink:#2a160b;--paper:#f4e6c8;--paper-2:#ead6ab;--lacquer:#a3211b;--lacquer-dark:#6e140f;--gold:#e0b04a;--gold-soft:#f3d692;--bronze:#a8743a;--jade:#4e9a6a;--water:#4fb3e0;--hp:#d8432b;--fortress:#e0a33a;--panel:#1e1008c7;--panel-edge:#e0b04a8c;--font-display:"Palatino Linotype", Palatino, "Book Antiqua", "Noto Serif", Georgia, serif;--font-ui:"Avenir Next", "Segoe UI", "Helvetica Neue", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--paper);font-family:var(--font-ui);background:#1b120b;margin:0;overflow:hidden}#app{position:fixed;inset:0}#canvas-host{position:absolute;inset:0}#canvas-host canvas{cursor:crosshair;width:100%;height:100%;display:block}#float-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}#ui-root{pointer-events:none;position:absolute;inset:0}#ui-root .interactive,#ui-root button{pointer-events:auto}button{font-family:var(--font-ui)}.float-text{text-shadow:0 1px #000,0 0 6px #000000b3;white-space:nowrap;will-change:transform;font-size:15px;font-weight:800;position:absolute;top:0;left:0}.float-text.dmg{color:#fff6dc}.float-text.el-fire{color:#ffb067}.float-text.el-spirit{color:#ffe36b}.float-text.el-water{color:#8fdcff}.float-text.dmg-player{color:#ff5a45;font-size:18px}.float-text.dmg-fortress{color:#ffb43b;font-size:16px}.float-text.gain{font-size:16px}.float-text.gain-wood{color:#f3d692}.float-text.gain-ore{color:#ffb070}.float-text.heal{color:#9dff9a;font-size:20px}.hud{transition:opacity .3s;position:absolute;inset:0}.hud.hidden{opacity:0;visibility:hidden}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;box-shadow:0 6px 18px #00000059,inset 0 0 0 1px #0006}.hud-tl{gap:8px;width:290px;padding:10px 12px;display:grid;position:absolute;top:14px;left:14px}.bar-row{letter-spacing:.04em;grid-template-columns:92px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.bar-row .label{font-family:var(--font-display);color:var(--gold-soft);font-size:14px}.bar{background:#0000008c;border:1px solid #ffffff1f;border-radius:8px;height:16px;position:relative;overflow:hidden}.bar .fill{transform-origin:0;transition:transform .15s linear;position:absolute;inset:0}.bar .ghost{transform-origin:0;background:#ffffff59;transition:transform .6s .15s;position:absolute;inset:0}.bar .txt{text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}.bar.player .fill{background:linear-gradient(90deg, #a52a1a, var(--hp))}.bar.fortress .fill{background:linear-gradient(90deg, #a8652a, var(--fortress))}.bar.flash{animation:.3s barflash}@keyframes barflash{50%{box-shadow:0 0 0 2px #ff6040,0 0 14px #ff6040}}.dodge-row{color:#d9c9a4;align-items:center;gap:8px;font-size:11px;display:flex}.dodge-pip{background:#ffffff26;border-radius:3px;width:46px;height:6px;overflow:hidden}.dodge-pip>div{transform-origin:0;background:#bfe8ff;height:100%}.hud-tc{text-align:center;width:min(460px,46vw);padding:8px 14px 10px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.wave-title{font-family:var(--font-display);color:var(--gold-soft);letter-spacing:.04em;font-size:19px}.wave-sub{color:#e8d7b0;min-height:15px;margin-top:2px;font-size:12px}.journey{background:#00000080;border:1px solid #ffffff1a;border-radius:5px;height:10px;margin-top:8px;position:relative}.journey .done{opacity:.9;background:linear-gradient(90deg,#6f9a45,#c98a4b,#a3211b,#4d9fbe);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.journey .mark{background:var(--gold);opacity:.8;width:2px;height:16px;position:absolute;top:-3px}.journey .mark span{white-space:nowrap;color:#d9c9a4;font-size:9px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.journey .fort{background:var(--lacquer);border:2px solid var(--gold);border-radius:3px 3px 6px 6px;width:14px;height:20px;margin-left:-7px;position:absolute;top:-6px}.hud-tr{align-items:stretch;gap:8px;display:flex;position:absolute;top:14px;right:14px}.res{align-items:center;gap:14px;padding:8px 14px;display:flex}.res-item{align-items:center;gap:6px;min-width:58px;font-size:18px;font-weight:800;display:flex}.res-item svg{width:22px;height:22px}.res-item.bump{animation:.35s bump}@keyframes bump{40%{color:#fff2b0;transform:scale(1.25)}}.icon-btn{border:1px solid var(--panel-edge);background:var(--panel);width:40px;color:var(--gold-soft);cursor:pointer;border-radius:10px;place-items:center;font-size:16px;display:grid}.icon-btn:hover{background:#502810e6}.boss-bar{width:min(620px,64vw);padding:6px 14px 8px;display:none;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}.boss-bar.show~.prompt{bottom:196px}.boss-bar.show{animation:.6s rise;display:block}.boss-bar .name{font-family:var(--font-display);color:#bfefff;text-align:center;letter-spacing:.08em;text-shadow:0 0 10px #50b4ff99;font-size:20px}.boss-bar .name small{color:#9cc8da;letter-spacing:.02em;margin-left:8px;font-size:12px}.boss-bar .bar{height:14px;margin-top:6px}.boss-bar .bar .fill{background:linear-gradient(90deg,#1d5d9a,#4fc3ff)}.boss-bar .warn{text-align:center;color:#ffe08a;min-height:15px;margin-top:4px;font-size:12px}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}.weapons{gap:8px;padding:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.wslot{text-align:center;background:#00000073;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:78px;height:74px;padding:4px;display:grid;position:relative;overflow:hidden}.wslot .wname{font-family:var(--font-display);color:var(--paper);font-size:12px;line-height:1.1}.wslot .wkind{color:#c9b58c;margin-top:2px;font-size:9px}.wslot .wicon{font-size:22px;line-height:1}.wslot.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 14px #e0b04a80;background:#5a2d0fa6}.wslot.locked{opacity:.35;filter:grayscale()}.wslot .cd{background:conic-gradient(#0009 calc(var(--cd,0) * 360deg), transparent 0);pointer-events:none;position:absolute;inset:0}.wslot .key{color:var(--gold);font-size:9px;position:absolute;top:3px;right:5px}.prompt{white-space:nowrap;padding:7px 14px;font-size:14px;display:none;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.prompt.show{display:block}.kbd{background:var(--paper);min-width:22px;color:var(--ink);text-align:center;border-radius:4px;margin-right:6px;padding:1px 6px;font-size:12px;font-weight:800;display:inline-block;box-shadow:0 2px #9a8460}.help{width:250px;padding:10px 12px;font-size:12px;line-height:1.35;position:absolute;bottom:14px;left:14px}.help-body>div{grid-template-columns:54px 1fr;align-items:center;gap:6px;padding:2px 0;display:grid}.help.collapsed .help-body{display:none}.help h4{font-family:var(--font-display);color:var(--gold-soft);justify-content:space-between;margin:0 0 4px;font-size:14px;font-weight:400;display:flex}.help .kbd{justify-self:start;min-width:0;margin-right:0}.help-toggle{color:var(--gold);cursor:pointer;background:0 0;border:none;font-size:11px}.toasts{justify-items:center;gap:6px;display:grid;position:absolute;top:200px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--panel-edge);white-space:nowrap;border-radius:18px;padding:7px 16px;font-size:14px;animation:3s forwards toast}.toast.good{color:#dfffd8;border-color:#8fd18f}.toast.bad{color:#ffe0d6;border-color:#ff7a5a}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.wave-banner{text-align:center;pointer-events:none;opacity:0;position:absolute;top:40%;left:0;right:0}.wave-banner.show{animation:3.2s forwards banner}.wave-banner .big{font-family:var(--font-display);color:var(--gold-soft);letter-spacing:.08em;text-shadow:0 2px #3a1a0a,0 0 22px #0009;font-size:clamp(32px,5vw,60px)}.wave-banner .small{color:#f4e6c8;text-shadow:0 1px 3px #000;margin-top:4px;font-size:16px}.wave-banner.boss .big{color:#bfefff;text-shadow:0 2px #08304a,0 0 26px #46aaffcc}@keyframes banner{0%{opacity:0;transform:scale(1.08)}12%,75%{opacity:1;transform:none}to{opacity:0}}.vignette{pointer-events:none;transition:box-shadow .25s;position:absolute;inset:0;box-shadow:inset 0 0 140px #c8140a00}.vignette.hurt{transition:none;box-shadow:inset 0 0 140px #c8140aa6}.vignette.low{box-shadow:inset 0 0 120px #a00a0573}.build{width:330px;padding:12px;display:none;position:absolute;top:76px;right:14px}.build.show{animation:.25s slidein;display:block}@keyframes slidein{0%{opacity:0;transform:translate(18px)}}.build h3{font-family:var(--font-display);color:var(--gold-soft);margin:0;font-size:20px;font-weight:400}.build .sub{color:#d9c9a4;margin:2px 0 10px;font-size:11px}.build-list{gap:7px;display:grid}.opt{text-align:left;color:var(--paper);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid;position:relative}.opt:hover:not(:disabled){border-color:var(--gold);background:#e0b04a29}.opt:disabled{cursor:not-allowed;opacity:.5}.opt .hk{background:var(--paper);width:22px;height:22px;color:var(--ink);border-radius:4px;place-items:center;font-size:12px;font-weight:800;display:grid}.opt .t{font-family:var(--font-display);font-size:14px}.opt .d{color:#cdbb94;margin-top:1px;font-size:10.5px}.opt .cost{gap:8px;font-size:13px;font-weight:800;display:flex}.opt .cost .short{color:#ff7a5a}.opt .cost svg{vertical-align:-2px;width:14px;height:14px;margin-right:2px}.opt.ok{animation:.5s okflash}.opt.fail{animation:.45s failflash}@keyframes okflash{30%{background:#78dc7859;border-color:#8fd18f}}@keyframes failflash{20%,60%{background:#ff503c4d;transform:translate(-4px)}40%,80%{transform:translate(4px)}}.build .foot{color:#cdbb94;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.build .msg{color:#ffd0a0;min-height:16px;margin-top:6px;font-size:12px}.screen{pointer-events:auto;background:radial-gradient(#140a0459,#0f0803d9);place-items:center;display:none;position:absolute;inset:0}.screen.show{animation:.35s fadein;display:grid}@keyframes fadein{0%{opacity:0}}.card{border:1px solid var(--panel-edge);background:linear-gradient(#30180af2,#1c0e06f2);border-radius:14px;width:min(760px,92vw);max-height:92vh;padding:28px 34px;position:relative;overflow:auto;box-shadow:0 20px 60px #0009}.card:before{content:"";pointer-events:none;border:1px solid #e0b04a40;border-radius:10px;position:absolute;inset:6px}.title{font-family:var(--font-display);text-align:center;letter-spacing:.1em;color:var(--gold-soft);text-shadow:0 3px #3a1a0a,0 0 30px #e0b04a40;margin:0;font-size:clamp(38px,6vw,64px)}.subtitle{font-family:var(--font-display);text-align:center;letter-spacing:.4em;color:#e9c27a;margin-top:4px;font-size:clamp(16px,2.3vw,24px)}.motif{width:64px;height:64px;margin:14px auto 6px;display:block}.premise{color:#eadbb8;text-align:center;max-width:600px;margin:10px auto 18px;font-size:15px;line-height:1.6}.btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.btn{border:1px solid var(--gold);color:#fff3d6;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;background:linear-gradient(#b7301f,#7a1712);border-radius:8px;padding:11px 24px;font-size:18px;box-shadow:0 3px #3e0b07}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(2px);box-shadow:0 1px #3e0b07}.btn.secondary{box-shadow:none;background:#ffffff0f;border-color:#e0b04a99}.controls-grid{grid-template-columns:repeat(2,1fr);gap:4px 24px;max-width:560px;margin:12px auto 0;font-size:13px;display:grid}.controls-grid div{border-bottom:1px dashed #e0b04a26;align-items:center;gap:4px;padding:3px 0;display:flex}.controls-grid .kbd{min-width:54px}.roster{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.roster div{color:#d9c9a4;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px;font-size:12px}.roster b{font-family:var(--font-display);color:var(--gold-soft);font-size:14px;font-weight:400;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 4px;display:grid}.stat{text-align:center;background:#ffffff0d;border-radius:8px;padding:10px}.stat .v{color:var(--gold-soft);font-size:22px;font-weight:800}.stat .k{color:#cdbb94;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.end-title.victory{color:#ffe9a8}.end-title.defeat{color:#ff9b84}.reason{text-align:center;color:#f2d6c6;margin-top:6px;font-size:16px}.disclaimer{text-align:center;color:#a89878;margin-top:18px;font-size:10.5px}.audio-note{text-align:center;color:#a89878;margin-top:8px;font-size:11px}@media (max-width:1120px){.hud-tc{width:min(380px,100vw - 340px);top:70px;left:auto;right:14px;transform:none}.build{top:170px}}@media (max-width:760px){.hud-tc{width:calc(100vw - 28px);top:120px}.hud-tl{width:220px}.bar-row{grid-template-columns:70px 1fr}.build{width:calc(100vw - 28px);top:auto;bottom:100px}.wslot{width:62px;height:62px}.help{display:none}.roster,.stats{grid-template-columns:1fr 1fr}.controls-grid{grid-template-columns:1fr}}.stage-line{letter-spacing:.1em;text-transform:uppercase;color:#cdbb94;font-size:11px}.info-row{flex-wrap:wrap;gap:6px;font-size:11px;display:flex}.info-row .skill{color:#d9c9a4;background:#ffffff14;border-radius:10px;padding:2px 8px}.info-row .skill.ready{color:#fff3c8;box-shadow:0 0 0 1px var(--gold);background:#e0b04a40}.info-row .carry{color:#e9dcb8;background:#ffffff14;border-radius:10px;padding:2px 8px}.info-row .carry.full{color:#ffe0d0;background:#ff78504d}.team{border-top:1px solid #e0b04a33;gap:4px;margin-top:2px;padding-top:6px;display:grid}.team .mate{grid-template-columns:10px 1fr 70px auto;align-items:center;gap:6px;font-size:12px;display:grid}.team .mate.down{color:#ff9b84}.team .dot,.lobby-list .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.team .mini{background:#00000080;border-radius:3px;height:6px;overflow:hidden}.team .mini i{background:var(--hp);height:100%;display:block}.team .st{color:#ffcf8a;font-size:11px}.objectives{width:300px;padding:8px 12px;font-size:12px;line-height:1.4;position:absolute;top:76px;right:14px}.objectives h4{font-family:var(--font-display);color:var(--gold-soft);margin:0 0 4px;font-size:14px;font-weight:400}.objectives .obj{border-left:2px solid var(--lacquer);margin:4px 0;padding-left:8px}.objectives .obj b{color:#ffe0a0}.objectives .tm{float:right;color:#ffb070;font-weight:700}.objectives .bad{color:#ff9b84;margin-bottom:4px;display:block}.build.show~.objectives,.hud .objectives{z-index:1}.status-banner{color:#fff0e8;text-align:center;background:#780e08d1;border:1px solid #ff7a5a;border-radius:10px;max-width:80vw;padding:10px 22px;font-size:16px;font-weight:700;display:none;position:absolute;top:30%;left:50%;transform:translate(-50%)}.status-banner.show{animation:1s infinite alternate pulse;display:block}@keyframes pulse{to{box-shadow:0 0 22px #ff5a3cb3}}.markers{pointer-events:none;position:absolute;inset:0}.marker{border:2px solid var(--gold);background:#1e1008b3;border-radius:50%;place-items:center;width:32px;height:32px;margin:-16px 0 0 -16px;font-size:18px;display:grid;position:absolute;top:0;left:0}.marker.on{background:0 0;border:none;font-size:22px;animation:1s infinite alternate bob}.marker.m-help{border-color:#ff6a4a}.marker.m-fire{border-color:#ff9a2a}@keyframes bob{to{margin-top:-24px}}.float-text.tag{color:#f4e6c8;opacity:1;background:#140a0599;border-radius:8px;padding:1px 6px;font-size:12px;font-weight:700}.tag{color:#f4e6c8;white-space:nowrap;pointer-events:none;border-bottom:2px solid var(--gold);background:#140a05a6;border-radius:8px;padding:1px 7px;font-size:12px;font-weight:700;position:absolute;top:0;left:0}.tag-alert{background:#8c140ad9;border-color:#ff7a5a;animation:.6s infinite alternate pulse}.tag-role-ve_binh{border-color:#c0392b}.tag-role-tho_ca{border-color:#e08a1e}.tag-role-xa_thu{border-color:#2e86c1}.tag-role-thay_phap{border-color:#9b59b6}.roles{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.role-card{text-align:left;border:1px solid #ffffff1f;border-left:5px solid var(--role);color:var(--paper);cursor:pointer;background:#ffffff0d;border-radius:10px;padding:12px;font-size:12.5px;line-height:1.45}.role-card b{font-family:var(--font-display);color:var(--gold-soft);margin-bottom:2px;font-size:18px;font-weight:400;display:block}.role-card:hover{background:#e0b04a1f}.role-card.selected{box-shadow:0 0 0 2px var(--role);background:#e0b04a33}.rest-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.rest-card{color:var(--paper);cursor:pointer;text-align:center;background:linear-gradient(#5a2d0f99,#28140899);border:1px solid #e0b04a80;border-radius:12px;padding:16px 12px}.rest-card:hover{filter:brightness(1.2)}.rest-card.mine{box-shadow:0 0 0 2px var(--gold), 0 0 18px #e0b04a80}.rc-name{font-family:var(--font-display);color:var(--gold-soft);font-size:19px}.rc-desc{color:#e9dcb8;margin:8px 0;font-size:13px}.rc-votes{color:#ffcf8a;font-size:12px}.rest-timer{text-align:center;color:#cdbb94;margin-top:14px}.lobby-entry label{color:#d9c9a4;max-width:420px;margin:12px auto;font-size:13px;display:block}.lobby-entry .row{gap:8px;display:flex}.text-in{width:100%;color:var(--paper);background:#00000059;border:1px solid #e0b04a80;border-radius:8px;margin-top:4px;padding:10px 12px;font-size:16px;display:block}.code-in{text-transform:uppercase;letter-spacing:.25em;font-weight:800}.server-hint{color:#8f8068;text-align:center;margin-top:10px;font-size:10.5px}.lobby-status{text-align:center;color:#e9dcb8;min-height:18px}.lobby-status.bad{color:#ff9b84}.room-code{text-align:center;letter-spacing:.3em;color:var(--gold-soft);-webkit-user-select:all;user-select:all;margin:4px 0 10px;font-size:42px;font-weight:800}.lobby-list h4,.lobby-room h4{font-family:var(--font-display);color:var(--gold-soft);margin:10px 0 6px;font-weight:400}.lobby-list .lp{align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.lobby-list .lp i{color:#cdbb94;font-size:12px}.lobby-wait{text-align:center;color:#cdbb94;margin-top:8px}@media (max-width:760px){.roles,.rest-cards{grid-template-columns:1fr}.objectives{width:calc(100vw - 28px);top:auto;bottom:180px}}.hud.building .objectives{display:none!important}.touch-ui{pointer-events:none;z-index:5;position:absolute;inset:0}.touch-ui.hidden{display:none}.touch-ui .tz{pointer-events:auto;touch-action:none;position:absolute;top:30%;bottom:0}.touch-ui .tz-move{width:45%;left:0}.touch-ui .tz-aim{width:55%;right:0}.touch-ui .stick{pointer-events:none;background:#1e100847;border:2px solid #f3d6928c;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;display:none;position:absolute;top:0;left:0}.touch-ui .stick.on{display:block}.touch-ui .stick.aim{border-color:#ff8c6e99}.touch-ui .knob{background:#f3d692bf;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0006}.touch-ui .stick.aim .knob{background:#ff9678cc}.touch-ui .tbtns{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;width:190px;height:190px;position:absolute}.touch-ui .tb{pointer-events:auto;touch-action:none;color:var(--gold-soft);-webkit-user-select:none;user-select:none;background:#281408b3;border:2px solid #e0b04abf;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute}.touch-ui .tb .ic{pointer-events:none;font-size:20px}.touch-ui .tb.down{color:#fff;background:#e0b04a8c;transform:scale(.94)}.touch-ui .tb-interact{width:84px;height:84px;bottom:0;right:0}.touch-ui .tb-interact .ic{font-size:30px}.touch-ui .tb-dodge{width:58px;height:58px;bottom:4px;right:96px}.touch-ui .tb-skill{width:58px;height:58px;bottom:96px;right:6px}.touch-ui .tb-switch{width:50px;height:50px;bottom:76px;right:82px}.touch-ui .tb-repair{width:48px;height:48px;display:none;bottom:74px;right:150px}.touch-ui .tb-repair.show{display:grid}.touch-ui .ttop{top:max(10px, env(safe-area-inset-top));right:max(240px, env(safe-area-inset-right));pointer-events:none;gap:8px;display:flex;position:absolute}.touch-ui .tb-small{border-radius:10px;width:42px;height:42px;position:static}.touch-ui .tb-small .ic{font-size:16px}body.touch #canvas-host canvas{touch-action:none;cursor:default}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}body.touch .help{display:none}body.touch .hud-tl{left:max(10px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));gap:5px;width:230px;padding:7px 9px}body.touch .bar-row{grid-template-columns:70px 1fr}body.touch .bar-row .label{font-size:12px}body.touch .bar{height:13px}body.touch .weapons{bottom:max(6px, env(safe-area-inset-bottom));gap:4px;padding:4px;left:47%}body.touch .wslot{width:50px;height:50px;padding:2px}body.touch .wslot .wname,body.touch .wslot .wkind,body.touch .wslot:last-child{display:none}body.touch .prompt{font-size:13px;bottom:70px;left:47%}body.touch .prompt .kbd{display:none}body.touch .boss-bar{width:min(460px,50vw);bottom:66px}body.touch .objectives{top:118px;bottom:auto;right:max(10px, env(safe-area-inset-right));width:230px;max-height:32vh;font-size:11px;overflow:hidden}body.touch .build{top:60px;right:max(10px, env(safe-area-inset-right));z-index:6;pointer-events:auto;width:min(330px,46vw);max-height:calc(100vh - 80px);overflow:auto}body.touch .opt{padding:10px}body.touch .hud-tc{top:max(8px, env(safe-area-inset-top));width:min(360px,40vw);padding:5px 10px 7px}body.touch .wave-title{font-size:15px}body.touch .hud-tr{top:max(8px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right))}body.touch .hud-tr .icon-btn[data-testid=pause-btn]{display:none}body.touch .res{padding:5px 10px}body.touch .toasts{top:40%}body.touch .wave-banner .big{font-size:clamp(24px,5vw,44px)}body.touch .status-banner{font-size:14px;top:22%}body.touch .card{padding:18px 20px}body.touch .btn{min-height:44px;padding:12px 22px}@media (max-height:520px){.title{font-size:34px!important}.subtitle{margin-top:0;font-size:14px}.motif{width:40px;height:40px;margin:4px auto}.premise{margin:6px auto 8px;font-size:13px}.roster,.disclaimer{display:none}.roles{grid-template-columns:repeat(2,1fr);gap:6px}.role-card{padding:8px;font-size:11px}.rest-cards{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(3,1fr);margin:8px 0 0}}.rotate-hint{display:none}@media (orientation:portrait){body.touch .rotate-hint{z-index:50;color:var(--gold-soft);font-family:var(--font-display);text-align:center;pointer-events:auto;background:#0f0803f0;place-items:center;padding:24px;font-size:22px;display:grid;position:fixed;inset:0}body.touch .rotate-hint:before{content:"⟳";margin-bottom:12px;font-size:64px;display:block}}.install-hint{text-align:center;color:#ffcf8a;margin-top:10px;font-size:12px}.fps-meter{color:#9dff9a;z-index:60;pointer-events:none;background:#0009;border-radius:4px;padding:3px 6px;font:700 11px/1 monospace;position:absolute;top:2px;left:50%;transform:translate(-50%)}.team .ping{color:#9dff9a;margin-top:2px;font-size:11px}.team .ping.bad{color:#ff9b84}body.touch .hud-tc{width:min(320px,36vw);left:50%;right:auto;transform:translate(-50%)}body.touch .touch-ui .ttop{top:calc(max(8px, env(safe-area-inset-top)) + 52px);right:max(10px, env(safe-area-inset-right))}body.touch .objectives{top:calc(max(8px, env(safe-area-inset-top)) + 104px)}body.touch .dodge-row .kbd{display:none}body.touch .toast{white-space:normal;text-align:center;max-width:60vw;font-size:13px}body.touch .objectives .goal{display:none}body.touch .objectives{width:200px}body.touch .build{left:max(10px, env(safe-area-inset-left));right:auto;top:calc(max(8px, env(safe-area-inset-top)) + 104px);width:min(330px,44vw);max-height:none;bottom:10px}body.touch .build h3{font-size:16px}body.touch .build .sub{display:none}