:root{--red: #8c2a1f;--gold: #f4c542;--cream: #fff4d6;--ink: #3b1d12;--teal: #1b8a7a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:none}html,body{margin:0;height:100%;overflow:hidden;background:#2c1a10;font-family:Mali,Itim,Sarabun,system-ui,sans-serif;color:var(--ink);overscroll-behavior:none}canvas#game,canvas#gl{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:8px;background:radial-gradient(circle at 50% 30%,#ffd86b,#e8892f 45%,#8c2a1f);overflow:auto}.panel{background:var(--cream);border:4px solid var(--gold);outline:4px solid var(--red);border-radius:22px;padding:14px 18px;width:min(560px,100%);max-height:100%;overflow:auto;box-shadow:0 10px 30px #0006;text-align:center;touch-action:pan-y}.panel *{touch-action:manipulation}h1{margin:0;font-size:clamp(26px,6vw,40px);color:var(--red);text-shadow:2px 2px 0 var(--gold);letter-spacing:1px}h2{margin:0 0 6px;color:var(--red)}.sub{margin:2px 0 10px;font-size:14px;color:#7a4a2a}.row{display:flex;gap:8px;align-items:center;justify-content:center;margin:8px 0;flex-wrap:wrap}input,select{font:inherit;padding:8px 10px;border-radius:12px;border:2px solid #c98f5f;background:#fff;color:var(--ink);user-select:text;-webkit-user-select:text}#name{width:170px}#roomCode{width:100px;text-transform:uppercase;text-align:center;letter-spacing:3px}button{font:inherit;font-weight:700;padding:10px 14px;border-radius:14px;border:2px solid #8c2a1f;background:#ffe9a8;color:var(--ink);box-shadow:0 3px #8c2a1f;cursor:pointer}button:active{transform:translateY(2px);box-shadow:0 1px #8c2a1f}button.primary{background:linear-gradient(#ff8a4c,#e5522a);color:#fff;text-shadow:1px 1px 0 #7a1f1f}button:disabled{opacity:.5}.chip{padding:5px 10px;font-size:13px;border-radius:999px}.err{color:#c0392b;min-height:1.2em;font-size:14px}#charPick{display:flex;flex-direction:column;gap:6px}#chars{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 0}#chars canvas{width:100%;aspect-ratio:1;background:#ffe9a8;border-radius:14px;border:3px solid transparent;cursor:pointer}#chars canvas.sel{border-color:var(--red);background:#ffd16a;transform:scale(1.06)}.charName{font-weight:700;color:var(--red);min-height:1.3em}#lobbyPlayers{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}#lobbyPlayers li{display:flex;align-items:center;gap:6px;background:#ffe9a8;border-radius:12px;padding:4px 8px;text-align:left;font-size:14px}#lobbyPlayers canvas{width:34px;height:34px;flex:none}#lobbyPlayers li.host:after{content:"👑";margin-left:auto}#lobbyCode{letter-spacing:6px;font-size:1.3em}#hud{position:fixed;inset:0;pointer-events:none}#hud .chip{position:absolute;top:calc(8px + env(safe-area-inset-top));pointer-events:auto;opacity:.85}#btnQuit{left:calc(8px + env(safe-area-inset-left))}#btnMute{left:calc(86px + env(safe-area-inset-left))}#scores{position:absolute;top:calc(6px + env(safe-area-inset-top));left:calc(236px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));display:flex;gap:4px;flex-wrap:wrap;justify-content:center;pointer-events:none}#scores .sc{display:flex;align-items:center;gap:3px;padding:2px 8px 2px 4px;border-radius:999px;background:#0007;color:#fff;font-weight:700;font-size:14px;border:2px solid var(--c)}#scores .sc canvas{width:22px;height:22px}#scores .sc.dead{opacity:.4}#banner{position:absolute;left:0;right:0;top:34%;text-align:center;font-size:clamp(30px,8vw,72px);font-weight:700;color:#fff;-webkit-text-stroke:2px #7a1f1f;text-shadow:0 4px 0 #7a1f1f,0 0 20px #0008;pointer-events:none}#banner small{display:block;font-size:.4em;-webkit-text-stroke:1px #7a1f1f}#banner button{pointer-events:auto;margin:8px 4px 0;font-size:18px;-webkit-text-stroke:0;text-shadow:none}#touch{position:fixed;inset:0;pointer-events:none}#touch>*{pointer-events:auto}#stickBase{position:absolute;width:130px;height:130px;border-radius:50%;background:#fff3;border:3px solid #fff8;display:none}#stickKnob{position:absolute;left:35px;top:35px;width:60px;height:60px;border-radius:50%;background:#fff8;box-shadow:0 2px 6px #0003}.act{position:absolute;width:74px;height:74px;border-radius:50%;border:3px solid #fff;background:radial-gradient(#ffb347,#d9541e);color:#fff;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px #7a1f1f66;line-height:1;overflow:hidden;opacity:.4;transition:opacity .08s}.act:active,#btnThrow.aiming{opacity:.9}.act span{font-size:28px}.act i{font-style:normal;font-size:12px}.act.big{width:104px;height:104px;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}.act.big span{font-size:40px}.act.big i{font-size:14px}#btnSlash{right:calc(134px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));background:radial-gradient(#7fd6ff,#2477c9)}#btnDash{right:calc(220px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));background:radial-gradient(#8ff2c0,#1b9a6a)}#btnDash.cd{filter:grayscale(.8) brightness(.8)}#dashCd{position:absolute;font-size:22px}#btnJump{right:calc(134px + env(safe-area-inset-right));bottom:calc(104px + env(safe-area-inset-bottom));background:radial-gradient(#ffe082,#f57c00)}#btnJump.cd{filter:grayscale(.8) brightness(.8)}#jumpCd{position:absolute;font-size:22px}#btnThrow.aiming{transform:scale(1.1)}#rotate{display:none;position:fixed;inset:0;z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 30%,#ffd86b,#e8892f 45%,#8c2a1f);color:#fff;font-size:22px;font-weight:700;text-shadow:0 2px 0 #7a1f1f;text-align:center;padding:20px}#rotate span{font-size:72px;animation:turn 1.6s ease-in-out infinite}@keyframes turn{0%,30%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}@media(orientation:portrait)and (pointer:coarse){html.playing #rotate{display:flex}}@media(hover:hover)and (pointer:fine){#touch{display:none!important}}@media(max-height:520px)and (orientation:landscape){.screen{padding:4px calc(8px + env(safe-area-inset-right)) 4px calc(8px + env(safe-area-inset-left))}.panel{padding:8px 12px;border-width:3px;outline-width:3px;border-radius:16px}h1{font-size:24px;line-height:1.1}h2{margin:0 0 2px;font-size:18px}.sub{margin:0 0 4px;font-size:12px}.row{margin:4px 0;gap:6px}input,select{padding:5px 8px;border-radius:10px;font-size:14px}button{padding:7px 10px;font-size:14px;border-radius:12px}#menu .panel{width:min(860px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:14px;align-items:center}#menu .panel>*{grid-column:2}#menu #charPick{grid-column:1;grid-row:1 / span 8;align-self:center;gap:4px}#menu #chars{grid-template-columns:repeat(4,1fr);gap:4px;margin:0}#menu #chars canvas{border-width:2px;border-radius:10px}#menu .charName{min-height:1.1em;font-size:14px}#menu .err{min-height:0;font-size:12px}#lobby .panel{width:min(760px,100%)}#lobbyPlayers{margin:4px 0;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px;max-height:140px;overflow:auto}}@media(max-height:380px)and (orientation:landscape){.panel{padding:5px 10px}h1{font-size:20px}.sub{display:none}.row{margin:3px 0;gap:4px}input,select{padding:3px 6px;font-size:13px}button{padding:5px 8px;font-size:13px}#name{width:130px}#roomCode{width:84px}#menu .panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:10px}#menu .charName{font-size:13px;min-height:0}#menu .row.solo label,#menu .row label{font-size:13px}#lobbyPlayers{max-height:90px}}#scores .sc{padding:4px 14px 4px 6px;background:#2b3a2acc;border-width:3px;font-size:20px;gap:6px;box-shadow:0 3px #0005}#scores .sc canvas{width:36px;height:36px}#hud .chip{background:#fff4dc;color:#5a3a1c;border:3px solid #7a4e24;font-weight:800;box-shadow:0 3px #0004;opacity:1}.act{border-width:4px;border-color:#fffd;box-shadow:0 4px #0004,inset 0 -6px 10px #0003,inset 0 6px 10px #fff5}#btnThrow{background:radial-gradient(circle at 40% 30%,#ffe27a,#e0a21c)}#edWrap{width:min(1200px,100%);height:100%;max-height:100%;display:flex;flex-direction:column;gap:6px;background:var(--cream);border:4px solid var(--gold);outline:4px solid var(--red);border-radius:18px;padding:8px}#edWrap *{touch-action:manipulation;user-select:none}#edTop,#edBottom{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}#edTop input,#edTop select,#edBottom select{font:inherit;padding:6px 8px;border-radius:10px;border:2px solid #8c2a1f;background:#fff;max-width:170px}#edMid{flex:1;min-height:0;display:flex;gap:6px}#edPalette{display:flex;flex-direction:column;gap:5px;overflow:auto}.edKind{display:flex;flex-direction:column;align-items:center;padding:6px 8px;min-width:62px;line-height:1.1;cursor:grab}.edKind span{font-size:26px}.edKind i{font-style:normal;font-size:12px}.edKind.on{background:#ffb347;outline:3px solid var(--red)}#edStage{flex:1;min-width:0;background:#3b2a1a;border-radius:12px;overflow:hidden}#edCanvas{display:block;cursor:crosshair}#edHint{text-align:center;font-size:13px;min-height:1.3em}#editor input[type=file]{display:none}@media(max-height:520px){#edWrap{padding:4px;gap:3px}.edKind{padding:3px 5px;min-width:50px}.edKind span{font-size:20px}#edHint{font-size:11px}}#edStage{position:relative}#edStage canvas#gl{position:absolute;inset:0;width:100%;height:100%}#edStage #edCanvas{position:absolute;left:0;top:0}#edModels{display:flex;flex-direction:column;gap:5px;padding-bottom:5px;border-bottom:2px dashed #8c2a1f66}#edStylePanel{position:absolute;right:8px;top:8px;width:190px;display:flex;flex-direction:column;gap:6px;padding:8px;background:#fff4d6ee;border:3px solid var(--gold);outline:2px solid var(--red);border-radius:12px;font-size:13px;z-index:3}#edStylePanel label{display:flex;justify-content:space-between;align-items:center;gap:6px}#edStylePanel select,#edStylePanel input[type=color]{font:inherit;border-radius:8px;border:2px solid #8c2a1f;background:#fff}#edStylePanel input[type=range]{width:110px}#edStylePanel .r{display:flex;justify-content:space-between;align-items:center;gap:6px}#edStylePanel button{padding:4px 8px;font-size:12px}#edStylePanel input[type=file]{display:none!important}#hud #btnMute+.chip{left:calc(134px + env(safe-area-inset-left))}#hud #btnSettings,#hud .btnSettings{left:calc(182px + env(safe-area-inset-left))}.panel{position:relative}.panelFull{position:absolute;top:8px;right:8px;width:36px;height:36px;padding:0;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:12px}#iosInstall{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom));background:#1a0d07e6}#iosInstall .box{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%;max-height:100%}#iosInstall img{display:block;max-width:min(100%,520px);max-height:calc(100dvh - 80px);object-fit:contain;border-radius:16px;border:2px solid var(--gold)}#iosInstall .x{position:absolute;top:6px;right:6px;width:40px;height:40px;padding:0;border-radius:50%;font-size:18px}#iosInstall #iosInstallLater{font-size:15px}#androidInstall{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#1a0d07cc}#androidInstall .box{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(100%,340px);padding:20px 18px 16px;background:#fff4d6;border:3px solid var(--gold);border-radius:22px;text-align:center;color:var(--ink)}#androidInstall img{width:84px;height:84px;border-radius:20px;box-shadow:0 3px #8c2a1f55}#androidInstall .t{font-size:20px;font-weight:800}#androidInstall .d{font-size:14px;margin-bottom:4px}#androidInstall button{width:100%}@media(max-height:420px){#androidInstall img{width:56px;height:56px}#androidInstall .box{gap:6px;padding:12px 16px}}#pcBar,#pcHelp,#btnHelp{display:none}@media(hover:hover)and (pointer:fine){#hud #btnHelp{display:block;left:calc(230px + env(safe-area-inset-left))}#scores{left:calc(284px + env(safe-area-inset-left))}#pcBar{display:flex;position:absolute;right:16px;bottom:16px;gap:10px;pointer-events:none}#pcHelp:not(.hidden){display:flex}}#pcBar .sk{position:relative;width:74px;height:74px;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(#fff7e0,#f2c46b);border:3px solid #7a4e24;box-shadow:0 3px #0005;color:#5a3a1c}#pcBar .sk .ic{font-size:28px;line-height:1}#pcBar .sk i{font-style:normal;font-size:12px;font-weight:800}#pcBar .sk kbd{position:absolute;top:2px;left:50%;transform:translate(-50%);font:700 10px/1 inherit;padding:2px 5px;border-radius:6px;background:#5a3a1c;color:#fff4dc;white-space:nowrap;z-index:2}#pcBar .sk em{position:absolute;inset:0;background:conic-gradient(#000a calc(var(--cd, 0) * 360deg),transparent 0);display:none}#pcBar .sk b{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;text-shadow:0 2px 0 #000a}#pcBar .sk.cd em,#pcBar .sk.cd b{display:flex}#pcBar .sk.recall{background:radial-gradient(#f3e4ff,#b48ae8)}#pcBar .sk.ready{animation:skReady .35s ease-out}@keyframes skReady{0%{transform:scale(1.18);box-shadow:0 0 0 4px #ffe97d}to{transform:scale(1)}}#hud.unarmed #skThrow,#hud.unarmed #skSlash{display:none}#pcHelp{position:absolute;left:12px;top:56px;z-index:4;flex-direction:column;gap:6px;padding:12px 14px;max-width:340px;pointer-events:none;background:#3b1d12e6;color:#fff4d6;border:2px solid var(--gold);border-radius:14px;font-size:14px}#pcHelp>b{font-size:17px;color:#ffd86b}#pcHelp div{display:flex;align-items:center;gap:4px;flex-wrap:wrap}#pcHelp div span{margin-left:auto;padding-left:10px;color:#ffe9b8}#pcHelp kbd{font:700 12px/1 inherit;padding:3px 6px;border-radius:6px;background:#fff4dc;color:#5a3a1c;box-shadow:0 2px #0006}#pcHelp .hsOnly{display:none;color:#9fe3ff}#hud.hideSeek #pcHelp .hsOnly{display:block}#pcHelp small{opacity:.75}.menuSettings{position:fixed;left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;width:46px;height:46px;padding:0;font-size:22px;line-height:1;border-radius:50%}#onlineBadge{position:fixed;left:calc(66px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));z-index:50;padding:5px 12px;border-radius:999px;background:#fff4dcee;color:#5a3a1c;border:2px solid #7a4e24;font-size:14px;font-weight:800;box-shadow:0 2px #0004;pointer-events:none}#onlineBadge b{color:#1b8a3a}.pickWrap{position:relative;display:inline-flex;min-width:0}.pickWrap select{pointer-events:none}.pickHit{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;opacity:0;cursor:pointer}.pickHit:active{transform:none;box-shadow:none}.pickHit:focus-visible{opacity:1;outline:3px solid #ffb347;outline-offset:1px;background:transparent}#picker{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;background:#1a0d07b3;animation:pkFade .15s ease-out}#picker .pkBox{width:min(100%,460px);max-height:78%;display:flex;flex-direction:column;background:#fff4d6;color:var(--ink);border:3px solid var(--gold);border-bottom:0;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:pkUp .2s ease-out}#picker .pkHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px 20px}#picker .pkHead b{font-size:20px}#picker .pkX{width:38px;height:38px;padding:0;border-radius:50%;font-size:16px;line-height:1}#picker .pkList{overflow-y:auto;overscroll-behavior:contain;padding:4px 12px 14px;display:flex;flex-direction:column;gap:8px;touch-action:pan-y}#picker .pkRow{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 16px;text-align:left;font-size:20px;font-weight:700;touch-action:manipulation}#picker .pkTick{width:22px;flex:none;color:transparent;font-size:20px}#picker .pkRow.sel{background:linear-gradient(#ff9a4a,#e8480f);color:#fff;border-color:#c8380a;box-shadow:0 3px #a02a08}#picker .pkRow.sel .pkTick{color:#fff}@media(min-width:700px),(max-height:520px){#picker{align-items:center}#picker .pkBox{border-bottom:3px solid var(--gold);border-radius:24px;max-height:88%;padding-bottom:0}#picker .pkRow{min-height:46px;font-size:18px}}@keyframes pkUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes pkFade{0%{opacity:0}to{opacity:1}}#settings{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:12px;background:#1a0d07cc}#settings .box{display:flex;flex-direction:column;gap:10px;width:min(100%,380px);max-height:100%;overflow:auto;padding:16px;background:#fff4d6;border:3px solid var(--gold);border-radius:22px;text-align:center;color:var(--ink)}#settings h3{margin:0;font-size:20px}#settings .opts{display:flex;gap:10px}#settings .opts button{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px 8px}#settings .opts button b{font-size:22px}#settings .opts button small{font-size:12px;font-weight:600;opacity:.8}#settings .opts button.sel{background:linear-gradient(#ff9a4a,#e8480f);color:#fff;border-color:#c8380a;box-shadow:0 3px #a02a08,0 0 0 3px #ffe97d}html[lang=en] #menu h1 .t1{margin-right:.28em}#settings .langH{margin-top:4px;font-size:16px}#settings .langOpts button{padding:8px}#settings p{margin:0;font-size:12px;opacity:.7}#fsHint{position:fixed;left:50%;top:calc(56px + env(safe-area-inset-top));transform:translate(-50%);z-index:80;max-width:min(92vw,420px);padding:10px 14px;background:#3b1d12ee;color:#fff4d6;border:2px solid var(--gold);border-radius:14px;font-size:14px;text-align:center;pointer-events:none}#edPalette{width:92px;flex:none}#edTabs{display:flex;flex-direction:column;gap:4px;padding-bottom:6px;border-bottom:2px dashed #8c2a1f66}#edTabs button{padding:5px 4px;font-size:12px;border-radius:10px;line-height:1.1}#edTabs button.on{background:#ffb347;outline:3px solid var(--red)}#edItems{display:flex;flex-direction:column;gap:5px;padding-top:6px}#edItems .edKind{min-width:0;width:100%}@media(max-height:520px){#edPalette{width:78px}#edTabs button{padding:3px;font-size:11px}}#lobbyChars{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:4px 0 8px;max-width:420px}#lobbyChars canvas{width:100%;aspect-ratio:1;background:#ffe9a8;border-radius:12px;border:3px solid transparent;cursor:pointer}#lobbyChars canvas.sel{border-color:var(--red);background:#ffd16a;transform:scale(1.06)}#menu.screen{background:radial-gradient(ellipse 60% 30% at 18% 22%,#ffe9b8aa 0 60%,transparent 62%),radial-gradient(ellipse 50% 26% at 82% 14%,#ffe0a0aa 0 60%,transparent 62%),linear-gradient(#fbd28a,#f6a95c 38%,#ea8346 72%,#c85a32)}#menu.screen:before,#menu.screen:after{content:"";position:absolute;bottom:0;width:38%;height:62%;pointer-events:none;opacity:.5;background-repeat:no-repeat;background-size:contain;background-position:bottom}#menu.screen:before{left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 160'%3E%3Cg fill='%23a8603a'%3E%3Cpath d='M20 160V96l16-26 16 26v64zM60 160V110l22-34 22 34v50zM100 160V120l12-18 12 18v40z'/%3E%3Cpath d='M36 70l2-18 2 18zM82 76l2-24 2 24z'/%3E%3C/g%3E%3C/svg%3E")}#menu.screen:after{right:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 220'%3E%3Cg fill='%23a8603a'%3E%3Cpath d='M92 220V120L100 8l8 112v100zM70 220v-70l30-40 30 40v70z'/%3E%3Cpath d='M40 220V150l20-28 20 28v70zM120 220v-60l18-24 18 24v60z'/%3E%3C/g%3E%3C/svg%3E")}.menuDeco i{position:absolute;font-style:normal;pointer-events:none;z-index:0}.menuDeco .d-target{left:1.5%;bottom:3%;width:clamp(60px,11vw,130px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c45b2a 0 14%,#f3d9a2 14% 28%,#b5502a 28% 44%,#e8c98c 44% 60%,#8b4a2a 60% 100%);border:4px solid #5a3018;box-shadow:0 6px #0004}.menuDeco .d-jar{right:1.5%;bottom:1%;font-size:clamp(60px,11vw,140px);filter:drop-shadow(0 6px 4px #0005)}.menuDeco .d-leaf{font-size:clamp(30px,6vw,70px);filter:drop-shadow(0 3px 2px #0004)}.menuDeco .l1{left:11%;bottom:0;transform:rotate(-18deg)}.menuDeco .l2{right:10%;bottom:0;transform:scaleX(-1) rotate(-12deg)}#menu .panel{position:relative;z-index:1;width:min(780px,100%);margin-top:38px;padding:78px clamp(14px,4vw,34px) 22px;background:linear-gradient(#fff8e4,#fff1d0);border:6px solid #e2603a;outline:none;border-radius:36px;box-shadow:inset 0 0 0 3px #ffe7b0,inset 0 -22px 40px #f7dfa855,0 18px 40px #5a1d0a77}.titleSign{position:absolute;left:50%;top:-42px;transform:translate(-50%);width:min(560px,92%);padding:8px 40px 26px;text-align:center;z-index:2;background:repeating-linear-gradient(94deg,#0000 0 7px,#0000000d 7px 8px),linear-gradient(#8a5530,#5e361b 55%,#4a2a14);border:4px solid #3b1f0e;border-radius:26px 26px 34px 34px;box-shadow:0 6px #2a1408,0 14px 22px #0006,inset 0 3px #b97c4a}.titleSign:before,.titleSign:after{content:"✦";position:absolute;top:24px;font-size:26px;color:#ffd23f;text-shadow:0 2px 0 #7a4a00}.titleSign:before{left:12px}.titleSign:after{right:12px}#menu h1{margin:0;line-height:1.05;letter-spacing:1px;font-size:clamp(34px,8.2vw,64px);font-weight:800;text-shadow:none}#menu h1 .t1{color:#fff;-webkit-text-stroke:7px #3b1f0e;paint-order:stroke fill;text-shadow:0 4px 0 #3b1f0e}#menu h1 .t2{color:#ffd23f;-webkit-text-stroke:7px #3b1f0e;paint-order:stroke fill;text-shadow:0 4px 0 #3b1f0e}#menu .sub{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);margin:0;width:max-content;max-width:96%;padding:4px 22px;font-size:clamp(11px,2.5vw,15px);font-weight:700;color:#8a4a1a;background:linear-gradient(#fff3cf,#ffe4a0);border:2px solid #e8c070;border-radius:999px;box-shadow:0 3px #b98a3a;white-space:nowrap}#menu .panelFull{top:16px;right:16px;width:50px;height:50px;font-size:22px;color:#fff;border:3px solid #fff0d0;border-radius:16px;background:linear-gradient(#ff6a3d,#d9381a);box-shadow:0 3px #8a2410,0 0 0 3px #e2603a;z-index:3}#menu .nameRow{gap:12px;margin:6px 0 12px}#menu .nameRow .ico{font-size:30px;line-height:1;filter:drop-shadow(0 2px 0 #0002)}#menu .nameRow .lbl{font-size:24px;font-weight:800;color:#6a3418}#menu .field{position:relative;flex:0 1 360px}#menu .field:after{content:"";position:absolute;right:14px;top:50%;width:20px;height:20px;transform:translateY(-50%);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b98a5a'%3E%3Cpath d='M3 17.25V21h3.75L17.8 9.94l-3.75-3.75L3 17.25zM20.7 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/contain no-repeat}#menu #name{width:100%;padding:10px 40px 10px 22px;font-size:22px;font-weight:700;color:#4a2410;background:#fff;border:2px solid #ecd9ad;border-radius:999px;box-shadow:inset 0 3px 6px #0000001a}#menu #charPick{padding:16px;background:linear-gradient(#fcefc9,#f9e5b4);border:2px solid #f0d99a;border-radius:30px;box-shadow:inset 0 3px 8px #c8963a33}#menu #chars{grid-template-columns:repeat(5,1fr);gap:clamp(8px,2vw,18px);margin:0}#menu #chars .card{position:relative;aspect-ratio:1;border-radius:24px;background:linear-gradient(#fffdf5,#fff4d8);border:3px solid #f6e6bd;box-shadow:0 4px #e3c982;cursor:pointer;transition:transform .12s,box-shadow .12s}#menu #chars .card:hover{transform:translateY(-3px)}#menu #chars .card canvas{display:block;width:100%;height:100%;aspect-ratio:auto;background:transparent;border:0;border-radius:20px;transform:none}#menu #chars .card.sel{background:linear-gradient(#ffe97d,#ffc93d);border:4px solid #e8591f;transform:scale(1.07);box-shadow:0 0 0 3px #fff3b0,0 6px #c4401a,0 0 22px #ffb347;z-index:1}#menu #chars .card.sel:after{content:"✔";position:absolute;top:-10px;right:-10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;color:#fff;background:linear-gradient(#ff8a4c,#e5522a);border:3px solid #fff;border-radius:50%;box-shadow:0 2px #9a2d10}#menu #chars .card.sel:before{content:"";position:absolute;top:-12px;left:-12px;width:18px;height:18px;background:radial-gradient(circle,#fff7c0 0 30%,transparent 32%);filter:drop-shadow(0 0 4px #ffd23f)}#menu .charName{display:block;width:max-content;max-width:100%;margin:12px auto 4px;padding:4px 34px;position:relative;font-size:20px;font-weight:800;color:#8c3a1f;background:linear-gradient(#fff6dc,#ffeab8);border:2px solid #efd08a;border-radius:999px;box-shadow:0 3px #d9b25e;min-height:0}#menu .charName:empty{display:none}#menu .charName:before,#menu .charName:after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);font-size:18px;color:#f0a830}#menu .charName:before{left:11px}#menu .charName:after{right:11px}#menu .row.solo{gap:12px;margin:14px 0 10px;flex-wrap:wrap}#menu .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 14px;background:linear-gradient(#fff6dc,#ffeab8);border:2px solid #efd08a;border-radius:999px;box-shadow:0 3px #d9b25e;font-weight:800;color:#6a3418}#menu .pill .ico{font-size:24px;line-height:1}#menu .pill .lbl{font-size:20px}#menu .pill select,#menu .pill input{padding:7px 12px;font-size:19px;font-weight:800;color:#4a2410;background:#fff;border:0;border-radius:999px;box-shadow:inset 0 2px 5px #0000001a}#menu #soloMap{max-width:240px}#menu button.primary{padding:14px 30px;font-size:26px;font-weight:800;color:#fff;text-shadow:0 2px 0 #8a2410;background:linear-gradient(#ff9a4a,#e8480f);border:3px solid #c8380a;border-radius:24px;box-shadow:0 5px #a02a08,inset 0 3px #ffc08a}#menu button.soft{padding:9px 22px;font-size:20px;font-weight:800;color:#7a3a14;background:linear-gradient(#ffe892,#ffc84a);border:3px solid #e9a22c;border-radius:999px;box-shadow:0 4px #c07a14,inset 0 2px #fff2b8}#menu button.soft .ico{font-size:22px;vertical-align:-2px}#menu button.soft .chev{font-size:26px;line-height:0;margin-left:4px}#menu button:active{transform:translateY(3px)}#menu .row.online{gap:14px;margin-bottom:4px}#menu .codePill{padding:5px 8px 5px 14px}#menu #roomCode{width:130px;font-size:20px;letter-spacing:3px;text-align:center}#menu .err{margin-top:4px}@media(max-height:520px)and (orientation:landscape){#menu .panel{margin-top:0;padding:12px 14px 10px;border-width:4px;border-radius:24px}.titleSign{position:static;transform:none;width:auto;grid-column:1 / -1!important;margin:0 0 18px;padding:2px 30px 14px;border-width:3px;border-radius:16px 16px 22px 22px}.titleSign:before,.titleSign:after{top:8px;font-size:18px}#menu h1{font-size:28px}#menu h1 .t1,#menu h1 .t2{-webkit-text-stroke-width:5px}#menu .sub{bottom:-12px;font-size:11px;padding:2px 14px}#menu .panelFull{top:8px;right:8px;width:38px;height:38px;font-size:17px;border-radius:12px}#menu #charPick{padding:8px;border-radius:20px;grid-row:2 / span 8}#menu #chars{grid-template-columns:repeat(4,1fr);gap:6px}#menu #chars .card{border-width:2px;border-radius:14px}#menu #chars .card.sel{border-width:3px}#menu #chars .card.sel:after{width:22px;height:22px;font-size:12px;top:-7px;right:-7px;border-width:2px}#menu .nameRow{margin:0 0 4px;gap:6px}#menu .nameRow .ico{font-size:20px}#menu .nameRow .lbl{font-size:16px}#menu #name{font-size:15px;padding:5px 30px 5px 12px}#menu .field:after{font-size:13px;right:10px}#menu .charName{font-size:14px;padding:2px 24px;margin:4px auto}#menu .row.solo{margin:4px 0;gap:6px}#menu .pill{padding:3px 6px 3px 10px;gap:5px}#menu .pill .ico{font-size:16px}#menu .pill .lbl{font-size:14px}#menu .pill select,#menu .pill input{font-size:14px;padding:3px 8px}#menu button.primary{padding:8px 16px;font-size:18px;border-radius:16px}#menu button.soft{padding:5px 12px;font-size:14px}#menu button.soft .ico{font-size:16px}#menu .row.online{gap:6px}#menu #roomCode{width:80px;font-size:14px}.menuDeco{display:none}}@media(max-height:380px)and (orientation:landscape){#menu .panel{padding:8px 10px 6px}.titleSign{margin-bottom:14px;padding-bottom:10px}#menu h1{font-size:22px}#menu .sub{display:none}#menu .charName{font-size:12px;margin:2px auto}}#menu.screen{align-items:flex-start;overflow-y:auto}#menu .panel{overflow:visible;max-height:none;margin:56px auto 22px}#menu h1{white-space:nowrap;font-size:clamp(30px,6.4vw,54px)}@media(max-height:900px)and (min-height:521px)and (min-aspect-ratio:1/1){#menu .panel{margin-top:46px;padding-top:66px;padding-bottom:14px}.titleSign{top:-38px;padding:4px 36px 22px}#menu h1{font-size:clamp(30px,5.6vw,46px)}#menu .nameRow{margin:2px 0 8px}#menu .nameRow .ico{font-size:24px}#menu .nameRow .lbl{font-size:20px}#menu #name{font-size:18px;padding:7px 38px 7px 18px}#menu #charPick{padding:12px}#menu #chars{gap:9px}#menu #chars .card{border-radius:18px}#menu .charName{font-size:17px;margin:8px auto 2px}#menu .row.solo{margin:8px 0 6px}#menu .pill .lbl{font-size:17px}#menu .pill select{font-size:16px;padding:5px 10px}#menu button.primary{padding:10px 24px;font-size:22px}#menu button.soft{padding:6px 18px;font-size:17px}#menu .row{margin:6px 0}}@media(max-height:520px)and (orientation:landscape){#menu.screen{align-items:center}#menu .panel{margin:0 auto;padding:10px 14px 8px}.titleSign{justify-self:center;width:min(430px,72%);margin:0 0 20px;padding:0 30px 12px}#menu h1{font-size:26px}#menu .row{margin:3px 0}#menu #chars{gap:5px}#menu .charName{margin:2px auto}}@media(max-height:380px)and (orientation:landscape){#menu h1{font-size:20px}.titleSign{margin-bottom:14px;padding-bottom:8px}#menu #charPick{padding:6px}}@media(max-height:520px)and (orientation:landscape){#menu .panel{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:10px}#menu .nameRow .ico,#menu .pill .ico,#menu button.soft .ico{display:none}#menu .row.solo{flex-wrap:wrap;gap:5px;justify-content:center}#menu .pill{padding:2px 4px 2px 10px}#menu .pill .lbl{font-size:12px}#menu .pill select{font-size:12px;padding:2px 6px;max-width:120px}#menu button.primary{padding:5px 14px;font-size:16px}#menu button.soft{padding:4px 10px;font-size:12px;box-shadow:0 3px #c07a14}#menu .row.online{flex-wrap:nowrap;gap:4px}#menu #roomCode{width:54px;font-size:12px;letter-spacing:1px}#menu .codePill{padding:2px 4px 2px 8px}#menu .nameRow .lbl{font-size:13px}#menu #name{font-size:13px;padding:3px 26px 3px 10px}#menu .charName{font-size:12px;padding:1px 20px}#menu .charName:before{left:7px}#menu .charName:after{right:7px}.titleSign{margin-bottom:16px}}@media(max-height:520px)and (orientation:landscape){.titleSign{position:relative;left:auto;top:auto}.titleSign:before{left:10px}.titleSign:after{right:10px}}@media(min-height:521px)and (min-aspect-ratio:1/1){#menu{--u: min(1vw, 1.7778vh)}#menu.screen{padding:0;align-items:center;justify-content:center;overflow:hidden;background:#e6a35e}#menu.screen:after{display:none}#menu.screen:before{content:"";position:absolute;inset:-4%;width:auto;height:auto;opacity:1;background:url(/ui/menu.jpg) center / cover no-repeat;filter:blur(14px) saturate(1.05)}.menuDeco{display:none}#menu .panel{position:relative;z-index:1;width:calc(var(--u) * 100);height:calc(var(--u) * 56.25);max-height:none;margin:0;padding:0;overflow:visible;display:block;text-align:center;background:url(/ui/menu.jpg) center / 100% 100% no-repeat;border:0;outline:0;border-radius:0;box-shadow:0 0 calc(var(--u) * 3) #0006}#menu .panel>*{grid-column:auto}#menu .titleSign{top:calc(var(--u) * -1.2);width:calc(var(--u) * 31);padding:calc(var(--u) * .5) calc(var(--u) * 3) calc(var(--u) * 1.9);border-width:calc(var(--u) * .3);border-radius:calc(var(--u) * 1.8) calc(var(--u) * 1.8) calc(var(--u) * 2.4) calc(var(--u) * 2.4)}#menu .titleSign:before,#menu .titleSign:after{top:calc(var(--u) * 1.6);font-size:calc(var(--u) * 1.8)}#menu .titleSign:before{left:calc(var(--u) * .8)}#menu .titleSign:after{right:calc(var(--u) * .8)}#menu h1{font-size:calc(var(--u) * 3.9)}#menu h1 .t1,#menu h1 .t2{-webkit-text-stroke-width:calc(var(--u) * .5)}#menu .sub{bottom:calc(var(--u) * -1.1);padding:calc(var(--u) * .25) calc(var(--u) * 1.6);font-size:calc(var(--u) * 1.05);border-width:calc(var(--u) * .15)}#menu .panelFull{top:12.4%;left:77%;right:auto;width:4.1%;height:7.3%;font-size:calc(var(--u) * 2);border-radius:calc(var(--u) * 1.1);border-width:calc(var(--u) * .25);box-shadow:0 calc(var(--u) * .25) 0 #8a2410}#menu .nameRow{position:static;margin:0}#menu .nameRow .ico,#menu .nameRow .lbl{display:none}#menu .field{position:absolute;left:43.4%;top:17.5%;width:19.2%;height:7%;flex:none}#menu #name{width:100%;height:100%;padding:0 calc(var(--u) * 3.2) 0 calc(var(--u) * 2);font-size:calc(var(--u) * 1.9);background:#fff;border:calc(var(--u) * .22) solid #e5cfa2;box-shadow:inset 0 calc(var(--u) * .2) calc(var(--u) * .5) #0000001a}#menu .field:after{right:calc(var(--u) * 1.4);width:calc(var(--u) * 1.8);height:calc(var(--u) * 1.8)}#menu #charPick{position:absolute;left:23.9%;top:25.6%;width:53.2%;height:37.7%;padding:1.5% 1.8%;background:transparent;border:0;border-radius:0;box-shadow:none;display:block}#menu #chars{height:100%;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:calc(var(--u) * 1.2)}#menu #chars .card{aspect-ratio:auto;border-radius:calc(var(--u) * 1.6);border-width:calc(var(--u) * .25);box-shadow:0 calc(var(--u) * .3) 0 #e3c982}#menu #chars .card canvas{border-radius:calc(var(--u) * 1.3)}#menu #chars .card.sel{border-width:calc(var(--u) * .35);transform:scale(1.05);box-shadow:0 0 0 calc(var(--u) * .25) #fff3b0,0 calc(var(--u) * .45) 0 #c4401a,0 0 calc(var(--u) * 1.8) #ffb347}#menu #chars .card.sel:after{top:calc(var(--u) * -.8);right:calc(var(--u) * -.8);width:calc(var(--u) * 2.9);height:calc(var(--u) * 2.9);font-size:calc(var(--u) * 1.6);border-width:calc(var(--u) * .25)}#menu .charName{position:absolute;left:40.4%;top:62.1%;width:19.2%;height:5.4%;margin:0;padding:0 calc(var(--u) * 2.2);display:flex;align-items:center;justify-content:center;font-size:calc(var(--u) * 1.55);border-width:calc(var(--u) * .18);box-shadow:0 calc(var(--u) * .25) 0 #d9b25e;white-space:nowrap;overflow:hidden}#menu .charName:before,#menu .charName:after{font-size:calc(var(--u) * 1.4)}#menu .charName:before{left:calc(var(--u) * .8)}#menu .charName:after{right:calc(var(--u) * .8)}#menu .row{position:absolute;left:23.5%;width:53.2%;margin:0;gap:calc(var(--u) * 1.4);flex-wrap:nowrap}#menu .row.solo{top:69.4%}#menu .row:not(.solo):not(.online):not(.nameRow){top:80.4%}#menu .row.online{top:88.3%}#menu .pill{padding:calc(var(--u) * .45) calc(var(--u) * .7) calc(var(--u) * .45) calc(var(--u) * 1.3);gap:calc(var(--u) * .6);border-width:calc(var(--u) * .2);box-shadow:0 calc(var(--u) * .3) 0 #d9b25e}#menu .pill .ico{font-size:calc(var(--u) * 2.1)}#menu .pill .lbl{font-size:calc(var(--u) * 1.7)}#menu .pill select,#menu .pill input{font-size:calc(var(--u) * 1.6);padding:calc(var(--u) * .5) calc(var(--u) * 1)}#menu #soloMap{max-width:calc(var(--u) * 17)}#menu #roomCode{width:calc(var(--u) * 10);font-size:calc(var(--u) * 1.7)}#menu button.primary{padding:calc(var(--u) * 1) calc(var(--u) * 2.6);font-size:calc(var(--u) * 2.2);border-width:calc(var(--u) * .25);border-radius:calc(var(--u) * 2);box-shadow:0 calc(var(--u) * .45) 0 #a02a08,inset 0 calc(var(--u) * .25) 0 #ffc08a}#menu button.soft{padding:calc(var(--u) * .6) calc(var(--u) * 1.8);font-size:calc(var(--u) * 1.7);border-width:calc(var(--u) * .25);box-shadow:0 calc(var(--u) * .35) 0 #c07a14,inset 0 calc(var(--u) * .18) 0 #fff2b8}#menu button.soft .ico{font-size:calc(var(--u) * 1.9)}#menu button.soft .chev{font-size:calc(var(--u) * 2.2)}#menu .err{position:absolute;left:0;right:0;top:95.6%;margin:0;min-height:0;font-size:calc(var(--u) * 1.3);font-weight:700;color:#c0391f}}@media(min-height:521px)and (min-aspect-ratio:1/1){#menu .row.solo{flex-wrap:nowrap;gap:calc(var(--u) * 1);top:69.2%;justify-content:center}#menu .row.solo .pill{padding:calc(var(--u) * .25) calc(var(--u) * .5) calc(var(--u) * .25) calc(var(--u) * 1)}#menu .row.solo .pill .ico{font-size:calc(var(--u) * 1.7)}#menu .row.solo .pill .lbl{font-size:calc(var(--u) * 1.4)}#menu .row.solo .pill select{font-size:calc(var(--u) * 1.3);padding:calc(var(--u) * .3) calc(var(--u) * .7)}#menu #soloMap{max-width:calc(var(--u) * 13)}#menu button.primary{white-space:nowrap;padding:calc(var(--u) * .6) calc(var(--u) * 1.8);font-size:calc(var(--u) * 1.8);border-radius:calc(var(--u) * 1.5)}#menu .row:not(.solo):not(.online):not(.nameRow){top:79.6%}#menu button.soft{white-space:nowrap;padding:calc(var(--u) * .4) calc(var(--u) * 1.5);font-size:calc(var(--u) * 1.5)}#menu .row.online{top:87.2%;gap:calc(var(--u) * 1.1)}#menu .codePill{padding:calc(var(--u) * .25) calc(var(--u) * .5) calc(var(--u) * .25) calc(var(--u) * 1)}#menu #roomCode{width:calc(var(--u) * 8.5);font-size:calc(var(--u) * 1.4);padding:calc(var(--u) * .3) calc(var(--u) * .6)}#menu .codePill .ico{font-size:calc(var(--u) * 1.7)}}@media(min-height:521px)and (min-aspect-ratio:1/1){#menu .sub{max-width:none;font-size:calc(var(--u) * .95);padding:calc(var(--u) * .25) calc(var(--u) * 1.4)}}#menu h1{line-height:1.22}@media(min-height:521px)and (min-aspect-ratio:1/1){#menu .titleSign{width:calc(var(--u) * 35);padding:calc(var(--u) * .9) calc(var(--u) * 3.6) calc(var(--u) * 1.9);top:calc(var(--u) * -1.8)}#menu h1{font-size:calc(var(--u) * 3.4)}#menu .titleSign:before,#menu .titleSign:after{top:calc(var(--u) * 2)}}@media(max-height:520px)and (orientation:landscape){#menu h1{line-height:1.2}.titleSign{padding-top:4px}}#loading{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;background:radial-gradient(circle at 50% 35%,#ffd86b,#e8892f,#8c2a1f);color:#fff;font-weight:800;text-shadow:0 2px 0 #7a1f1f}#loading #loadingMsg{margin:0;font-size:clamp(20px,4vw,30px)}#loading .tip{margin:0;font-size:clamp(12px,2.4vw,16px);font-weight:700;opacity:.85}#loading .spin{width:64px;height:64px;border-radius:50%;border:8px solid #ffffff55;border-top-color:#fff;animation:loadspin .9s linear infinite}@keyframes loadspin{to{transform:rotate(360deg)}}#buffs{position:absolute;left:10px;top:62px;display:flex;flex-direction:column;gap:6px;pointer-events:none}#buffs .bf{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 12px 4px 8px;border-radius:999px;background:#fff7e0ee;border:3px solid #e8892f;box-shadow:0 3px #a85a12;font-size:20px;font-weight:800;color:#6b2a10}#buffs .bf i{font-style:normal;font-size:14px}#buffs .bf.bad{border-color:#d63b14;background:#ffe3d6ee}#toast{position:absolute;left:0;right:0;top:22%;text-align:center;font-size:clamp(22px,5vw,44px);font-weight:800;color:#fff;-webkit-text-stroke:2px #6a2a8a;text-shadow:0 4px 0 #6a2a8a,0 0 16px #0008;pointer-events:none;opacity:0;transform:translateY(10px) scale(.9);transition:opacity .2s,transform .2s}#toast.on{opacity:1;transform:none}#btnThrow.recall{background:radial-gradient(#d9a5ff,#7b36c9);opacity:.85}#btnThrow.recall i{font-size:13px}#btnThrow.recall.cd{animation:cdblink .55s ease-in-out infinite}@keyframes cdblink{0%,to{opacity:1;box-shadow:0 0 0 4px #fff9,0 0 24px #d9a5ff}50%{opacity:.6;box-shadow:none}}#recallCd{position:absolute;font-size:38px;font-weight:800;color:#fff;text-shadow:0 2px 0 #0009,0 0 6px #0008}.secLabel{display:none}@media(orientation:portrait){#menu.screen{align-items:flex-start;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:calc(14px + env(safe-area-inset-top)) 14px calc(86px + env(safe-area-inset-bottom));touch-action:pan-y;-webkit-overflow-scrolling:touch}#menu.screen *,#menu.screen{touch-action:manipulation}#menu.screen{touch-action:pan-y}#menu.screen:before,#menu.screen:after,#menu .menuDeco{display:none}#menu.screen .panel{width:100%;max-width:520px;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:12px;text-align:left;overflow:visible;background:transparent;border:0;outline:0;box-shadow:none;border-radius:0}#menu.screen .panel>*{grid-column:auto}#menu.screen .panelFull{position:fixed;top:calc(12px + env(safe-area-inset-top));right:12px;width:44px;height:44px;font-size:19px;border-radius:50%;border:3px solid #fff0d0;box-shadow:0 3px #8a2410;z-index:5}#menu.screen .titleSign{position:relative;left:auto;top:auto;transform:none;width:100%;margin:26px 0 0;padding:12px 18px 16px;box-sizing:border-box}#menu.screen .titleSign:before,#menu.screen .titleSign:after{top:50%;transform:translateY(-50%);font-size:20px}#menu.screen h1{font-size:clamp(34px,11.5vw,58px);white-space:nowrap;text-align:center}#menu.screen h1 .t1,#menu.screen h1 .t2{-webkit-text-stroke-width:6px}#menu.screen .sub{position:static;transform:none;width:auto;max-width:none;margin:8px 0 0;padding:0;font-size:14px;font-weight:700;color:#fff4d6;text-shadow:0 2px 0 #7a2c10;background:none;border:0;box-shadow:none;white-space:normal;text-align:center}.secLabel{display:block;margin:8px 2px -4px;font-size:17px;font-weight:800;color:#fff4d6;text-shadow:0 2px 0 #7a2c10}#menu.screen .nameRow{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:6px 0 0}#menu.screen .nameRow .ico{display:none}#menu.screen .nameRow .lbl{font-size:17px;font-weight:800;color:#fff4d6;text-shadow:0 2px 0 #7a2c10}#menu.screen .field{flex:none;width:100%}#menu.screen #name{height:54px;font-size:20px;border-radius:18px;border:3px solid #f0d99a;background:#fff8e4}#menu.screen #charPick{padding:10px;border-radius:22px;background:#fff3d4cc;border:3px solid #f0d99a;box-shadow:none}#menu.screen #chars{grid-template-columns:repeat(5,1fr);gap:8px}#menu.screen #chars .card{border-radius:16px;border-width:2px;box-shadow:0 3px #e3c982}#menu.screen #chars .card canvas{border-radius:14px}#menu.screen #chars .card.sel{transform:none;border-width:3px;border-color:#e5522a;background:linear-gradient(#ffe97d,#ffc93d);box-shadow:0 0 0 3px #fff3b0,0 0 14px #ffb347}#menu.screen #chars .card.sel:after{top:-8px;right:-8px;width:24px;height:24px;font-size:13px;border-width:2px}#menu.screen #chars .card.sel:before{display:none}#menu.screen .charName{align-self:center;margin:-2px 0 0;padding:4px 18px;font-size:16px}#menu.screen .row{display:flex;flex-wrap:wrap;justify-content:stretch;gap:10px;margin:0;width:100%}#menu.screen .row .pill{flex:1 1 100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px 12px;border-radius:18px;border:3px solid #f0d99a;background:#fff8e4;box-shadow:none}#menu.screen .row .pill .ico{font-size:22px}#menu.screen .row .pill .lbl{font-size:17px;font-weight:800;color:#6a3418;margin-right:auto}#menu.screen .row .pill select{font-size:17px;padding:8px 10px;border-radius:12px;min-width:0;max-width:46%}#menu.screen #soloMap{max-width:58%}#menu.screen button.primary{flex:1 1 100%;width:100%;padding:16px 20px;font-size:24px;border-radius:22px;border-width:3px}#menu.screen button.soft{flex:1 1 100%;justify-content:center;padding:13px 16px;font-size:18px;border-radius:18px}#menu.screen .row.online .soft#btnCreate{flex:1 1 100%}#menu.screen .row.online .codePill{flex:1 1 0;min-width:0}#menu.screen .row.online .codePill input{flex:1;min-width:0;width:100%;font-size:18px;text-align:center;letter-spacing:3px}#menu.screen .row.online #btnJoin{flex:0 0 auto}#menu.screen .err{margin:0;min-height:1.2em;text-align:center;font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 0 #7a2c10}}@media(orientation:portrait){#menu.screen h1{font-size:clamp(26px,8.6vw,46px)}#menu.screen h1 .t1,#menu.screen h1 .t2{-webkit-text-stroke-width:5px}#menu.screen .titleSign{margin-bottom:4px}#menu.screen .nameRow{margin-top:10px}}@media(orientation:portrait){.secLabel,#menu.screen .nameRow .lbl{color:#5a2a10;text-shadow:0 1px 0 #ffe9b8aa}}#podium{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:10px;background:radial-gradient(circle at 50% 40%,#0000 0,#1a0c0688 60%,#1a0c06cc);pointer-events:auto;animation:pdFade .35s ease-out;--ph: clamp(52px, 17vh, 150px)}@keyframes pdFade{0%{opacity:0}to{opacity:1}}.pdCard{position:relative;z-index:1;width:min(640px,100%);max-height:100%;overflow:auto;padding:clamp(8px,2vh,16px) clamp(10px,3vw,24px);text-align:center;background:linear-gradient(#fff8e4,#fff1d0);border:5px solid #e2603a;border-radius:26px;box-shadow:inset 0 0 0 3px #ffe7b0,0 14px 40px #000a}.pdTitle{font-size:clamp(20px,5.4vh,34px);font-weight:800;color:#8c2a1f;text-shadow:0 2px 0 #ffe7b0;margin-bottom:4px}.pdStage{display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,2vw,14px);min-height:calc(var(--ph) * 2.1)}.pdCol{flex:1 1 0;max-width:190px;display:flex;flex-direction:column;align-items:center;position:relative}.pdCrown{font-size:clamp(20px,5vh,34px);line-height:1;animation:pdBob 1.2s ease-in-out infinite;filter:drop-shadow(0 2px 0 #0004)}@keyframes pdBob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-5px) rotate(6deg)}}.pdChars{display:flex;justify-content:center;margin-bottom:-6px;position:relative;z-index:2;opacity:0;animation:pdPop .5s calc(var(--d) + .45s) cubic-bezier(.2,1.6,.4,1) forwards}.pdChars canvas{width:clamp(44px,12vh,92px);height:clamp(44px,12vh,92px)}.pdCol:not(.place1) .pdChars canvas{width:clamp(38px,10vh,78px);height:clamp(38px,10vh,78px)}@keyframes pdPop{0%{opacity:0;transform:translateY(14px) scale(.7)}to{opacity:1;transform:none}}.pdName{position:relative;z-index:2;max-width:100%;padding:1px 10px;font-size:clamp(11px,2.8vh,16px);font-weight:800;color:#4a2410;background:#fff;border:2px solid #ecd9ad;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;opacity:0;animation:pdPop .4s calc(var(--d) + .55s) ease-out forwards}.pdName.me{background:#ffe97d;border-color:#e5522a}.pdBlock{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4px;color:#fff;text-shadow:0 2px 0 #0005;border-radius:12px 12px 0 0;transform-origin:bottom;transform:scaleY(0);animation:pdRise .55s var(--d) cubic-bezier(.2,1.2,.4,1) forwards;box-shadow:inset 0 4px #fff6,inset 0 -6px 12px #0003,0 4px #0003}@keyframes pdRise{to{transform:scaleY(1)}}.pdBlock b{font-size:clamp(18px,5vh,32px);line-height:1}.pdBlock small{font-size:clamp(9px,2.2vh,13px);opacity:.9}.pdMedal{font-size:clamp(16px,4.4vh,28px);line-height:1.1}.place1 .pdBlock{height:calc(var(--ph) * 1);background:linear-gradient(#ffe066,#e8a91c 70%,#c98710)}.place2 .pdBlock{height:calc(var(--ph) * .72);background:linear-gradient(#e9eef3,#aab4bf 70%,#8b96a2)}.place3 .pdBlock{height:calc(var(--ph) * .54);background:linear-gradient(#e6a56a,#c27a3c 70%,#9d5c26)}.pdCol.place4 .pdBlock,.pdCol.place5 .pdBlock{height:calc(var(--ph) * .4);background:linear-gradient(#a98,#765)}.place1 .pdName{border-color:#e8a91c}.pdRest{list-style:none;margin:8px auto 0;padding:0;max-width:360px;max-height:22vh;overflow:auto;display:grid;gap:3px}.pdRest li{display:flex;align-items:center;gap:8px;padding:2px 10px;background:#fff3d4;border:2px solid #f0d99a;border-radius:999px;font-size:clamp(11px,2.6vh,15px);font-weight:700;color:#4a2410}.pdRest li.me{background:#ffe97d;border-color:#e5522a}.pdRest li i{font-style:normal;width:1.6em;color:#8c2a1f}.pdRest li span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdBtns{margin-top:clamp(6px,1.6vh,12px);display:flex;justify-content:center;gap:10px}.pdBtns small{font-size:14px;font-weight:700;color:#8a4a1a}.pdBtns button{font-size:clamp(14px,3.4vh,20px);padding:clamp(6px,1.4vh,10px) clamp(14px,3vw,24px);border-radius:16px;border:3px solid #fff0d0;color:#fff;background:linear-gradient(#ff6a3d,#d9381a);box-shadow:0 3px #8a2410;font-weight:800}.pdBtns #pdMenu{color:#6a3418;background:linear-gradient(#fff3cf,#ffe4a0);box-shadow:0 3px #c9993a;border-color:#fff}.pdConfetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.pdConfetti i{position:absolute;top:-12px;left:var(--x);width:9px;height:14px;background:var(--c);border-radius:2px;opacity:.9;animation:pdFall var(--t) var(--w) linear infinite}@keyframes pdFall{to{transform:translateY(110vh) rotate(540deg)}}img.portrait{display:block;object-fit:contain;pointer-events:none}#scores .sc img.portrait{width:34px;height:34px;margin:-4px 0;filter:drop-shadow(0 1px 1px #0006)}#lobbyPlayers li img.portrait{width:44px;height:44px;vertical-align:middle}.pdChars img.portrait{width:clamp(44px,12vh,92px);height:clamp(44px,12vh,92px);filter:drop-shadow(0 3px 2px #0005)}.pdCol:not(.place1) .pdChars img.portrait{width:clamp(38px,10vh,78px);height:clamp(38px,10vh,78px)}#hsInfo{position:absolute;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);pointer-events:none;z-index:3;max-width:92%}#hsInfo .hs{display:inline-block;padding:5px 16px;border-radius:999px;background:#3b2a1ad9;border:3px solid #fff0d0;color:#fff;font-size:clamp(13px,3.2vh,18px);font-weight:800;white-space:nowrap;box-shadow:0 3px #0006}#hsInfo .hs.hunter{background:#8c2a1fd9;border-color:#ffb347}#blind{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;text-align:center;background:#0b0604f2;color:#fff;pointer-events:auto}#blind b{display:block;font-size:clamp(26px,8vh,52px)}#blind span{display:block;font-size:clamp(70px,26vh,160px);font-weight:800;color:#ffd23f;line-height:1;text-shadow:0 6px 0 #7a4a00}#blind small{font-size:clamp(14px,3.6vh,22px);opacity:.8}#touch.unarmed #btnThrow,#touch.unarmed #btnSlash{display:none}#menu #charPick{display:block}#charStage{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:24px;touch-action:pan-y;user-select:none;-webkit-user-select:none;background:radial-gradient(ellipse 60% 70% at 50% 62%,#fff8d8,#ffe08a 30%,#f6b04a 62%,#d9722e);border:3px solid #f6e6bd;box-shadow:inset 0 0 40px #8a3a1055,0 4px #e3c982}#charStage:before{content:"";position:absolute;left:50%;top:60%;width:220%;aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,#ffffff30 0deg 7deg,transparent 7deg 18deg);animation:charRays 40s linear infinite;pointer-events:none}#charStage:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 55%,#7a2a0a55 100%);pointer-events:none}@keyframes charRays{to{transform:translate(-50%,-50%) rotate(360deg)}}#charShow{position:absolute;inset:0;width:100%;height:100%;z-index:1}.charArrow{position:absolute;top:50%;z-index:2;width:clamp(38px,11%,58px);aspect-ratio:1;padding:0 0 4px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1;color:#fff;background:linear-gradient(#ff9a52,#e5522a);border:3px solid #fff;border-radius:50%;box-shadow:0 4px #9a2d10,0 0 16px #ffb34788;cursor:pointer;transition:transform .1s}.charArrow:hover{transform:translateY(-50%) scale(1.08)}.charArrow:active{transform:translateY(-50%) scale(.92)}#charPrev{left:3%}#charNext{right:3%}#charDots{position:absolute;left:0;right:0;bottom:5%;z-index:2;display:flex;justify-content:center;gap:6px}#charDots i{width:9px;height:9px;border-radius:5px;background:#fffa;box-shadow:0 1px #9a2d1066;cursor:pointer;transition:width .2s,background .2s}#charDots i.on{width:24px;background:#e5522a}@media(min-height:521px)and (min-aspect-ratio:1/1){#menu #charStage{aspect-ratio:auto;height:100%;border-radius:calc(var(--u) * 1.8)}}@media(max-height:520px)and (orientation:landscape){#menu #charStage{aspect-ratio:auto;height:100%;min-height:150px;border-radius:16px}.charArrow{width:36px;font-size:24px}}@media(orientation:portrait){#menu.screen .row .pill{min-width:0;box-sizing:border-box}#menu.screen .row .pill .lbl{flex:none;margin-right:4px}#menu.screen .row .pill select{flex:1 1 0;min-width:0;max-width:none;padding:8px 6px}#menu.screen #soloMap{flex:1.6 1 0;max-width:none}#menu.screen .charName{padding:4px 34px}#menu.screen #soloBots{flex:none}#menu.screen .row .pill select{font-size:15px}}@media(min-height:521px)and (min-aspect-ratio:1/1){#menu .row.play{justify-content:center;align-items:center}#menu .row.play button.primary{padding:calc(var(--u) * .5) calc(var(--u) * 2.4)}}@media(min-height:521px)and (min-aspect-ratio:1/1){#menu .row.nameRow{position:static}}