:root{--bg: #0d1020;--panel: #171b2e;--line: #2a3050;--text: #e8ebf5;--muted: #8e96b3;--mine: #4aa3ff;--theirs: #ff5d6c;--elixir: #c56cf0}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,sans-serif;overflow:hidden}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}canvas#board,canvas#board3d{position:fixed;inset:0;width:100vw;height:100vh;display:block}canvas#board3d{pointer-events:none}#hud{position:fixed;top:0;left:0;right:0;pointer-events:none}#hudTop{display:flex;gap:16px;justify-content:center;align-items:baseline;padding:10px}#clock{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}#roomInfo,#netStatus{color:var(--muted)}#dock{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(640px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px}#elixir{position:relative;height:18px;border-radius:9px;background:#171b2e33;border:1px solid var(--line);overflow:hidden}#elixirFill{position:absolute;inset:0 auto 0 0;width:50%;background:var(--elixir);transition:width .1s linear}#elixirText{position:relative;display:block;text-align:center;font-size:12px;font-weight:700;line-height:16px}#descInput{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#171b2e33;color:var(--text);font-size:16px}#status{min-height:1.4em;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#status.bad{color:var(--theirs)}button{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#2b3360;color:var(--text);font:inherit;cursor:pointer}button:hover{background:#36407a}button.ghost{background:transparent}input{font:inherit}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#080a14c7}.overlay[hidden]{display:none}.panel{width:min(420px,calc(100vw - 32px));padding:24px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.panel h1{margin:0}.sub{color:var(--muted);margin:0}.error{color:var(--theirs);min-height:1.4em;margin:0}#tools{z-index:6;position:fixed;top:10px;right:12px;display:flex;gap:8px}button.round{width:34px;height:34px;padding:0;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--panel);color:var(--muted)}button.round:hover{background:#232948;color:var(--text)}button.round.off{color:var(--theirs)}button.round svg{width:18px;height:18px}.tut{width:min(580px,calc(100vw - 32px));position:relative;overflow:hidden;gap:14px}.tutHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tut ol{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:9px}.tut li{counter-increment:s;display:flex;gap:10px;align-items:baseline;color:var(--muted)}.tut li:before{content:counter(s);flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--text);background:#2b3360;transform:translateY(-1px)}.tut li:nth-child(6):before{background:#4d2a6e}.tut li b{color:var(--text)}.tut kbd{padding:0 5px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);font-size:12px}.tutFoot{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutTimer{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--line)}.tutTimer i{display:block;height:100%;width:100%;background:var(--mine);transform-origin:left}.tutTimer.run i{animation:tutdrain 10s linear forwards}@keyframes tutdrain{to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.tutTimer.run i{animation:none}}#tutorial{z-index:10}#timings{position:fixed;right:12px;top:64px;z-index:5;margin:0;padding:6px 9px;max-width:min(560px,calc(100vw - 24px));font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);background:#0d1020e0;border:1px solid #2a3050;border-radius:8px;white-space:pre-wrap;pointer-events:none}#timings:first-line{color:#4ade80;font-weight:700}#timings.slow:first-line{color:var(--theirs)}#setup{z-index:8}.setup{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;gap:14px}.setup button:disabled{opacity:.45;cursor:default}.setupCam{flex:none;position:relative;aspect-ratio:16 / 9;max-height:30vh;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--line)}.setupCam canvas{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}.setupHint{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:14px;pointer-events:none}.setupHint:empty{display:none}.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:12px}.steps li{counter-increment:s;display:flex;gap:12px;align-items:center}.steps li>div{flex:1;min-width:0;display:flex;flex-direction:column}.steps li .sub{font-size:13px;overflow-wrap:anywhere}.stepDot{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:#2b3360}.stepDot:after{content:counter(s)}.steps li.done .stepDot{background:#1d5a3c}.steps li.done .stepDot:after{content:"✓"}.steps button{flex:none}.steps button[hidden]{display:none}.setupMeter{flex:none;width:72px;height:6px;border-radius:3px;background:var(--bg);overflow:hidden}.setupMeter i{display:block;height:100%;width:0;background:var(--muted)}.setupMeter i.speaking{background:var(--elixir)}:root{--night: #05060c;--amber: #ffb02e;--amber2: #f39200;--amberSide: #8a4a00;--gold: #f3d58a;--goldSide: #7a5a1c;--ice: #dbe9f4;--ice2: #9cc3e0;--iceSide: #2b4a66;--ember: #ff8a2e;--raven: #5aaeff;--sun: #ff7a86;--cinzel: "Cinzel", Georgia, serif;--chakra: "Alegreya Sans", system-ui, sans-serif}.gScreen{position:fixed;inset:0;z-index:5;overflow:hidden;background:var(--night);font-family:var(--chakra)}.gScreen *,.gOverlay *,#inputPanel *{font-variant-numeric:lining-nums!important}.gScreen[hidden],#title[hidden]{display:none}body.inHub #dock,body.inHub #hud{visibility:hidden}.gBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.gGlow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 40% 45% at 50% 46%,#ffb02e1c,transparent 100%),radial-gradient(ellipse at 50% 50%,transparent 58%,#9cc3e01a 100%)}.result.lose .gGlow{background:radial-gradient(ellipse 45% 40% at 50% 26%,#9cc3e02a,transparent 100%)}.result.win .gGlow{background:radial-gradient(ellipse 45% 40% at 50% 26%,#f3d58a2e,transparent 100%)}.frostCorner{position:absolute;width:clamp(170px,23.6vw,340px);pointer-events:none}.frostCorner.tl{left:0;top:0}.frostCorner.tr{right:0;top:0}.frostCorner.bl{left:0;bottom:0}.frostCorner.br{right:0;bottom:0}.wordmark{margin:0;font:700 clamp(56px,7.8vw,112px)/1.05 "Cinzel Decorative",var(--cinzel);letter-spacing:.08em;color:var(--amber);background:linear-gradient(180deg,#ffd27a 0 50%,var(--amber) 50% 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 5px 0 var(--amberSide)) drop-shadow(0 4px 0 #000) drop-shadow(0 0 28px #ff8a2e55)}.gLabel{display:inline-flex;align-items:center;gap:8px;font:700 13px var(--chakra);letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}.gLabel.muted{color:var(--muted)}#title{display:grid;place-items:center;cursor:pointer;z-index:9}.titleInner{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px;text-align:center}.titleInner .wordmark{font-size:clamp(40px,9vw,136px);letter-spacing:.04em}.pressStart{margin-top:34px;background:none;border:none;color:var(--text);font:700 14px var(--chakra);letter-spacing:.3em;text-transform:uppercase;animation:blink 1.6s ease-in-out infinite}.pressStart:hover{background:none}@keyframes blink{50%{opacity:.35}}.slab{--a: #2a3266;--b: #212853;--side: #0e1230;--ink: #fff;--c: 12px;--d: 7px;--h: 60px;position:relative;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;font:inherit;filter:drop-shadow(0 var(--d) 0 var(--side)) drop-shadow(0 3px 0 #000);transition:transform .08s ease-out}.slab:hover{background:none;transform:translateY(-2px)}.slab:focus-visible{outline:none}.slab:focus-visible .face{box-shadow:inset 0 0 0 3px #fff}.slab.battle .face{position:relative;overflow:hidden}.slab.battle .face:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;transform:skew(-20deg) translate(-200%);pointer-events:none;background:linear-gradient(90deg,transparent,#fff6 50%,transparent)}.slab.battle:hover .face:after,.home:not([hidden]) #battleBtn .face:after{animation:sheen 1s .9s cubic-bezier(.4,0,.2,1)}.slab.battle:hover .face:after{animation-delay:0s}@keyframes sheen{to{transform:skew(-20deg) translate(600%)}}.slab:active{transform:translateY(4px);--d: 3px}.slab.slab:disabled{cursor:default;transform:none;--a: #252b4a;--b: #1c2140;--side: #0b0e22;--ink: #8e96b3}.slab:disabled .bLabel small{color:#8e96b3}.slab .face,.slabStatic>.face,.gPanel>.gFace{clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));background:linear-gradient(160deg,var(--a) 0 56%,var(--b) 56% 100%)}.slab .face{display:flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 24px}.slab .face>b{font:700 16px var(--chakra);letter-spacing:.12em;text-transform:uppercase}.slab.amber{--a: var(--amber);--b: var(--amber2);--side: var(--amberSide);--ink: #1a0e00}.slab.purple{--a: #b968f5;--b: #9a45e0;--side: #4e1d80}.slab.blue{--a: #5aaeff;--b: #2f86e8;--side: #16418a}.slab.red{--a: #ff7a86;--b: #e0455a;--side: #7a1c2a}.slab.icon{--h: 44px}.slab.icon .face{width:44px;padding:0}.bLabel{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.bLabel b{font:900 clamp(30px,3.3vw,46px)/1 var(--cinzel);letter-spacing:.06em;text-transform:uppercase}.bLabel small{font:700 17px var(--chakra);color:#5c3200}.slab.battle{--c: 20px;--d: 10px;--h: clamp(96px, 13.5vh, 124px)}.slab.battle .face{padding:0 clamp(26px,3vw,44px);gap:18px}.slab.battle.mid{--h: clamp(84px, 11vh, 104px)}.slab.battle.mid .bLabel b{font-size:clamp(26px,2.6vw,38px)}.slab.small{--c: 16px;--d: 9px;--h: 104px}.slab.small .face{flex-direction:column;gap:8px;width:150px;padding:0 8px}.slab.small .face b{font:700 14px var(--cinzel);letter-spacing:.04em;text-transform:none;white-space:nowrap}.slab.wide{width:100%;--h: 92px}.slab.wide .face{width:100%}.slab.wide .bLabel b{font-size:32px}.gPanel{--a: #212853;--b: #1a2045;--side: #0e1230;--c: 18px;filter:drop-shadow(0 8px 0 var(--side)) drop-shadow(0 3px 0 #000)}.gOverlay{font-family:var(--chakra);background:radial-gradient(ellipse at 50% 50%,#05060cb8,#020308f0 80%);z-index:7}.gPanel h2{margin:0;font:800 clamp(30px,3vw,44px)/1.1 var(--cinzel);letter-spacing:.03em;color:#fff}.menuPanel .gFace{width:min(380px,calc(100vw - 32px));padding:32px;display:flex;flex-direction:column;gap:14px;text-align:center}.menuPanel .slab .face{width:100%}.levelPick{display:flex;flex-direction:column;gap:12px}.textBtn{align-self:center;padding:6px 14px;border:0;background:none;color:var(--muted);font:700 14px var(--chakra);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.textBtn:hover{color:#fff}.devSettings{text-align:left;font:500 14px var(--chakra);color:var(--muted);border-top:1px solid #ffffff1f;padding-top:10px}.devSettings summary{cursor:pointer;text-align:center;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase}.devSettings summary:hover,.devSettings[open] summary{color:#fff}.devSettings label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;color:#fff}.devSettings input{width:76px;padding:4px 8px;border:1px solid #ffffff33;border-radius:6px;background:#0008;color:#fff;font:inherit;text-align:right}.devNote{margin:8px 0 0;font-size:12px;line-height:1.4}.devFoot{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.devFoot .devNote{margin:0}#pause,#forfeitAsk{z-index:8}.hubSky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 55%,#020308c0 100%)}.moon{position:absolute;left:68%;top:17vh;width:min(17vh,13vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;background:url(/ui/moon.svg) center / 100% no-repeat;opacity:.85;filter:drop-shadow(0 0 30px #9cc3e066) drop-shadow(0 0 90px #9cc3e033);animation:fadeIn 2s ease-out both}#lobby{background:transparent}#lobby>.gBg,#lobby .backlight,.island,.islandShadow,.islandLight{display:none}.home .wordmark{position:absolute;top:3.2vh;left:50%;transform:translate(-50%);width:max-content;z-index:1;font-size:var(--homeMark);letter-spacing:.05em}.home,.result{--homeMark: clamp(48px, 6.6vw, 100px)}.islandWrap{position:absolute;left:50%;top:15vh;width:min(51vw,84vh);aspect-ratio:740 / 758;transform:translate(-50%);pointer-events:none}.island{position:absolute;inset:0;width:100%;animation:bob 7s ease-in-out infinite}.islandShadow{position:absolute;left:14%;right:14%;bottom:3%;height:12%;border-radius:50%;background:radial-gradient(closest-side,#000000b0,transparent);animation:shadowBob 7s ease-in-out infinite}.islandLight{position:absolute;inset:0;mix-blend-mode:screen;animation:bob 7s ease-in-out infinite}.islandLight i{position:absolute;left:var(--x);top:var(--y);width:calc(26% * var(--s, 1));aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#ffb02e55,#ff8a2e1c 45%,transparent);animation:flicker 3.1s steps(1) infinite}.islandLight i:nth-child(2n){animation-duration:2.3s;animation-delay:-1s}.islandLight i:nth-child(3n){animation-duration:3.7s;animation-delay:-2s}@keyframes flicker{0%{opacity:1}18%{opacity:.82}31%{opacity:.95}47%{opacity:.78}63%{opacity:1}80%{opacity:.88}}.backlight{position:absolute;left:50%;top:44vh;width:min(110vh,80vw);aspect-ratio:1.3;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(closest-side,#9cc3e01f,#9cc3e00a 55%,transparent)}.mist{position:absolute;pointer-events:none;background:radial-gradient(ellipse closest-side,#9cc3e01a,transparent)}.mist.back{left:-20%;right:-20%;top:52vh;height:26vh;animation:drift 38s ease-in-out infinite alternate;background:radial-gradient(ellipse 30% 50% at 25% 50%,#9cc3e014,transparent),radial-gradient(ellipse 30% 50% at 70% 50%,#9cc3e012,transparent)}.mist.front{left:-12%;right:-12%;bottom:4%;height:22%;animation:drift 24s ease-in-out infinite alternate-reverse;background:radial-gradient(ellipse 40% 50% at 30% 60%,#b9cfe233,transparent),radial-gradient(ellipse 35% 45% at 72% 50%,#b9cfe22b,transparent)}@keyframes drift{0%{transform:translate(-4%)}to{transform:translate(4%)}}.vignette:after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes bob{50%{transform:translateY(-1.1%)}}@keyframes shadowBob{50%{transform:scale(.94);opacity:.8}}.bannerBody{position:absolute;left:5%;right:5%;top:0;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4.5cqw;padding-top:16cqw;text-align:center;color:#fff}.sigil{position:relative;width:38cqw;height:38cqw;display:grid;place-items:center;color:#fff;background:#ffffff1c;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);margin-bottom:2cqw}.sigil:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(160deg,#ffffff14 0 50%,#0000001f 50% 100%)}.sigil svg{position:relative;width:20cqw;height:20cqw}.bHouse{font:700 5.6cqw var(--cinzel);letter-spacing:.32em;text-transform:uppercase;color:#ffffffb0}.bName{margin-top:-3cqw;font:800 11.5cqw/1.1 var(--cinzel);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 0 #00000059}.bRule{width:18cqw;height:1px;background:#fff5;margin:1cqw 0}.bLine{font:500 7.6cqw/1.3 var(--chakra);color:#fffc;padding:0 12cqw;text-wrap:balance}.bTag{font:700 5.4cqw var(--chakra);letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3}.bRank{width:70cqw;display:flex;flex-direction:column;gap:2.4cqw;margin-top:4cqw}.bRankRow{display:flex;justify-content:space-between;align-items:baseline}.bRankName{font:700 6.6cqw var(--cinzel);letter-spacing:.08em;color:#fff}.bEmbers{display:flex;align-items:center;gap:1.6cqw;font:800 7.6cqw var(--chakra);color:#ffd9b0}.bEmbers svg{width:6.4cqw;height:6.4cqw;color:var(--gold)}.bEmbers b{color:#fff}.bBar{height:2.6cqw;background:#0a1430a6;box-shadow:inset 0 -1px #ffffff1f;clip-path:polygon(1.3cqw 0,100% 0,calc(100% - 1.3cqw) 100%,0 100%)}.bBar i{display:block;height:100%;min-width:3cqw;background:linear-gradient(90deg,#ff8a2e,#ffb02e);box-shadow:0 0 8px #ff8a2e}.bNext{font:500 6.6cqw var(--chakra);color:#ffffffa6;text-align:left}@keyframes pulse{50%{opacity:.25}}#nameInput{width:86%;margin-top:-3cqw;padding:0 0 1cqw;border:0;border-bottom:1px dashed transparent;background:none;color:#fff;text-align:center;font:800 11.5cqw/1.1 var(--cinzel);cursor:text;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 0 #00000059;outline:none;text-overflow:ellipsis}#nameInput:hover,#nameInput:focus{border-bottom-color:#ffffffb0}#nameInput::placeholder{color:#ffffff80}.orders{position:absolute;left:0;right:0;bottom:5.2vh;display:flex;justify-content:center;align-items:flex-start;gap:22px}.orderSide{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:clamp(0px,2.6vh,24px)}.slab.stone{--a: #252b4a;--b: #1c2140;--side: #0b0e22}.slab.stone:hover{--a: #2e3558;--b: #232947}.slab.small .face svg{color:var(--amber)}.slab.small .face small{font:500 14px var(--chakra);letter-spacing:.01em;color:var(--muted);white-space:nowrap}.slab.small .face{width:172px;gap:6px}.homeError{position:absolute;left:0;right:0;bottom:1vh;text-align:center}.hubFoot{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:flex-end;align-items:center;padding:10px 20px;pointer-events:none;font:500 13px var(--chakra);letter-spacing:.02em;color:#8e96b3c0}#title .wordmark,.homeMark{view-transition-name:wordmark}::view-transition-group(wordmark){animation-duration:.8s;animation-timing-function:cubic-bezier(.3,.9,.2,1)}::view-transition-old(wordmark),::view-transition-new(wordmark){height:100%;animation:none}::view-transition-old(wordmark){display:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s}.home:not([hidden]) .islandWrap{animation:fadeIn 1.2s .1s ease-out both}.home:not([hidden]) .orders>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.home:not([hidden]) .orders>:nth-child(1){animation-delay:.45s}.home:not([hidden]) .orders>:nth-child(2){animation-delay:.38s}.home:not([hidden]) .orders>:nth-child(3){animation-delay:.52s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes unfurl{0%{transform:scaleY(.15);opacity:0}}@media(prefers-reduced-motion:reduce){.home *,.home:not([hidden]) *{animation:none!important}}.ravenPanel>.gFace{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:clamp(24px,4vh,40px) clamp(22px,3.4vw,48px);display:flex;flex-direction:column;gap:clamp(14px,2.4vh,24px)}.ravenHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ravenHead .sub{margin-top:8px}.gOverlay .sub{font-size:17px;line-height:1.4}.ravenSection{display:flex;flex-direction:column;gap:12px}.codeRow{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.codeSlabs{display:flex;gap:12px}.code,.codeIn{width:70px;height:82px;display:grid;place-items:center;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(160deg,#141a36 0 56%,#10152c 56% 100%);border:0;border-bottom:6px solid #2a3266;font:800 42px var(--cinzel);color:var(--amber)}.codeIn{padding:0;text-align:center;text-transform:uppercase;background:linear-gradient(160deg,#0c0f20 0 56%,#0a0d1b 56% 100%);border-bottom-color:#1a2045;caret-color:var(--amber);outline:none}.codeIn:focus{border-bottom-color:var(--amber)}.houses{display:flex;align-items:center;gap:20px}.houseBlue,.houseRed{flex:1;display:flex;align-items:center;gap:14px;min-width:0}.houseRed{justify-content:flex-end;text-align:right}.houses .vs{font:700 22px var(--cinzel);letter-spacing:.1em;color:var(--muted)}.hName{display:block;font:700 20px var(--cinzel);letter-spacing:.04em;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hName.waiting{font:600 17px var(--chakra);color:var(--muted)}.hHouse{display:block;font:700 13px var(--chakra);letter-spacing:.2em;text-transform:uppercase;color:var(--raven)}.houseRed .hHouse{color:var(--sun)}.houses .away .hName,.houses .away .hHouse{color:var(--muted)}.houses .away .shield{filter:grayscale(1);opacity:.45}.gDivider{display:flex;align-items:center;gap:14px}.gDivider i{flex:1;height:1px;background:#2a3266}#versus{position:fixed;inset:0;z-index:6;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none;overflow:hidden}#versus[hidden]{display:none}.vsSide{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;min-width:0;color:#fff}.vsBlue{background:linear-gradient(100deg,#1d4f9e 0 55%,#16418a 55% 100%);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);animation:vsInL .45s cubic-bezier(.2,.9,.3,1.2) both}.vsRed{background:linear-gradient(-100deg,#a3263a 0 55%,#7a1c2a 55% 100%);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);animation:vsInR .45s cubic-bezier(.2,.9,.3,1.2) both}.vsShield svg{width:92px;height:auto;filter:drop-shadow(0 5px 0 #00000055)}.vsName{font:800 clamp(24px,4.2vw,46px)/1.1 var(--cinzel);letter-spacing:.04em;text-shadow:0 3px 0 rgba(0,0,0,.4);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsTag{font:700 13px var(--chakra);letter-spacing:.24em;text-transform:uppercase;opacity:.85}.vsMid{font:900 clamp(48px,9vw,110px) var(--cinzel);color:var(--amber);text-shadow:0 6px 0 var(--amberSide),0 10px 0 #000,0 0 40px rgba(255,176,46,.45);margin:0 -24px;z-index:1;animation:vsMid .5s .25s cubic-bezier(.2,.9,.3,1.4) both}#versus.leaving .vsBlue{animation:vsOutL .35s ease-in both}#versus.leaving .vsRed{animation:vsOutR .35s ease-in both}#versus.leaving .vsMid{animation:vsFade .3s ease-in both}@keyframes vsInL{0%{transform:translate(-100%)}}@keyframes vsInR{0%{transform:translate(100%)}}@keyframes vsOutL{to{transform:translate(-100%)}}@keyframes vsOutR{to{transform:translate(100%)}}@keyframes vsMid{0%{transform:scale(3);opacity:0}}@keyframes vsFade{to{opacity:0;transform:scale(.6)}}@media(prefers-reduced-motion:reduce){#versus *,#versus.leaving *{animation:none!important}.pressStart{animation:none}}.result{z-index:7}.resultCol{position:absolute;left:0;right:0;top:9vh;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.6vh,28px)}.resultCol h1{margin:0;font:900 clamp(64px,9.2vw,132px)/1.05 var(--cinzel);letter-spacing:.08em}.result.win h1{color:var(--gold);text-shadow:0 8px 0 var(--goldSide),0 13px 0 #000}.result.lose h1{color:var(--ice);text-shadow:0 8px 0 var(--iceSide),0 13px 0 #000}.result.draw h1{color:var(--amber);text-shadow:0 8px 0 var(--amberSide),0 13px 0 #000}.result.win .gLabel{color:var(--gold)}.result.lose .gLabel{color:var(--ice2)}#resultLine:empty{display:none}#resultLine{margin:-4px 0 0;font:600 19px var(--chakra);color:#f5e6c4}.result.lose #resultLine{color:#c3d6e6}.spoils{display:flex;align-items:center;gap:24px}.crowns{display:flex;gap:10px;align-items:flex-end}.slabStatic{--a: #2a1d1a;--b: #21171a;--side: #0f0a0b;--c: 16px;filter:drop-shadow(0 7px 0 var(--side)) drop-shadow(0 3px 0 #000)}.result.lose .slabStatic{--a: #16283a;--b: #112131;--side: #08121c}.emberReward .face{display:flex;align-items:center;gap:18px;height:84px;padding:0 26px 0 22px}.erIcon{display:flex;color:var(--gold)}.result.lose .erIcon{color:var(--ice2)}.erDelta,.erRank{display:flex;flex-direction:column;gap:2px}.erDelta b{font:800 40px/1 var(--cinzel);color:#fff}.erDelta small{font:700 13px var(--chakra);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.result.lose .erDelta small{color:var(--ice2)}.emberReward i{width:1px;height:46px;background:#fff2}.erRank b{font:700 13px var(--chakra);letter-spacing:.18em;text-transform:uppercase;color:#fff}.erRank small{font:600 13px var(--chakra);color:var(--muted)}.actions{display:flex;align-items:center;gap:22px}.result .slab.stone{--h: 72px}.result .slab.stone .face{width:180px}.result.win .slab.stone{--a: #2a2416;--b: #211c10;--side: #0f0c06}.result.lose .slab.stone{--a: #1d3346;--b: #162839;--side: #0b1824}#resultFrost{display:none}.result.lose #resultFrost{display:block}@media(max-width:900px){.spoils{flex-direction:column;gap:14px}}#tools button.round{width:42px;height:46px;border-radius:0;border:0;border-bottom:5px solid #0e1230;color:#fff;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:linear-gradient(160deg,#2a3266 0 56%,#212853 56% 100%)}#tools button.round:hover{background:linear-gradient(160deg,#343d78 0 56%,#29306a 56% 100%)}#tools button[hidden]{display:none}body.devMode:not(.inHub) #camBtn{display:none}#inputPanel{top:12px;left:12px;z-index:6}#inputPanel .inRow{gap:6px}#inputPanel .inRow button{height:34px;padding:0 12px;border:0;border-radius:0;border-bottom:4px solid #0b0e22;color:#c9cfe4;font:700 14px var(--chakra);letter-spacing:.04em;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:linear-gradient(160deg,#252b4a 0 56%,#1c2140 56% 100%)}#inputPanel .inRow button:hover{color:#fff;background:linear-gradient(160deg,#2e3558 0 56%,#232947 56% 100%)}#inputPanel .inRow button.on{color:#0b1a10;border-bottom-color:#1d5a3c;background:linear-gradient(160deg,#6fe3a0 0 56%,#4ac987 56% 100%)}#inputPanel .inMenu{border-radius:0;background:#151a33f2;border:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font-family:var(--chakra)}@media(max-aspect-ratio:1/1){.islandWrap{width:min(88vw,50vh);top:14vh}.mist.back{top:40vh}}@media(max-width:640px){.home .wordmark{top:64px;--homeMark: 36px}.islandWrap{top:150px;width:min(92vw,44vh)}.orders{flex-wrap:wrap;gap:14px 12px;padding:0 16px;bottom:44px}.orders>.battle{order:-1;flex:1 0 100%;--h: 88px}.orders>.battle .face{width:100%}.orders .bLabel b{font-size:30px}.orders .bLabel small{font-size:15px}.orderSide{flex:1;padding-top:0}.orderSide .slab.small{width:100%;--h: 84px}.orderSide .slab.small .face{width:100%}.orderSide.handSide,.hubCredit{display:none}.frostCorner{width:120px}}@media(max-aspect-ratio:1/1)and (min-width:641px){.islandWrap{top:19vh}}body.inHub #inputPanel{display:none}body:not(.devMode) #inputPanel{display:none}body:not(.devMode) .devSettings{display:none}.slab .face,.slabStatic>.face,.gPanel>.gFace{box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000004d}.slab.amber .face{box-shadow:inset 0 2px #ffffff70,inset 0 -1px #0000004d}.home{--px: 0;--py: 0}.home .gBg{transform:translate(calc(var(--px) * -8px),calc(var(--py) * -5px)) scale(1.02);transition:transform .6s ease-out}.home .mist.back{translate:calc(var(--px) * -14px) 0;transition:translate .6s ease-out}.home .islandWrap{translate:calc(var(--px) * 12px) calc(var(--py) * 7px);transition:translate .5s ease-out}@media(prefers-reduced-motion:reduce){.home .gBg,.home .mist.back,.home .islandWrap{translate:none;transform:none}}#setup,#tutorial{font-family:var(--chakra);background:radial-gradient(ellipse at 50% 50%,#05060cb8,#020308f0 80%)}#setup .panel,#tutorial .panel{--c: 18px;border:0;border-radius:0;border-bottom:8px solid #0e1230;padding:30px 32px 28px;gap:16px;clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));background:linear-gradient(160deg,#212853 0 56%,#1a2045 56% 100%);box-shadow:inset 0 1px #ffffff26}#setup .panel h1,#tutorial .panel h1{font:800 30px/1.1 var(--cinzel);letter-spacing:.03em;color:#fff}#setup .sub,#tutorial .sub{font-size:16px;line-height:1.4}#setup .panel .sub+.sub{margin-top:6px}#setup .panel button,#tutorial .panel button{height:42px;padding:0 18px;border:0;border-radius:0;border-bottom:4px solid #0b0e22;font:700 15px var(--chakra);letter-spacing:.06em;color:#fff;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(160deg,#2e3558 0 56%,#252b4a 56% 100%)}#setup .panel button:hover,#tutorial .panel button:hover{background:linear-gradient(160deg,#38406a 0 56%,#2e3558 56% 100%)}#setup .panel button.ghost{color:var(--muted);background:transparent;border-bottom-color:transparent;padding:0 4px}#setup .panel button.ghost:hover{color:#fff;background:transparent}#setup [data-act=done],#setup [data-act=devices],#tutClose{color:#1a0e00!important;border-bottom-color:var(--amberSide)!important;background:linear-gradient(160deg,var(--amber) 0 56%,var(--amber2) 56% 100%)!important}#setup .panel button:disabled{color:var(--muted)!important;border-bottom-color:#0b0e22!important;background:linear-gradient(160deg,#252b4a 0 56%,#1c2140 56% 100%)!important;opacity:1}#setup .setupCam{border:0;border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#0a0d1b}#setup .setupHint{font:600 14px var(--chakra);letter-spacing:.14em;text-transform:uppercase;color:#8e96b3a0}#setup .steps li b,#tutorial li b{color:#fff;font-weight:700}#setup .stepDot,#tutorial li:before{border-radius:0;background:#2e3558;color:var(--amber);font:800 13px var(--chakra);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}#setup .steps li.done .stepDot{background:#4ac987;color:#0b1a10}#setup .setupMeter{border-radius:0;background:#0a0d1b}#setup .setupMeter i.speaking{background:var(--amber)}#tutorial li{font-size:16px;line-height:1.4;color:#b9c0d8}#tutorial li:nth-child(6):before{background:#2e3558}#tutorial kbd{border:0;border-bottom:2px solid #0b0e22;border-radius:0;background:#2e3558;color:#fff;font:700 12px var(--chakra);padding:1px 6px}#tutorial .tutTimer{background:#0e1230}#tutorial .tutTimer i{background:var(--amber)}#tutorial ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#tutorial li{position:relative;flex-direction:column;align-items:stretch;gap:10px;text-align:center}#tutorial li:before{position:absolute;top:6px;left:6px;z-index:1;transform:none}#tutorial li .handArt{width:auto;height:116px;padding:10px 0;background:#0a0d1b;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}#setup .panel h1{margin-bottom:8px}#setup .steps li b{font-size:17px}#setup .steps li .sub{font-size:15px}#setup .stepDot,#tutorial li:before{width:26px;height:26px;font-size:14px}#hud,#dock{font-family:var(--chakra);font-variant-numeric:lining-nums}#hudTop{position:fixed;top:66px;right:12px;padding:8px 16px 10px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:128px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-bottom:4px solid #0b0e22;background:linear-gradient(160deg,#212853e6 0 56%,#1a2045e6 56% 100%);box-shadow:inset 0 1px #ffffff26}#clock{font:800 34px/1 var(--cinzel);letter-spacing:.04em;color:#fff;font-variant-numeric:lining-nums tabular-nums}#clock.overtime{color:var(--amber)}#roomInfo{font:700 12px var(--chakra);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}#roomInfo.double{color:var(--amber);animation:pulse 1.6s ease-in-out infinite}#netStatus{max-width:220px;font:600 12px var(--chakra);color:var(--theirs);text-align:right}#netStatus[hidden]{display:none}#dock{width:min(660px,calc(100vw - 32px));bottom:14px;gap:8px;align-items:stretch}#elixirRow{position:relative;display:flex;align-items:center;height:34px;padding-left:22px}#elixirGem{position:absolute;left:0;top:50%;z-index:1;width:44px;height:44px;transform:translateY(-50%);display:grid;place-items:center;clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);background:linear-gradient(160deg,#e3a6ff 0 50%,#b057e3 50% 100%);filter:drop-shadow(0 3px 0 #4a1d6e)}#elixirText{position:static;font:800 20px/1 var(--cinzel);color:#fff;text-shadow:0 2px 0 #4a1d6e;font-variant-numeric:lining-nums}#elixir{flex:1;height:20px;border:0;border-radius:0;overflow:hidden;background:#0b0e22d9;border-bottom:3px solid #05060c;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}#elixirFill{background:linear-gradient(180deg,#d48af5 0 50%,#b057e3 50% 100%);box-shadow:0 0 12px #c56cf0aa;transition:width .12s linear}#elixir:after{content:"";position:absolute;inset:0 0 0 22px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),#05060c calc(10% - 2px) 10%)}#elixir{position:static}#elixirRow>#elixir{position:relative}#elixirRow>#elixir:after{inset:0}#dock.double #elixirFill{background:linear-gradient(180deg,#ffd27a 0 50%,var(--amber) 50% 100%);box-shadow:0 0 14px #ffb02eaa}#dock.double #elixirGem{background:linear-gradient(160deg,#ffe3a6 0 50%,var(--amber) 50% 100%);filter:drop-shadow(0 3px 0 var(--amberSide))}#dock.double #elixirText{color:#1a0e00;text-shadow:none}#descInput{height:48px;padding:0 16px;border:0;border-radius:0;border-bottom:4px solid #2a3266;color:#fff;font:600 17px var(--chakra);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(160deg,#141a36e6 0 56%,#10152ce6 56% 100%);outline:none}#descInput::placeholder{color:#8e96b3}#descInput:focus{border-bottom-color:var(--amber)}#dock #talkHint{padding:0;border:0;border-radius:0;background:none;font:600 14px var(--chakra);color:#c9cfe4;text-shadow:0 1px 3px #000}#status{font:600 14px var(--chakra);color:#c9cfe4;text-shadow:0 1px 3px #000}#status:empty{display:none}#status.bad{color:#ff9aa4}.result .hubSky{z-index:0}.rays{position:absolute;left:50%;top:26vh;width:170vmax;height:170vmax;transform:translate(-50%,-50%);pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg,#f3d58a14 0deg 7deg,transparent 7deg 18deg);mask-image:radial-gradient(circle,#000 0 18%,transparent 52%);-webkit-mask-image:radial-gradient(circle,#000 0 18%,transparent 52%)}.result.win .rays{opacity:1;animation:raysIn 1.2s ease-out both,turn 90s linear infinite}@keyframes raysIn{0%{opacity:0}}@keyframes turn{to{transform:translate(-50%,-50%) rotate(360deg)}}.result .gLabel#resultLabel{animation:rise .6s .05s cubic-bezier(.2,.8,.2,1) both}.result.win h1{animation:slam .7s cubic-bezier(.2,1.3,.4,1) both,glow 3.2s 1s ease-in-out infinite}.result.lose h1{animation:drop .8s cubic-bezier(.3,.8,.3,1) both,shiver .5s .8s ease-in-out 2}.result.draw h1{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}@keyframes slam{0%{opacity:0;transform:scale(1.6);filter:blur(6px)}60%{opacity:1;filter:blur(0)}}@keyframes glow{50%{text-shadow:0 8px 0 var(--goldSide),0 13px 0 #000,0 0 42px #f3d58a66}}@keyframes drop{0%{opacity:0;transform:translateY(-40px);letter-spacing:.2em}}@keyframes shiver{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.result .crowns>svg{animation:pop .45s cubic-bezier(.2,1.6,.4,1) both}.result .crowns>svg:nth-child(1){animation-delay:.5s}.result .crowns>svg:nth-child(2){animation-delay:.65s}.result .crowns>svg:nth-child(3){animation-delay:.8s}@keyframes pop{0%{opacity:0;transform:scale(.3) translateY(14px)}}.result .emberReward{animation:rise .6s .9s cubic-bezier(.2,.8,.2,1) both}.result .emberReward.counted{animation:rise .6s .9s cubic-bezier(.2,.8,.2,1) both,pointsPop .45s cubic-bezier(.2,.9,.3,1.4)}.result .emberReward.counted .erDelta b{animation:pointsGlow .9s ease-out}@keyframes pointsPop{40%{transform:scale(1.08)}}@keyframes pointsGlow{0%{color:var(--gold);text-shadow:0 0 18px #f3d58acc}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}}.result .actions{animation:rise .6s 1.5s cubic-bezier(.2,.8,.2,1) both}.result.lose .frostCorner{animation:creep 2.4s cubic-bezier(.2,.7,.2,1) both}.result.lose .frostCorner.tl{transform-origin:0 0}.result.lose .frostCorner.tr{transform-origin:100% 0}.result.lose .frostCorner.bl{transform-origin:0 100%}.result.lose .frostCorner.br{transform-origin:100% 100%}@keyframes creep{0%{transform:scale(.2);opacity:0}}.result .slab.battle .face:after{animation:sheen 1s 2s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.result *{animation:none!important}}#handView{position:fixed;right:12px;bottom:12px;z-index:5;width:140px;padding:6px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-bottom:4px solid #0b0e22;background:linear-gradient(160deg,#212853e0 0 56%,#1a2045e0 56% 100%);box-shadow:inset 0 1px #ffffff26;font-family:var(--chakra)}#handView[hidden],body.inHub #handView{display:none}.handSlot{width:172px;height:113px}.handSlot:has(#handView:not([hidden])){filter:drop-shadow(0 9px 0 #0b0e22) drop-shadow(0 3px 0 #000)}.handSlot #handView:not([hidden]){display:flex;position:static;width:100%;height:104px;padding:8px 8px 10px;box-sizing:border-box;justify-content:center;gap:6px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);border:0;box-shadow:none;background:linear-gradient(160deg,#252b4a 0 56%,#1c2140 56% 100%)}.handSlot #handView canvas{width:100px;height:62px}.handSlot #handView .hvState{font:700 14px var(--cinzel);letter-spacing:.04em;text-transform:none}.handSlot #handView[data-state=none] .hvState{color:#fff}.handSlot:has(#handView:not([hidden])) #handBtn{display:none}#handView canvas{width:128px;height:120px}#handView .hvState{font:700 12px var(--chakra);letter-spacing:.08em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;color:var(--muted);text-align:center}#handView[data-state=open] .hvState{color:var(--amber)}#handView[data-state=fire] .hvState{color:#fff1c4}#handView[data-state=cancel] .hvState{color:#ff9aa4}#handView[data-state=none] canvas{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239cc3e0' stroke-opacity='.35' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 11V6a2 2 0 0 0-4 0v1M14 10V4a2 2 0 0 0-4 0v2M10 10.5V6a2 2 0 0 0-4 0v8'/%3E%3Cpath d='M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/svg%3E") center / 52px no-repeat}.tapestry{position:absolute;top:0;left:clamp(16px,4.3vw,62px);width:min(18vw,31vh,260px);aspect-ratio:260 / 600;container-type:inline-size;filter:drop-shadow(0 18px 22px #000b)}.tapestry .cloth{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tapestry .bannerBody{top:23.5%;left:9%;right:9%;padding-top:4cqw;gap:4cqw;transform-origin:50% 0;will-change:transform}.tapestry .sigil{width:30cqw;height:30cqw;color:var(--gold);background:#f3d58a1f}.tapestry .sigil svg{width:16cqw;height:16cqw}.tapestry .bHouse{color:#f3d58acc}.tapestry .bRule{background:#f3d58a66}.tapestry .bRank{width:66cqw}.tapestry.right{left:auto;right:clamp(16px,4.3vw,62px)}.tapestry .bLast{display:flex;flex-direction:column;align-items:center;gap:1.6cqw;margin-top:2cqw}.tapestry .bLastLabel{font:700 5.2cqw var(--chakra);letter-spacing:.22em;text-transform:uppercase;color:#f3d58ab3}.tapestry .bLastFoe{font:700 7.6cqw/1.2 var(--chakra);color:#fff}.tapestry .bLastScore{font:800 8.4cqw/1.1 var(--cinzel);color:#ffd9b0}.tapestry .bLastScore.win{color:var(--gold)}.tapestry .bLastScore.lose{color:var(--ice2)}.tapestry .bLast.empty .bLastScore{font:500 6cqw/1.3 var(--chakra);color:#ffffffa6;padding:0 6cqw}.home:not([hidden]) .tapestry.left{animation:lower 1.1s .15s cubic-bezier(.2,.8,.2,1) both}.home:not([hidden]) .tapestry.right{animation:lower 1.1s .3s cubic-bezier(.2,.8,.2,1) both}@keyframes lower{0%{transform:translateY(-100%)}}@media(max-width:900px){.tapestry{display:none}}@media(prefers-reduced-motion:reduce){.tapestry{animation:none!important}}#elixirRow{--ember: #ff8a3d;--heat: .5}#elixirGem{clip-path:path("M22 1 C25 10 36 15 37 27 C38 37 31 43 22 43 C13 43 6 37 7 27 C8 20 13 17 15 10 C17 15 19 17 21 17 C20 11 20 6 22 1 Z");background:radial-gradient(circle at 50% 72%,#ffe9a8 0 18%,var(--ember) 48%,#c2410c 100%);filter:drop-shadow(0 3px 0 #5a1e04) drop-shadow(0 0 calc(4px + 10px * var(--heat)) #ff8a3d99)}#elixirText{color:#3a1300;text-shadow:0 1px 0 #ffe9a8;padding-top:13px;font-size:15px;letter-spacing:-.04em}#elixir.kindling{background:#120a08d9;overflow:visible}#elixir.kindling:after{display:none}#elixir.kindling #elixirFill{background:linear-gradient(0deg,#ff8a3d 0,#c2410c55 60%,transparent 100%);box-shadow:0 0 calc(4px + 16px * var(--heat)) #ff8a3d88;opacity:calc(.35 + .65 * var(--heat))}#elixir.kindling .stick{position:absolute;top:0;bottom:0;width:10%;pointer-events:none;--lit: 0}#elixir.kindling .stick:before,#elixir.kindling .stick:after{content:"";position:absolute;left:12%;right:12%;top:50%;height:5px;border-radius:3px;background:linear-gradient(90deg,#3b2a22,#5a3d2c 50%,#3b2a22);box-shadow:inset 0 -1px #1a0f0a;transition:background .2s,box-shadow .2s}#elixir.kindling .stick:before{transform:translateY(-50%) rotate(calc(-24deg + var(--tilt)))}#elixir.kindling .stick:after{transform:translateY(-50%) rotate(calc(24deg + var(--tilt)))}#elixir.kindling .stick{filter:brightness(calc(.75 + .25 * var(--lit) + .5 * var(--lit) * var(--heat)))}#elixir.kindling .stick:before,#elixir.kindling .stick:after{background:linear-gradient(90deg,color-mix(in srgb,#ffb36b calc(var(--lit) * 100%),#3b2a22),color-mix(in srgb,#ffe2a8 calc(var(--lit) * 100%),#5a3d2c) 50%,color-mix(in srgb,#ff8a3d calc(var(--lit) * 100%),#3b2a22));box-shadow:0 0 calc(6px * var(--lit)) #ff8a3dcc,inset 0 -1px #1a0f0a}#dock.double #elixir.kindling #elixirFill{background:linear-gradient(0deg,#ffb36b 0,#ff8a3d88 60%,transparent 100%);box-shadow:0 0 22px #ff8a3dcc}#dock.double #elixirGem{background:radial-gradient(circle at 50% 72%,#fff3c8 0 22%,#ffa860 52%,#d4500f);filter:drop-shadow(0 3px 0 #5a1e04) drop-shadow(0 0 16px #ff8a3d)}#dock.double #elixirText{color:#3a1300;text-shadow:0 1px 0 #fff3c8}#emberFlight{position:fixed;inset:0;pointer-events:none;z-index:40}.emberMote{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff3c8 0 25%,#ff8a3d 55%,#ff8a3d00 72%);box-shadow:0 0 10px 3px #ff8a3d99}#board3d,#board{transition:filter 1.4s ease-out}body[data-ending] #board3d,body[data-ending] #board{filter:saturate(.5) brightness(.8)}body[data-ending=lose] #board3d,body[data-ending=lose] #board{filter:saturate(.3) brightness(.78) hue-rotate(-12deg)}body[data-ending] #dock,body[data-ending] #hud,body[data-ending] #handView,body[data-ending] #inputPanel,body[data-ending] #timings{opacity:0;transition:opacity .6s;pointer-events:none}#freeze{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity 1s}body[data-ending] #freeze{opacity:1}#freeze .fzWash{position:absolute;inset:0}body[data-ending=win] #freeze .fzWash{background:radial-gradient(ellipse 70% 60% at 50% 45%,#f3d58a22,transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 55%,#1f170acc 100%)}body[data-ending=lose] #freeze .fzWash{background:radial-gradient(ellipse at 50% 50%,#9cc3e014 30%,#0b1828d9)}body[data-ending=draw] #freeze .fzWash{background:radial-gradient(ellipse at 50% 50%,transparent 50%,#05060ccc 100%)}#freeze .frostCorner{display:none}body[data-ending=lose] #freeze .frostCorner{display:block;animation:creep 2.6s cubic-bezier(.2,.7,.2,1) both}#freeze .frostCorner.tl{transform-origin:0 0}#freeze .frostCorner.tr{transform-origin:100% 0}#freeze .frostCorner.bl{transform-origin:0 100%}#freeze .frostCorner.br{transform-origin:100% 100%}.result{background:none;animation:fadeIn .6s ease-out both}.result .gBg{display:none}.result:before{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.result.win:before{background:radial-gradient(ellipse 52% 60% at 50% 45%,#140f08d9,#140f0873)}.result.lose:before{background:radial-gradient(ellipse 52% 60% at 50% 45%,#08121ed9,#08121e73)}.result.draw:before{background:radial-gradient(ellipse 52% 60% at 50% 45%,#0a0c18d9,#0a0c1873)}.result #resultFrost{display:none!important}.tapestry.small .bLine{font:600 8cqw/1.3 var(--chakra);color:#fff;padding:0 4cqw}.tapestry.small .bTag{font:700 5.6cqw var(--chakra);letter-spacing:.2em;text-transform:uppercase;color:#f3d58ab3}.result .tapestry.left{animation:lower 1s .15s cubic-bezier(.2,.8,.2,1) both}.result .tapestry.right{animation:lower 1s .3s cubic-bezier(.2,.8,.2,1) both}@media(prefers-reduced-motion:reduce){#freeze .frostCorner,.result{animation:none!important}}.vsSide{position:relative;isolation:isolate}.vsSide:before,.vsSide:after{content:"";position:absolute;pointer-events:none;z-index:-1}.vsSide:before{inset:0;background-size:30px 30px;opacity:.1}.vsBlue:before{background-image:var(--damask-raven)}.vsRed:before{background-image:var(--damask-sun)}.vsSide:after{left:50%;top:50%;width:min(70vh,44vw);aspect-ratio:1;transform:translate(-50%,-50%);background:center / contain no-repeat;opacity:.5;mix-blend-mode:overlay}.vsBlue:after{background-image:var(--emblem-raven);left:46%}.vsRed:after{background-image:var(--emblem-sun);left:54%}.ico{display:inline-flex;line-height:0;flex:none}.ico svg,svg.ico3d{display:block}.slab:disabled .ico{filter:grayscale(1) brightness(1.6);opacity:.45}.homeDim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.6}.home .tapestry,.result .tapestry{top:calc(3.2vh + var(--homeMark) * 1.15 + 22px - min(18vw,31vh,260px) * .485)}.vsBlue{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23f3d58a' vector-effect='non-scaling-stroke'%3E%3Cpath d='M99.2 0 L87.2 100' stroke-width='3' stroke-opacity='.75' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M97.4 0 L85.4 100' stroke-width='1' stroke-opacity='.5' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M0 2.2 H99 M0 97.8 H87' stroke-width='1.5' stroke-opacity='.45' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M0 3.4 H99 M0 96.6 H87' stroke-width='.8' stroke-opacity='.3' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E") 0 0 / 160px,repeating-linear-gradient(97deg,#ffffff0a 0 38px,#fff0 38px 92px,#00000024 92px 128px,#0000 128px 211px),repeating-linear-gradient(93deg,#0000 0 137px,#00000018 137px 181px,#ffffff07 181px 263px),repeating-linear-gradient(99deg,#ffffff06 0 61px,#0000 61px 149px),radial-gradient(ellipse 55% 45% at 44% 50%,#7fb8ff33,transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 55%,#05103080 100%),linear-gradient(100deg,#1c58c4 0 55%,#14429c 55% 100%)}.vsRed{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23f3d58a' vector-effect='non-scaling-stroke'%3E%3Cpath d='M12.8 0 L0.8 100' stroke-width='3' stroke-opacity='.75' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M14.6 0 L2.6 100' stroke-width='1' stroke-opacity='.5' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M13 2.2 H100 M1 97.8 H100' stroke-width='1.5' stroke-opacity='.45' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M13 3.4 H100 M1 96.6 H100' stroke-width='.8' stroke-opacity='.3' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E") 0 0 / 160px,repeating-linear-gradient(97deg,#ffffff0a 0 38px,#fff0 38px 92px,#00000024 92px 128px,#0000 128px 211px),repeating-linear-gradient(93deg,#0000 0 137px,#00000018 137px 181px,#ffffff07 181px 263px),repeating-linear-gradient(99deg,#ffffff06 0 61px,#0000 61px 149px),radial-gradient(ellipse 55% 45% at 56% 50%,#ffb06a33,transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 55%,#2a050c80 100%),linear-gradient(-100deg,#c82424 0 55%,#9a181c 55% 100%)}.vsName{text-shadow:0 3px 0 rgba(0,0,0,.45),0 0 24px rgba(0,0,0,.35)}.vsTag{color:#f3d58a;opacity:1}.vsSide:after{mix-blend-mode:soft-light;filter:grayscale(1) brightness(1.5);opacity:.75}.resultCol{top:6vh;gap:clamp(10px,1.7vh,18px)}.resultCol h1{font-size:clamp(68px,9.1vw,132px)}.spoils{flex-direction:column;gap:clamp(8px,1.2vh,12px)}.crowns svg{width:52px;height:auto}.spoils .emberReward{width:340px}.spoils .emberReward .face{height:68px;padding:0 22px 0 20px}.spoils .emberReward .erDelta b{font-size:34px}.result .mvpCard>.gFace{width:min(560px,calc(100vw - (2*(min(18vw,31vh,260px) + 4.3vw + 24px))))}#setup .steps li[data-step=hands]{align-items:flex-start}#setup .steps li[data-step=hands] .stepDot{margin-top:1px}#setup .howHands{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 8px}#setup .howHands figure{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:6px 6px 8px;background:#0a0d1b;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}#setup .howHands figcaption{font-size:13px;line-height:1.3;color:#b9c0d8}.handArt{flex:none;display:block;width:64px;height:77px}.handArt svg{display:block;width:100%;height:100%}#setup [data-act=practice]:not(.ghost){color:#1a0e00!important;border-bottom-color:var(--amberSide)!important;background:linear-gradient(160deg,var(--amber) 0 56%,var(--amber2) 56% 100%)!important}#setup [data-act=practice][hidden]{display:none}#setup .handPick{display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:8px;margin:2px 0 4px}#setup .panel .handPick button{height:46px;padding:0 8px;font-size:16px;color:#c9cfe4}#setup [data-step=hands]{align-items:flex-start}#setup .stepHead{display:flex;align-items:center;justify-content:space-between;gap:12px}#setup .panel .handPick button.on{color:#0b1a10;border-bottom-color:#1d5a3c;background:linear-gradient(160deg,#6fe3a0 0 56%,#4ac987 56% 100%)}#handPractice{position:fixed;inset:0;z-index:9;font-family:var(--chakra);background:radial-gradient(ellipse at 50% 50%,#0d1124f2,#020308 80%)}#handPractice[hidden]{display:none}.practiceHead{position:absolute;top:20px;left:50%;transform:translate(-50%);width:min(580px,calc(100vw - 32px));display:flex;align-items:center;gap:14px;padding:12px 18px 14px 10px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border-bottom:6px solid #0e1230;background:linear-gradient(160deg,#212853 0 56%,#1a2045 56% 100%);box-shadow:inset 0 1px #ffffff26}.practiceHead .handArt{width:60px;height:72px}.practiceHead .handArt.nudge{animation:artNudge .6s ease-out}@keyframes artNudge{0%,to{transform:none}30%{transform:scale(1.15)}60%{transform:scale(.97)}}.practiceText{flex:1;min-width:0}.practiceText h2{margin:0;font:800 21px/1.15 var(--cinzel);letter-spacing:.03em;color:#fff}.practiceText .sub{margin:4px 0 8px;font-size:16px;line-height:1.35;color:#b9c0d8;min-height:1.35em}.pinchMeter{height:8px;background:#0a0d1b;overflow:hidden}.pinchMeter i{display:block;height:100%;width:0;background:var(--ice2);transition:width .08s linear}.pinchMeter i.shut{background:var(--amber);box-shadow:0 0 10px var(--amber)}.practiceCount{flex:none;font:800 18px var(--cinzel);color:var(--amber);white-space:nowrap}.practiceField{position:absolute;inset:0;pointer-events:none}.pTarget{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;display:grid;place-items:center;background:#9cc3e0;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);animation:targetIn .32s cubic-bezier(.2,1.4,.4,1) backwards;transition:background .12s,transform .12s}.pTarget i{width:86%;height:86%;display:grid;place-items:center;background:linear-gradient(160deg,#212853 0 56%,#1a2045 56% 100%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.pTarget i:after{content:"";width:22px;height:22px;transform:rotate(45deg);background:var(--amber);box-shadow:0 0 12px var(--amber)}.pTarget.on{background:var(--amber);transform:scale(1.08)}.pTarget.hit{animation:targetHit .42s ease-out forwards;background:#fff1c4}@keyframes targetIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes targetHit{to{opacity:0;transform:scale(1.5)}}#handPractice>[data-act=skip]{position:absolute;bottom:24px;left:50%;transform:translate(-50%);height:42px;padding:0 16px;border:0;background:transparent;font:700 15px var(--chakra);letter-spacing:.06em;color:var(--muted);cursor:pointer}#handPractice>[data-act=skip]:hover{color:#fff}#handPractice>[data-act=fit]{position:absolute;bottom:72px;left:50%;transform:translate(-50%);height:36px;padding:0 14px;border:0;background:transparent;color:#9aa6c8;font:600 14px var(--chakra);text-decoration:underline;cursor:pointer}#handPractice>[data-act=fit]:hover{color:#fff}#handPractice>[data-act=fit][hidden]{display:none}@media(prefers-reduced-motion:reduce){.pTarget,.pTarget.hit,.practiceHead .handArt.nudge{animation:none;transition:none}.pTarget.hit{opacity:0}}@media(max-width:640px){#setup .howHands{grid-template-columns:1fr}.practiceHead{top:12px;padding:10px 12px 12px 6px;gap:10px}.practiceHead .handArt{width:46px;height:55px}.practiceText h2{font-size:17px}.practiceText .sub{font-size:14px}.pTarget{width:92px;height:92px;margin:-46px 0 0 -46px}}#setup .setupViews{flex:none;display:grid;grid-template-columns:3fr 2fr;gap:10px}#setup .setupViews figure{margin:0;position:relative;min-width:0}#setup .setupCam{aspect-ratio:16 / 9;max-height:none}#setup .setupSeen{background:#0a0d1b;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}#setup .setupSeen canvas{position:absolute;inset:0;width:100%;height:100%}#setup .setupViews figcaption{position:absolute;left:10px;bottom:6px;right:8px;font:700 11px var(--chakra);letter-spacing:.12em;text-transform:uppercase;color:#8e96b3;pointer-events:none;display:flex;flex-direction:column;gap:1px;text-shadow:0 1px 2px #000}#setup .setupSeen [data-seen]{font-size:12px;color:var(--muted)}#setup .setupSeen [data-seen][data-state=open]{color:var(--amber)}#setup .setupSeen [data-seen][data-state=fire]{color:#fff1c4}#setup .setupSeen [data-seen][data-state=cancel]{color:#ff9aa4}#notice{position:fixed;left:50%;bottom:196px;z-index:6;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 32px));padding:8px 14px 9px;pointer-events:none;font:700 15px/1.25 Alegreya Sans,system-ui,sans-serif;font-variant-numeric:lining-nums;color:#e8ebf5;background:linear-gradient(160deg,#252b4a 0 56%,#1c2140 56% 100%);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:inset 0 1px #fff2,inset 0 -3px #05060c}#notice[hidden]{display:none}#notice:before{content:"";flex:none;width:8px;height:8px;transform:rotate(45deg);background:var(--tone, #ffb02e);box-shadow:0 0 8px var(--tone, #ffb02e)}#notice[data-tone=info]{--tone: #ffb02e}#notice[data-tone=good]{--tone: #ffd27a}#notice[data-tone=warn]{--tone: #9cc3e0}#notice[data-tone=bad]{--tone: #ff5d6c}#notice .nAct{flex:none;padding:3px 10px;border:0;border-radius:0;background:#ffb02e;color:#1a0e00;font:800 13px Alegreya Sans,system-ui,sans-serif;cursor:pointer;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}#notice.in{animation:noticeIn .28s cubic-bezier(.2,1.4,.4,1) both}@keyframes noticeIn{0%{opacity:0;transform:translate(-50%,8px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}body.inHub #notice{display:none}#elixirRow.starved #elixir{animation:starveShake .42s ease-out}#elixirRow.starved #elixirFill,#elixirRow.starved #elixirGem{animation:starveFlash .9s ease-out}#elixirNeed{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1.5px;background:#fff1d6;box-shadow:0 0 8px #ff8a3d;pointer-events:none;opacity:0;z-index:2}#elixirRow.starved #elixirNeed{animation:needMark 2.4s ease-out}@keyframes starveShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}@keyframes starveFlash{0%,40%{filter:brightness(1.8) saturate(1.4) hue-rotate(-40deg)}to{filter:none}}@keyframes needMark{0%{opacity:0}10%,75%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){#notice.in,#elixirRow.starved #elixir{animation:none}}#elixirRow.starved #elixir.kindling .stick{animation:starveFlash .9s ease-out}@media(prefers-reduced-motion:reduce){#elixirRow.starved #elixir.kindling .stick{animation:none}}button{transition:scale .12s cubic-bezier(.3,1.6,.5,1),rotate .15s ease-out,filter .12s ease-out,background .12s,color .12s}.slab{transition:transform .08s ease-out,scale .12s cubic-bezier(.3,1.6,.5,1),rotate .15s ease-out}button:not(.slab):not(:disabled):hover{filter:brightness(1.12)}.slab:not(:disabled):hover .face{filter:brightness(1.08)}button.round:not(:disabled):hover,.slab.small:not(:disabled):hover,.slab.icon:not(:disabled):hover,#hand button:not(:disabled):hover{rotate:-2deg}.slab.small:nth-of-type(2n):not(:disabled):hover{rotate:2deg}button:not(:disabled):active{scale:1.05 .9;transition-duration:.05s}.slab.battle:not(:disabled):active{scale:1.03 .94}.pressStart:hover{filter:brightness(1.3)}.reactSparks{position:fixed;inset:0;pointer-events:none;z-index:60}.reactSparks i{position:absolute;border-radius:1px;rotate:45deg;box-shadow:0 0 6px #ffb02e}.wordmark{cursor:default}.wordmark.reactFlare{animation:reactFlare .9s ease-out}@keyframes reactFlare{0%{filter:brightness(1);scale:1}18%{filter:brightness(1.7) drop-shadow(0 0 22px #ffb02e);scale:1.05}to{filter:brightness(1);scale:1}}.tapestry,.plaque,.result .banner{cursor:pointer}.tapestry{transform-origin:50% 0}@media(prefers-reduced-motion:reduce){button,button:not(:disabled):hover,button:not(:disabled):active,.slab.battle:not(:disabled):active{scale:none;rotate:none;transition:filter .12s}@keyframes reactFlare{0%,to{filter:brightness(1)}25%{filter:brightness(1.5)}}}button:not(.slab).handHover{filter:brightness(1.12)}.slab.handHover .face{filter:brightness(1.08)}button.round.handHover,.slab.small.handHover,.slab.icon.handHover{rotate:-2deg}.slab.small:nth-of-type(2n).handHover{rotate:2deg}.pressStart.handHover{filter:brightness(1.3)}.handHover{outline:2px solid rgba(255,210,122,.75);outline-offset:3px}button.handPress{scale:1.05 .9;transition-duration:.05s}.slab.battle.handPress{scale:1.03 .94}@media(prefers-reduced-motion:reduce){button.handHover,button.handPress,.slab.battle.handPress{scale:none;rotate:none}}#inputPanel{position:fixed;top:10px;left:10px;z-index:5;width:176px;display:flex;flex-direction:column;gap:6px;font-size:12px}#inputPanel button{padding:4px 8px;font-size:12px}#inputPanel button.on{background:#1d5a3c;border-color:#2f8a5c}#inputPanel .inRow{display:flex;gap:4px;flex-wrap:wrap}#inputPanel .inPreview{width:160px;border-radius:6px;overflow:hidden;background:#000;border:1px solid var(--line)}#inputPanel .inPreview[hidden]{display:none}#inputPanel .inPreview canvas{display:block;width:160px}#inputPanel .inStatus{color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}#inputPanel .inMenu{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:8px;background:var(--panel);border:1px solid var(--line)}#inputPanel .inMenu[hidden]{display:none}#inputPanel label{display:flex;flex-wrap:wrap;gap:4px;align-items:center;color:var(--muted)}#inputPanel input[type=range]{width:100%}#inputPanel select{width:100%;padding:4px 6px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit}#inputPanel select:disabled{opacity:.5}#inputPanel .inMeter{position:relative;height:6px;border-radius:3px;background:var(--bg);overflow:hidden}#inputPanel .inLevel{position:absolute;inset:0 auto 0 0;background:var(--muted)}#inputPanel .inLevel.speaking{background:var(--elixir)}#inputPanel .inThresh{position:absolute;top:0;bottom:0;width:2px;background:#4ade80}#inputPanel .inThresh.off{background:#f59e0b}#inputOverlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:20;pointer-events:none}#talkHint{align-self:center;max-width:100%;padding:3px 10px;border-radius:999px;background:#0d1020cc;border:1px solid var(--line);color:var(--text);font-size:12px;text-align:center;pointer-events:none}#talkHint[hidden]{display:none}#pinchHint{position:fixed;right:12px;bottom:182px;z-index:5;width:250px;display:flex;align-items:center;gap:10px;padding:8px 12px 10px 8px;pointer-events:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-bottom:4px solid #0b0e22;background:linear-gradient(160deg,#212853f0 0 56%,#1a2045f0 56% 100%);box-shadow:inset 0 1px #ffffff26;font-family:var(--chakra)}#pinchHint[hidden],body.inHub #pinchHint{display:none}#pinchHint .phArt{flex:none;width:56px;height:67px}#pinchHint .phArt svg{width:100%;height:100%;display:block}#pinchHint .phText{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.3;color:#b9c0d8}#pinchHint .phText b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}#pinchHint.in{animation:pinchHintLife 5.5s ease-out both}@keyframes pinchHintLife{0%{opacity:0;transform:translate(14px)}6%{opacity:1;transform:none}88%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){#pinchHint.in{animation:none}}@media(max-width:640px){#pinchHint{inset:196px auto auto 12px;width:min(210px,calc(100vw - 24px))}#pinchHint .phText{font-size:13px}#pinchHint .phArt{width:44px;height:53px}}.mvpCard>.gFace{width:min(760px,calc(100vw - (2*(14vw + 24px))));display:flex;align-items:center;gap:22px;padding:14px 26px 14px 18px}.result.win .mvpCard{--a: #2a2312;--b: #201a0d;--side: #0b0906}.result.lose .mvpCard{--a: #16283a;--b: #112131;--side: #08121c}.mvpArt{flex:none;width:88px;height:88px;display:grid;place-items:center;position:relative;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:linear-gradient(160deg,#fff2 0 50%,#ffffff0d 50% 100%)}.result.win .mvpArt{background:linear-gradient(160deg,#f3d58a55 0 50%,#f3d58a22 50% 100%)}.mvpArt img,.mvpArt canvas{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 3px 0 #0008)}.mvpText{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.result.win .mvpText .gLabel{color:var(--gold)}.result.lose .mvpText .gLabel{color:var(--ice2)}.mvpName{font:800 clamp(20px,2vw,28px)/1.1 var(--cinzel);color:#fff;letter-spacing:.02em}.mvpWords{font:italic 500 16px/1.3 var(--chakra);color:#d8dcec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mvpWords:before{content:"“"}.mvpWords:after{content:"”"}.mvpDamage{flex:none;display:flex;flex-direction:column;align-items:flex-end;position:relative;padding-right:2px}.mvpDamage b{font:900 clamp(30px,3vw,42px)/1 var(--cinzel);color:#fff;font-variant-numeric:lining-nums}.result.win .mvpDamage b{color:var(--gold)}.result.lose .mvpDamage b{color:var(--ice)}.mvpDamage small{font:700 12px var(--chakra);letter-spacing:.18em;text-transform:uppercase;color:var(--muted, #8e96b3)}.mvpCard.none .mvpArt,.mvpCard.none .mvpWords{display:none}.mvpCard.none .mvpName{font:500 17px var(--chakra);color:var(--muted, #8e96b3)}.mvpCard{animation:mvpIn .5s 1.4s cubic-bezier(.2,.9,.3,1.2) both}@keyframes mvpIn{0%{opacity:0;transform:translateY(14px) scale(.96)}}@media(prefers-reduced-motion:reduce){.mvpCard{animation:none}}@media(max-width:900px){.mvpCard>.gFace{width:calc(100vw - 32px)}}@media(max-height:820px){.mvpArt{width:64px;height:64px}.mvpArt img,.mvpArt canvas{width:60px;height:60px}.mvpCard>.gFace{padding:10px 22px 10px 14px}}.pavilion{position:fixed;inset:0;z-index:9;overflow:hidden;background:var(--night);font-family:var(--chakra);color:var(--text);--colW: clamp(58px, 6.2vw, 104px);--roofH: clamp(122px, 19vh, 170px);--depth: 1700px;--px: 0;--py: 0}.pavilion[hidden]{display:none}.pavilion *{font-variant-numeric:lining-nums!important}.pavilion .hubSky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pavDim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 50% 55%,#05060c66,transparent 100%),linear-gradient(180deg,transparent 30%,#05060c55)}.pavScroll{position:absolute;top:calc(var(--roofH) - 8px);left:0;right:0;bottom:0;z-index:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#2a3050 transparent;padding:26px calc(var(--colW) + clamp(22px,3vw,52px)) 140px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 44px);mask-image:linear-gradient(180deg,transparent 0,#000 44px)}.pavStage{position:absolute;top:calc(var(--roofH) - 8px);bottom:0;left:var(--colW);right:var(--colW);pointer-events:none;overflow:hidden;perspective:680px;perspective-origin:calc(50% + var(--px) * 7%) calc(38% + var(--py) * 8%)}.pavRoom{position:absolute;inset:0;transform-style:preserve-3d}.pavRoom>*{position:absolute;backface-visibility:hidden}.pavCeiling{left:0;right:0;top:0;height:var(--depth);transform-origin:50% 0;transform:rotateX(-90deg);background:linear-gradient(180deg,transparent 0,#05060c 92%),repeating-linear-gradient(90deg,#343d6e 0 16px,#4a5490 16px 20px,#1a1f44 20px 46px,#141838 46px 190px,#0e1230 190px 200px),repeating-linear-gradient(180deg,#343d6e 0 16px,#1a1f44 16px 40px,transparent 40px 200px),#141838}.pavFloor{left:0;right:0;bottom:0;height:var(--depth);transform-origin:50% 100%;transform:rotateX(90deg);background:linear-gradient(0deg,transparent 0,#05060c 88%),radial-gradient(ellipse 30% 22% at 0% 100%,#ff8a2e55,transparent 100%),radial-gradient(ellipse 30% 22% at 100% 100%,#ff8a2e55,transparent 100%),radial-gradient(ellipse 34% 30% at 50% 100%,#ffd27a22,transparent 100%),repeating-linear-gradient(90deg,#0b0e22 0 3px,transparent 3px 170px),repeating-linear-gradient(0deg,#0b0e22 0 3px,transparent 3px 170px),linear-gradient(0deg,#2e3462,#1c2146 40%)}.pavSide{top:0;bottom:0;width:var(--depth)}.pavSide.l{left:0;transform-origin:0 50%;transform:rotateY(90deg)}.pavSide.r{right:0;transform-origin:100% 50%;transform:rotateY(-90deg)}.pavSide{background:linear-gradient(90deg,transparent 0,#05060cee 85%),linear-gradient(180deg,#2e3568 0 46px,#f3d58a55 46px 48px,transparent 48px calc(100% - 34px),#252b4a calc(100% - 34px) calc(100% - 28px),#1c2140 calc(100% - 28px)),repeating-linear-gradient(90deg,transparent 0 150px,#0d1030 150px,#2e3568 160px,#5a65a8 170px,#3b4478 182px,#141838 198px,transparent 198px 300px)}.pavSide.r{background:linear-gradient(270deg,transparent 0,#05060cee 85%),linear-gradient(180deg,#2e3568 0 46px,#f3d58a55 46px 48px,transparent 48px calc(100% - 34px),#252b4a calc(100% - 34px) calc(100% - 28px),#1c2140 calc(100% - 28px)),repeating-linear-gradient(270deg,transparent 0 150px,#0d1030 150px,#2e3568 160px,#5a65a8 170px,#3b4478 182px,#141838 198px,transparent 198px 300px)}.pavRear{inset:0;transform:translateZ(calc(var(--depth) * -1));background:linear-gradient(180deg,#05060c 0 10%,transparent 30%)}.pavRearGlow{position:absolute;left:20%;right:20%;bottom:0;height:60%;background:radial-gradient(ellipse 50% 60% at 50% 100%,#ffb02e44,transparent 100%)}.pavNear{position:absolute;inset:0;z-index:3;pointer-events:none;transform:translate(calc(var(--px) * -10px),calc(var(--py) * -6px))}.pavGable{position:absolute;left:-12px;right:-12px;top:0;height:var(--roofH);filter:drop-shadow(0 12px 14px #000c);animation:pavDrop .8s cubic-bezier(.2,.8,.2,1) both}.pavGable:after{content:"";position:absolute;left:0;right:0;top:100%;height:34px;background:linear-gradient(180deg,#05060ccc,transparent)}.pavGableSvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pavEmblem{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 16px #ffb02e99);animation:pavGlow 3s ease-in-out infinite}.pavTitle{position:absolute;left:0;right:0;top:62%;height:34%;margin:0;display:grid;place-items:center;font:700 clamp(20px,2.7vw,40px)/1 "Cinzel Decorative",var(--cinzel);letter-spacing:.06em;color:var(--amber);background:linear-gradient(180deg,#ffd27a 0 50%,var(--amber) 50% 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 var(--amberSide)) drop-shadow(0 1px 0 #000)}.pavCol{position:absolute;top:calc(var(--roofH) - 4px);bottom:0;width:var(--colW);display:flex;flex-direction:column;filter:drop-shadow(0 0 18px #000a)}.pavCol.l{left:0}.pavCol.r{right:0}.pavCol>div:not(.pavFire){position:relative}.pavAbacus{height:18px;margin:0 -12px;background:linear-gradient(180deg,#eef6fb 0 3px,#6872b8 3px 7px,#3b4478 7px 100%);box-shadow:0 4px #0b0e22;z-index:2}.pavEchinus{height:20px;margin:0 -5px;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(90deg,#12163a,#3b4478 18%,#7a84c8 36%,#4a5490 58%,#1c2140 86%,#0b0e22)}.pavNeck{height:9px;margin:0 2px;background:linear-gradient(90deg,#0b0e22,#252b5a 18%,#4a5490 36%,#2e3568 60%,#12163a)}.pavShaft{flex:1;margin:0 4px;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 3px),#0006 calc(12.5% - 3px) 12.5%),linear-gradient(90deg,#0b0e22,#232a5a 10%,#4a5490 28%,#7a84c8 38%,#4a5490 52%,#252b5a,#0b0e22)}.pavCol.l .pavShaft{box-shadow:inset -22px 0 26px -14px #ff8a2e77}.pavCol.r .pavShaft{box-shadow:inset 22px 0 26px -14px #ff8a2e77}.pavTorus{height:16px;margin:0 -3px;border-radius:999px;background:linear-gradient(90deg,#12163a,#3b4478 18%,#7a84c8 36%,#4a5490 58%,#1c2140 86%,#0b0e22)}.pavPlinthBase{height:34px;margin:0 -12px;background:linear-gradient(180deg,#6872b8 0 3px,#4a5490 3px 9px,#2e3568 9px 60%,#1c2140 60%);box-shadow:0 -2px #0b0e22}.pavFire{position:absolute;bottom:34px;left:50%;width:64px;height:120px;margin-left:-32px}.pavStand{position:absolute;left:50%;bottom:0;width:14px;height:34px;transform:translate(-50%);background:linear-gradient(90deg,#4a5490 50%,#1c2140 50%)}.pavBowl{position:absolute;left:50%;bottom:30px;width:60px;height:22px;transform:translate(-50%);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);background:linear-gradient(90deg,#252b4a,#5a65a8 35%,#3b4478 60%,#12163a);box-shadow:inset 0 4px #ff8a2e}.pavFlame{position:absolute;left:50%;bottom:48px;width:44px;height:56px;transform:translate(-50%)}.pavFlame i{position:absolute;left:50%;bottom:0;transform-origin:50% 100%;clip-path:polygon(50% 0,100% 70%,78% 100%,22% 100%,0 70%)}.pavFlame i:nth-child(1){width:44px;height:56px;margin-left:-22px;background:linear-gradient(180deg,#ff5d2e,#ff8a2e);animation:pavFlick .5s ease-in-out infinite alternate}.pavFlame i:nth-child(2){width:30px;height:42px;margin-left:-15px;background:linear-gradient(180deg,#ffb02e,#ffd27a);animation:pavFlick .37s .1s ease-in-out infinite alternate-reverse}.pavFlame i:nth-child(3){width:14px;height:22px;margin-left:-7px;background:#fff3cf;animation:pavFlick .29s ease-in-out infinite alternate}.pavGlowFire{position:absolute;left:50%;bottom:40px;width:360px;height:360px;transform:translate(-50%,50%);border-radius:50%;background:radial-gradient(circle,#ff8a2e40,#ff8a2e14 40%,transparent 70%);animation:pavPulse 2.4s ease-in-out infinite}.pavSparks{position:absolute;left:0;right:0;bottom:90px;height:1px}.pavSparks i{position:absolute;left:var(--x);bottom:0;width:3px;height:3px;background:#ffb02e;box-shadow:0 0 6px #ff8a2e;opacity:0;animation:pavSpark var(--t) var(--d) linear infinite}.pavBack{position:absolute;top:12px;left:calc(var(--colW) + 10px);z-index:4;--h: 54px}.pavBack .face{gap:10px;padding:0 22px 0 16px}.pavBack .face b{font:700 16px var(--chakra);letter-spacing:.14em;text-transform:uppercase}.pavHead{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:clamp(16px,2.6vh,26px)}.pavCount{display:flex;flex-direction:column;align-items:center;animation:rise .7s .2s cubic-bezier(.2,.8,.2,1) both}.pavCount b{font:900 clamp(60px,8.6vw,132px)/.95 var(--cinzel);color:#fff;letter-spacing:.02em;text-shadow:0 6px 0 #0e1230,0 0 48px #ffb02e66}.pavCount b.bump{animation:pavBump .6s cubic-bezier(.2,.9,.3,1.4)}.pavCount small{font:700 clamp(14px,1.3vw,18px) var(--chakra);letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}.pavSub{margin:6px 0 0;font:600 clamp(15px,1.3vw,19px) var(--chakra);color:var(--muted)}.pavSub #pavYours{color:var(--amber);font-weight:800}.pavStatus{margin:10px 0 0;max-width:560px;font-size:16px;line-height:1.4;color:var(--ice2)}.pavSpot{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto clamp(26px,4vh,44px)}.pavSpot[hidden]{display:none}.pavSpotStage{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:18px}.pavBeamL,.pavBeamR{position:absolute;top:-60px;width:160px;height:calc(100% + 40px);pointer-events:none;opacity:.55;mix-blend-mode:screen;background:linear-gradient(180deg,#ffd27a40,transparent 85%);filter:blur(8px);animation:pavPulse 3s ease-in-out infinite}.pavBeamL{left:-40px;clip-path:polygon(0 0,30% 0,100% 100%,50% 100%)}.pavBeamR{right:-40px;clip-path:polygon(70% 0,100% 0,50% 100%,0 100%)}.pavSpotCard{position:relative;width:clamp(210px,18vw,260px);animation:pavLand .9s .3s cubic-bezier(.2,.9,.3,1.25) both,pavGlow 2.6s 1.2s ease-in-out infinite}.pavPlinthTop{width:calc(clamp(210px,18vw,260px) + 40px);height:22px;margin-top:-12px;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 100%,0 100%);background:radial-gradient(ellipse 50% 80% at 50% 30%,color-mix(in srgb,var(--el) 40%,#4a5490),#3b4478)}.pavPlinth{width:calc(clamp(210px,18vw,260px) + 40px);height:34px;background:linear-gradient(180deg,#f3d58a 0 2px,#2e3568 2px 55%,#1c2140 55%);box-shadow:0 18px 24px -6px #000c}.pavWallHead{display:flex;align-items:center;gap:16px;max-width:1500px;margin:0 auto 22px}.pavWallHead[hidden]{display:none}.pavWallHead i{flex:1;height:2px;background:linear-gradient(90deg,transparent,#f3d58a66,transparent)}.pavWall{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:clamp(22px,2vw,30px) clamp(18px,1.8vw,26px);max-width:1500px;margin:0 auto}.pavEmpty{grid-column:1 / -1;text-align:center;font-size:18px;color:var(--muted);padding:40px 0}.pavPile{position:relative;transform-origin:50% 100%;transform:perspective(900px) rotateX(7deg) rotate(calc(var(--tilt) * .3));filter:drop-shadow(0 7px 0 #0b0e22) drop-shadow(0 3px 0 #000);transition:transform .55s cubic-bezier(.33,1,.68,1),filter .55s cubic-bezier(.33,1,.68,1)}.pavPile:before{content:"";position:absolute;left:4%;right:4%;bottom:-22px;height:22px;border-radius:50%;background:radial-gradient(ellipse,#000b,transparent 70%)}.pavPile:hover{transition-duration:.45s;transform:perspective(900px) translateY(-10px) rotateX(0) rotate(calc(var(--tilt) * .3));filter:drop-shadow(0 10px 0 #0b0e22) drop-shadow(0 18px 18px #000c);z-index:1}.pavPile.rise{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}.pavSheet{position:absolute;inset:0;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(160deg,#1c2140 0 56%,#151a36 56% 100%);box-shadow:inset 0 0 0 1px #2a3050}.pavSheet.s1{transform:translate(8px,-8px) rotate(calc(var(--tilt) + 2.5deg));filter:brightness(1.15)}.pavSheet.s2{transform:translate(15px,-14px) rotate(calc(var(--tilt) * -1 + 5deg))}.pavPile.mine .pavSheet{background:linear-gradient(160deg,#3a2c14 0 56%,#2c2110 56% 100%)}.pavTimes{position:absolute;right:-10px;bottom:58px;z-index:2;min-width:38px;padding:4px 9px;transform:rotate(-6deg);font:900 18px var(--cinzel);color:#1a0e00;text-align:center;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:linear-gradient(180deg,#ffd27a 0 50%,var(--amber) 50%);filter:drop-shadow(0 3px 0 var(--amberSide))}.pavCard{position:relative;margin:0;display:flex;flex-direction:column;overflow:hidden;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(160deg,#2a3266 0 56%,#212853 56% 100%);box-shadow:inset 0 1px #ffffff26}.pavArt{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse 42% 95% at 50% -5%,color-mix(in srgb,var(--el) 34%,transparent),transparent 100%),radial-gradient(ellipse 60% 45% at 50% 82%,color-mix(in srgb,var(--el) 30%,transparent),transparent 80%),#11152c}.pavPedestal{position:absolute;left:18%;right:18%;bottom:8%;height:14%;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#4a5490,#1c2140 72%);box-shadow:inset 0 2px #f3d58a88,0 0 22px color-mix(in srgb,var(--el) 45%,transparent)}.pavArt img{position:absolute;left:8%;bottom:13%;width:84%;height:80%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 6px #000c)}.pavGlyph{position:relative;margin-top:-14%;font:800 clamp(34px,3.4vw,48px)/1 var(--cinzel);color:var(--elLight);text-shadow:0 3px 0 #0008}.pavCard:not(.noArt) .pavGlyph{visibility:hidden}.pavCard.spell .pavPedestal{background:radial-gradient(ellipse,color-mix(in srgb,var(--elLight) 50%,transparent),transparent 70%);box-shadow:none}.pavCard figcaption{display:flex;flex-direction:column;gap:3px;padding:9px 10px 12px;border-top:2px solid #f3d58a55;background:linear-gradient(180deg,#252b4a,#1c2140)}.pavCard figcaption b{font:700 15px/1.15 var(--cinzel);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pavCard figcaption small{font:500 13px/1.3 var(--chakra);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.pavCost{position:absolute;top:8px;right:8px;min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:12px;font:800 13px var(--chakra);color:#1a0e00;background:linear-gradient(180deg,#ffd27a,var(--ember));box-shadow:0 2px #7a3a00}.pavTag,.pavMine{position:absolute;top:8px;left:8px;padding:3px 8px;font:800 11px var(--chakra);letter-spacing:.16em;text-transform:uppercase}.pavTag{background:#2f3a7a;color:#dfe3ff}.pavMine{background:var(--amber);color:#1a0e00}.pavCard.spell .pavMine{top:34px}.pavCard.mine{background:linear-gradient(160deg,#4a3a1c 0 56%,#3a2c14 56% 100%);box-shadow:inset 0 0 0 2px #ffb02e,inset 0 1px #fff3}.pavCard.mine figcaption{background:linear-gradient(180deg,#4a3a1c,#3a2c14);border-top-color:var(--amber)}.pavSpotCard .pavCard figcaption b{font-size:22px;white-space:normal}.pavSpotCard .pavCard figcaption small{font-size:16px;-webkit-line-clamp:3}.pavSpotCard .pavCost{width:32px;height:32px;border-radius:16px;font-size:16px}.pavPile.fresh{animation:pavArrive .9s cubic-bezier(.2,.9,.3,1.3) both;z-index:1}.pavPile.fresh .pavCard{box-shadow:inset 0 0 0 3px #fff}.pavPile.fresh:after{content:"";position:absolute;inset:-18px;pointer-events:none;background:radial-gradient(circle,#ffd27a77,transparent 65%);animation:pavFade 6s ease-out forwards}.pavToast{position:fixed;left:50%;bottom:28px;z-index:3;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:14px 24px;background:linear-gradient(160deg,var(--amber) 0 56%,var(--amber2) 56% 100%);color:#1a0e00;filter:drop-shadow(0 6px 0 var(--amberSide));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.pavToast[hidden]{display:none}.pavToast .gLabel{color:#1a0e00}.pavToast b{font:800 20px var(--cinzel)}.pavToast.show{animation:rise .5s cubic-bezier(.2,.8,.2,1) both}@keyframes pavArrive{0%{opacity:0;transform:scale(.6) translateY(-30px) rotate(-8deg)}60%{transform:scale(1.08)}}@keyframes pavLand{0%{opacity:0;transform:translateY(-60px) scale(.9)}}@keyframes pavDrop{0%{opacity:0;transform:translateY(-40px)}}@keyframes pavFade{to{opacity:0}}@keyframes pavBump{40%{transform:scale(1.12);color:var(--gold)}}@keyframes pavGlow{50%{filter:drop-shadow(0 0 24px #ffb02eaa)}}@keyframes pavPulse{50%{opacity:.7}}@keyframes pavFlick{0%{transform:scaleY(.88) skew(-3deg)}to{transform:scaleY(1.08) skew(3deg)}}@keyframes pavSpark{0%{opacity:0;transform:translate(0)}10%{opacity:1}to{opacity:0;transform:translate(calc((var(--x) - 50%) * .4),-220px)}}.pavEntry{position:absolute;top:14px;left:16px;z-index:3;--h: 52px}.pavEntry .face{gap:10px;padding:0 18px}.pavEntry .face b{font:700 15px var(--cinzel);letter-spacing:.04em;text-transform:none}.pavEntry .face small{font:600 13px var(--chakra);color:var(--muted)}.pavEntry .bLabel{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}@media(max-width:760px){.pavilion{--colW: 0px;--roofH: 110px}.pavCol{display:none}.pavBack{left:10px}.pavWall{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}.pavCard figcaption b{font-size:13px}.pavCard figcaption small{font-size:12px}.pavEntry .face small{display:none}}@media(prefers-reduced-motion:reduce){.pavPile.rise,.pavPile.fresh,.pavSpotCard,.pavToast.show,.pavCount b.bump,.pavGable,.pavCount,.pavFlame i,.pavSparks i,.pavGlowFire,.pavBeamL,.pavBeamR,.pavEmblem{animation:none}}html{touch-action:manipulation}#dock{padding-bottom:env(safe-area-inset-bottom)}@media(max-width:640px){#hudTop{top:10px;left:12px;right:auto;align-items:flex-start;min-width:0;padding:5px 12px 7px}#clock{font-size:24px}#roomInfo{font-size:10px;letter-spacing:.12em}#netStatus{max-width:150px;text-align:left}#tools{right:10px;gap:6px}#dock{width:calc(100vw - 24px);bottom:10px;gap:6px}#descInput{height:44px;padding:0 12px;font-size:16px}#dock #talkHint,#status{font-size:13px;line-height:1.3;text-align:center;white-space:normal}#handView{inset:74px auto auto 12px;width:96px;padding:4px 4px 6px}#handView canvas{width:88px;height:82px}#handView .hvState{font-size:10px}body.inHub #handView{display:none!important}#notice{bottom:150px;font-size:14px}#setup .panel,#tutorial .panel{padding:22px 20px 20px;gap:12px}#setup .panel h1,#tutorial .panel h1{font-size:24px}#tutorial li,#setup .sub{font-size:15px}#tutorial ol{gap:8px}#tutorial li{font-size:13px}#tutorial li .handArt{height:88px;padding:8px 0}.menuPanel .gFace{padding:24px 20px}}@media(max-height:480px)and (orientation:landscape){#hudTop{top:10px;left:12px;right:auto;align-items:flex-start;min-width:0;padding:4px 10px 6px}#clock{font-size:22px}#dock{bottom:6px;gap:4px}#descInput{height:40px;font-size:16px}#dock #talkHint{display:none}#notice{bottom:96px}#setup .panel,#tutorial .panel{max-height:calc(100vh - 24px);overflow-y:auto;padding:18px 20px}}body.touch #setup .setupViews,body.touch #setup [data-step=hands]{display:none}body.touch #tutorial ol{grid-template-columns:repeat(2,1fr)}body.touch #tutorial li:nth-child(3){display:none}canvas#board{touch-action:none}