:root{--bg: #fff4e6;--bg2: #ffe8cc;--card: #ffffff;--ink: #2b1d0e;--muted: #7a6650;--line: #f0d9b5;--hot: #ff4d2e;--hot2: #ff9f1c;--ok: #2fb34a;--warn: #f59f00;--bad: #e03131;--blue: #2d7ff9;--radius: 18px;--shadow: 0 6px 0 rgba(43, 29, 14, .12), 0 12px 30px rgba(43, 29, 14, .12);--edge: color-mix(in srgb, var(--ink) 16%, transparent);--edge-strong: color-mix(in srgb, var(--ink) 26%, transparent);--press: color-mix(in srgb, var(--ink) 22%, transparent);--font: "Baloo 2", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #1c140d;--bg2: #2a1e13;--card: #2f2318;--ink: #fff4e6;--muted: #c9b49a;--line: #4a3826;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (min-width: 1600px){html{font-size:clamp(16px,.42vw + 9.3px,22px)}}body{background:radial-gradient(circle at 10% 0%,rgba(255,159,28,.25),transparent 40%),radial-gradient(circle at 90% 100%,rgba(255,77,46,.18),transparent 40%),var(--bg);background-attachment:fixed;overflow-x:hidden}button,input,select{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5em;line-height:1.1}a{color:var(--hot)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:2px solid var(--edge);border-radius:14px;padding:.7em 1.2em;font-weight:800;font-size:1rem;line-height:1.15;text-align:center;cursor:pointer;background:var(--card);color:var(--ink);box-shadow:0 4px 0 var(--press);transition:transform .08s,box-shadow .08s,filter .15s;user-select:none;min-height:44px}.btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn:hover:not(:disabled){border-color:var(--edge-strong)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--press)}.btn:disabled{opacity:.45;filter:saturate(.6);box-shadow:none;cursor:not-allowed}.btn:focus-visible,.chip:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.btn-hot{background:linear-gradient(180deg,var(--hot2),var(--hot));color:#fff;border-color:#d9431f;box-shadow:0 4px #b8321c;text-shadow:0 1px 0 rgba(0,0,0,.2)}.btn-ok{background:linear-gradient(180deg,#51cf66,var(--ok));color:#fff;border-color:#23933b;box-shadow:0 4px #1d7a31}.btn-blue{background:linear-gradient(180deg,#4dabf7,var(--blue));color:#fff;border-color:#1f68d6;box-shadow:0 4px #1a4fa8}.btn-ghost{background:var(--card);border:2px solid var(--edge);box-shadow:0 3px color-mix(in srgb,var(--ink) 12%,transparent)}.btn-big{font-size:1.2rem;padding:.9em 1.4em;min-height:58px}.btn-small{font-size:.85rem;padding:.4em .8em;min-height:34px}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-height:2.3rem;padding:.35em .9em;border-radius:999px;border:2px solid var(--edge);background:var(--card);color:var(--ink);font:inherit;font-weight:800;font-size:.86rem;cursor:pointer;box-shadow:0 2px color-mix(in srgb,var(--ink) 10%,transparent);transition:transform .1s,border-color .15s}.chip:hover{border-color:var(--hot2)}.chip:active{transform:translateY(2px);box-shadow:none}.chip.active,.chip[aria-selected=true]{border-color:transparent;color:#fff;background:linear-gradient(180deg,var(--hot2),var(--hot));box-shadow:0 2px #b8321c;text-shadow:0 1px 0 rgba(0,0,0,.15)}.badge{display:inline-block;padding:.1em .5em;border-radius:8px;font-size:.75rem;font-weight:800;background:var(--bg2);color:var(--muted)}.badge-hot{background:var(--hot);color:#fff}.card{background:var(--card);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--ink) 7%,transparent);box-shadow:var(--shadow);padding:1rem}.card>strong:first-child,.card>h3:first-child,.card>.row:first-child>h3,.card>.row:first-child>strong{font-size:1.05rem;font-weight:800;margin:0}.page h1{text-align:center;font-size:clamp(1.7rem,1.3rem + 2vw,2.4rem);margin:.2rem 0 .4rem}.page>p,.page>.muted{text-align:center;max-width:42rem;margin-inline:auto}@media (min-width: 600px){.rules-section li,.rules-section p,.legal p,.legal li{text-align:justify;hyphens:auto}}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:.6rem}.grow{flex:1}.muted{color:var(--muted)}.center{text-align:center}input[type=text],input[type=email],input[type=password],input[type=search],select{width:100%;padding:.7em .9em;border-radius:12px;border:2px solid var(--line);background:var(--card);min-height:44px}label.check{display:flex;gap:.6em;align-items:center;cursor:pointer}input[type=checkbox]{width:1.5rem;height:1.5rem;flex:none;accent-color:var(--hot)}input[type=range]{width:100%;min-height:2rem;accent-color:var(--hot)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px)}.logo{font-weight:900;font-size:1.5rem;letter-spacing:-.02em;background:linear-gradient(90deg,var(--hot),var(--hot2));-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer;border:0;padding:0}.coins{display:inline-flex;align-items:center;gap:.3em;font-weight:800}.page{width:100%;max-width:61.25rem;margin:0 auto;padding:1rem;flex:1}.page-narrow{max-width:32.5rem}.with-rails{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media (min-width: 1280px){.with-rails{grid-template-columns:180px minmax(0,1fr) 180px;grid-template-areas:"rl main rr"}.with-rails>.ad-slot-rail-left{grid-area:rl}.with-rails>.ad-slot-rail-right{grid-area:rr}.with-rails>:not(.ad-slot){grid-area:main}}.hero{text-align:center;padding:1.5rem 0 1rem}.hero h1{font-size:clamp(2.6rem,9vw,4.4rem);margin:0;font-weight:900;letter-spacing:-.03em}.hero .logo-big{background:linear-gradient(90deg,var(--hot),var(--hot2),var(--hot));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 4s linear infinite}@keyframes shine{to{background-position:200% center}}.hero-dice{font-size:3rem;display:inline-block;animation:wobble 2.4s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(12deg) translateY(-8px)}}.code-input{font-size:clamp(1.05rem,.8rem + 1.6vw,1.5rem)!important;text-align:center;letter-spacing:.22em;text-transform:uppercase;font-weight:900}.home-actions{display:grid;gap:.8rem;grid-template-columns:1fr}@media (min-width: 640px){.home-actions{grid-template-columns:1fr 1fr}}.tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.1rem .8rem;text-align:center}.tile .emoji{font-size:2.2rem}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem}.option{border:2px solid var(--edge);border-radius:16px;padding:.8rem;background:var(--card);color:var(--ink);font:inherit;cursor:pointer;text-align:left;box-shadow:0 3px color-mix(in srgb,var(--ink) 10%,transparent);transition:transform .1s,border-color .15s}.option:hover{border-color:var(--hot2)}.option:active{transform:translateY(2px);box-shadow:none}.option.selected{border-color:var(--hot);background:color-mix(in srgb,var(--hot2) 10%,var(--card));box-shadow:0 0 0 3px color-mix(in srgb,var(--hot) 22%,transparent),0 3px color-mix(in srgb,var(--hot) 45%,transparent)}.option strong{display:block;font-size:1.05rem}.lobby-grid{display:grid;gap:1rem}@media (min-width: 860px){.lobby-grid{grid-template-columns:1.2fr 1fr}}.code-big{font-size:2.2rem;font-weight:900;letter-spacing:.25em}.member{display:flex;align-items:center;gap:.6rem;padding:.5rem;border-radius:14px;background:var(--bg2)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;flex-shrink:0;position:relative;text-shadow:0 1px 1px rgba(0,0,0,.3)}.avatar.speaking:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid #51cf66;animation:speak .6s ease-in-out infinite alternate}@keyframes speak{0%{transform:scale(.95);opacity:.6}to{transform:scale(1.12);opacity:1}}.swatches{display:flex;gap:.5rem;flex-wrap:wrap}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;position:relative;box-shadow:inset 0 -4px #0000002e}.swatch.selected{border-color:var(--ink);transform:scale(1.1)}.swatch:disabled{opacity:.25;cursor:not-allowed}.swatch.metallic{background-image:linear-gradient(135deg,rgba(255,255,255,.7),transparent 45%,rgba(255,255,255,.35) 60%,transparent)}.countdown{font-size:4rem;font-weight:900;color:var(--hot);text-align:center;animation:pop 1s ease-out infinite}@keyframes pop{0%{transform:scale(1.4);opacity:.4}to{transform:scale(1);opacity:1}}.game-layout{--board-vspace: calc(100dvh - 12.5rem) ;display:grid;gap:.8rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"board" "right" "left";max-width:2400px;margin:0 auto;width:100%;padding:.5rem}.game-layout>.ad-slot-rail-left{grid-area:rl}.game-layout>.ad-slot-rail-right{grid-area:rr}.game-layout>.side-left{grid-area:left}.game-layout>.board-column{grid-area:board}.game-layout>.side-right{grid-area:right}@media (orientation: landscape) and (min-width: 900px){.game-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,18.5rem);grid-template-areas:"board right";align-items:start}}@media (orientation: landscape) and (min-width: 1200px){.game-layout{grid-template-columns:minmax(14rem,16rem) minmax(0,1fr) minmax(16rem,18.5rem);grid-template-areas:"left board right"}}@media (orientation: landscape) and (min-width: 1600px){.game-layout.has-rails{grid-template-columns:160px minmax(14rem,16rem) minmax(0,1fr) minmax(16rem,20rem) 160px;grid-template-areas:"rl left board right rr"}}.board-column{display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:0}.board-frame{position:relative;width:min(100%,var(--board-vspace),1100px);min-width:260px;aspect-ratio:1}.board-wrap{position:absolute;inset:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.board-svg{width:100%;height:100%;display:block;touch-action:manipulation}.fx-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pawn{cursor:default}.pawn.movable{cursor:pointer}.board-svg :focus{outline:none}.pawn.movable:focus-visible .pawn-glow{stroke:var(--hot2);stroke-width:.12;animation:none;opacity:1}.pawn.movable .pawn-glow{animation:glow .9s ease-in-out infinite alternate}@keyframes glow{0%{opacity:.35}to{opacity:1}}.cell-target{animation:glow .9s ease-in-out infinite alternate}.panels{position:absolute;inset:0;pointer-events:none}.panel{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:.4rem;background:color-mix(in srgb,var(--card) 92%,transparent);border-radius:999px;padding:.2rem .6rem .2rem .2rem;box-shadow:0 3px 10px #0003;font-size:.85rem;font-weight:800;max-width:38%;transition:transform .2s}.panel.active{transform:scale(1.08);box-shadow:0 0 0 3px var(--hot2),0 3px 10px #00000040}.panel .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-0{top:2%;left:2%}.panel-1{top:2%;right:2%;flex-direction:row-reverse;padding:.2rem .2rem .2rem .6rem}.panel-2{bottom:2%;right:2%;flex-direction:row-reverse;padding:.2rem .2rem .2rem .6rem}.panel-3{bottom:2%;left:2%}.timer-ring{position:absolute;inset:-4px;pointer-events:none}.reaction-float{position:absolute;font-size:1.6rem;animation:floatUp 1.4s ease-out forwards;pointer-events:none}@keyframes floatUp{0%{transform:translateY(0) scale(.6);opacity:1}to{transform:translateY(-60px) scale(1.3);opacity:0}}.controls{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;width:100%}.dice-zone{display:flex;align-items:center;gap:.8rem}.dice-scene{width:64px;height:64px;perspective:300px;cursor:pointer}.dice{width:100%;height:100%;position:relative;transform-style:preserve-3d}.dice-face{position:absolute;inset:0;box-sizing:border-box;border-radius:22%;background:#fff;border:2px solid rgba(0,0,0,.1);display:grid;grid-template:repeat(3,minmax(0,1fr)) / repeat(3,minmax(0,1fr));padding:15%;box-shadow:inset 0 -5px #0000001a}.pip{width:72%;aspect-ratio:1;border-radius:50%;background:#2b1d0e;place-self:center}.dice-scene.can-roll .dice-face{box-shadow:inset 0 -5px #0000001a,0 0 18px var(--dice-color, var(--hot2))}.banner{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);padding:.5em 1.1em;border-radius:16px;font-weight:900;font-size:clamp(1.1rem,3.6vw,1.8rem);background:var(--ink);color:var(--bg);pointer-events:none;white-space:nowrap;z-index:5;box-shadow:var(--shadow)}.banner.turn{background:linear-gradient(90deg,var(--hot2),var(--hot));color:#fff}.banner.warn{background:#495057;color:#fff}.banner.big{font-size:clamp(1.4rem,5vw,2.4rem)}.sticker-pop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:6}.sticker-pop .emoji{font-size:clamp(4rem,16vw,7rem);line-height:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.3))}.sticker-pop .label{display:inline-block;margin-top:.2em;padding:.15em .6em;border-radius:10px;background:#fff;color:#2b1d0e;font-weight:900;font-size:1.3rem;transform:rotate(-4deg);box-shadow:0 4px #0003}.sticker-pop .from{display:block;font-size:.85rem;color:#fff;text-shadow:0 1px 3px #000;font-weight:800}.drawer{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.4rem;max-height:220px;overflow:auto;padding:.3rem}.drawer button{font-size:1.8rem;border:0;background:var(--bg2);border-radius:12px;aspect-ratio:1;cursor:pointer;transition:transform .1s}.drawer button:hover:not(:disabled){transform:scale(1.12) rotate(-5deg)}.drawer button:disabled{filter:grayscale(1);opacity:.4}.side-panel{display:flex;flex-direction:column;gap:.6rem;min-width:0}.history{max-height:340px;overflow:auto;font-size:.85rem;display:flex;flex-direction:column;gap:.15rem}.history .entry{display:flex;gap:.4em;align-items:center}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chat{display:flex;flex-direction:column;gap:.4rem}.chat-lines{max-height:280px;min-height:90px;overflow:auto;display:flex;flex-direction:column;gap:.25rem;font-size:clamp(.74rem,.68rem + .25vmin,.86rem);line-height:1.35}.chat-note{font-size:.72rem}.chat-line.comment{padding:.25rem .45rem;border-radius:10px;background:color-mix(in srgb,var(--hot2) 10%,var(--card))}.comment-sniper,.comment-revenge,.comment-multi{background:color-mix(in srgb,var(--hot) 18%,var(--card))!important;font-weight:700}.comment-gg{background:color-mix(in srgb,#f5c518 28%,var(--card))!important;font-weight:800}.comment-reward{display:inline-block;margin-left:.35em;font-size:.85em;font-weight:800;color:color-mix(in srgb,var(--hot) 80%,var(--ink));white-space:nowrap}.grade{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:8px;font-weight:900;color:#fff;background:#868e96}.grade-S{background:linear-gradient(135deg,#ff4d2e,#f59f00);box-shadow:0 0 10px #ff4d2e99}.grade-A{background:#e8590c}.grade-B{background:#1c7ed6}.tabs{display:flex;gap:.3rem;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:#140c048c;display:grid;place-items:center;z-index:100;padding:1rem;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}}.modal{background:var(--card);border-radius:24px;padding:1.3rem;width:min(100%,480px);max-height:90vh;overflow:auto;box-shadow:var(--shadow);animation:modalIn .35s cubic-bezier(.2,1.4,.4,1);position:relative}.modal-wide{width:min(100%,720px)}@keyframes modalIn{0%{transform:scale(.85) translateY(20px);opacity:0}}.modal-close{position:absolute;top:.6rem;right:.6rem}.toasts{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.4rem;z-index:200;width:min(92vw,420px)}.toast{padding:.7rem 1rem;border-radius:14px;background:var(--ink);color:var(--bg);font-weight:700;box-shadow:var(--shadow);animation:modalIn .3s;cursor:pointer}.toast.error{background:var(--bad);color:#fff}.toast.success{background:var(--ok);color:#fff}.consent{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:150;max-width:720px;margin:0 auto}.conn-status{position:fixed;top:.5rem;left:50%;transform:translate(-50%);z-index:300}.podium{display:flex;flex-direction:column;gap:.5rem}.podium-row{display:flex;align-items:center;gap:.6rem;padding:.6rem;border-radius:14px;background:var(--bg2);animation:slideIn .5s backwards}.podium-row.me{outline:3px solid var(--hot2)}@keyframes slideIn{0%{transform:translate(-30px);opacity:0}}.place{font-size:1.6rem;font-weight:900;width:2.2em;text-align:center}.delta-up{color:var(--ok);font-weight:900}.delta-down{color:var(--bad);font-weight:900}.claim-box{border:3px dashed var(--hot2);border-radius:16px;padding:.8rem;text-align:center;background:color-mix(in srgb,var(--hot2) 12%,var(--card))}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.item-card{display:flex;flex-direction:column;gap:.4rem;align-items:center;text-align:center;padding:.8rem;position:relative}.item-preview{width:100%;aspect-ratio:1.3;border-radius:14px;display:grid;place-items:center;background:var(--bg2);font-size:2.6rem;overflow:hidden}.rarity-common{border-top:5px solid #adb5bd}.rarity-rare{border-top:5px solid #339af0}.rarity-epic{border-top:5px solid #9c36b5}.rarity-legendary{border-top:5px solid #f59f00}.rarity-exclusive{border-top:5px solid #e64980}.progress{height:10px;border-radius:999px;background:var(--bg2);overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--hot2),var(--hot));border-radius:999px;transition:width .6s}table.lb{width:100%;border-collapse:collapse}table.lb td,table.lb th{padding:.5rem;text-align:left;border-bottom:1px solid var(--line)}table.lb tr.me{background:color-mix(in srgb,var(--hot2) 18%,transparent);font-weight:800}.ad-slot{position:relative;border-radius:12px;overflow:hidden;background:var(--bg2);display:flex;flex-direction:column}.ad-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:2px 6px}.ad-slot-rail-left,.ad-slot-rail-right{display:none;width:160px;min-height:600px;position:sticky;top:70px}@media (orientation: landscape) and (min-width: 1600px){.game-layout.has-rails .ad-slot-rail-left,.game-layout.has-rails .ad-slot-rail-right{display:flex}}@media (min-width: 1280px){.with-rails .ad-slot-rail-left,.with-rails .ad-slot-rail-right{display:flex}}.ad-slot-banner{width:100%;max-width:728px;min-height:72px;margin:.5rem auto}.ad-inner{flex:1;display:flex}.ad-demo{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem;color:#2b1d0e;text-align:center}.ad-demo small{opacity:.6;font-size:.7rem}.ad-interstitial-inner{min-height:250px;margin:.5rem 0 1rem;border-radius:12px;overflow:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{width:64px;height:64px;margin:1rem auto;font-size:3rem;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}.scanner video{width:100%;border-radius:16px;background:#000}.door-overlay{position:absolute;pointer-events:none}@media (max-width: 1199px),(orientation: portrait){.hide-mobile-first{display:none!important}}@media (orientation: landscape) and (min-width: 1200px){.show-mobile{display:none!important}}@media (max-width: 480px){.hide-sm{display:none}}.card.center{align-items:center}.chat input,.row input{min-width:0}.dice-face{backface-visibility:hidden}.help-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--hot);background:var(--card);color:var(--hot);font-weight:900;font-size:1.05rem;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:transform .15s}.help-btn:hover{transform:scale(1.1) rotate(-8deg);background:var(--hot);color:#fff}.rules-toc{display:flex;flex-wrap:wrap;gap:.4rem}.rules-section h2{display:flex;gap:.4em;align-items:center}.rules-section p,.rules-section li{line-height:1.5}.rules-example{border-left:4px solid var(--hot2);padding:.4rem .8rem;background:var(--bg2);border-radius:0 12px 12px 0}@media (max-width: 480px){.topbar{gap:.25rem;padding:.5rem}.topbar nav{flex-wrap:nowrap}.topbar .btn-small{padding:.35em .55em}}.dice-skin-gold .dice-face{background:linear-gradient(135deg,#fff3bf,#f0c24b 45%,#b8860b);border-color:#8d6708}.dice-skin-gold .pip{background:#5c4100}.dice-skin-neon .dice-face{background:#0d0d16;border-color:#00e5ff;box-shadow:0 0 10px #00e5ff,inset 0 0 8px #00e5ff80}.dice-skin-neon .pip{background:#ff2bd6;box-shadow:0 0 6px #ff2bd6}.dice-skin-wood .dice-face{background:repeating-linear-gradient(80deg,#b07a45 0 6px,#9c6a37 6px 9px,#b9844f 9px 14px);border-color:#6b4423}.dice-skin-wood .pip{background:#fff3dd}.dice-skin-crystal .dice-face{background:linear-gradient(135deg,#fffffff2,#a0d8ff8c);border-color:#9cc9ea}.dice-skin-crystal .pip{background:#1971c2}.dice-skin-lava .dice-face{background:radial-gradient(circle at 40% 35%,#ffd43b,#ff6b00 45%,#7a0012);border-color:#3d0009;animation:lavaPulse 1.6s ease-in-out infinite alternate}.dice-skin-lava .pip{background:#2b0000}@keyframes lavaPulse{to{filter:brightness(1.2)}}.dice-skin-galaxy .dice-face{background:radial-gradient(circle at 30% 30%,#c77dff,#5a189a 50%,#10002b);border-color:#240046}.dice-skin-galaxy .pip{background:#fff;box-shadow:0 0 5px #fff}.dice-skin-candy .dice-face{background:#ffd6ec;border-color:#ff8cc6}.dice-skin-candy .pip{background:#e64980}.dice-skin-pixel .dice-face{background:#111;border-color:#39ff14;border-radius:2px}.dice-skin-pixel .pip{background:#39ff14;border-radius:0}.avatar-wrap{position:relative;display:inline-grid;place-items:center;flex-shrink:0}.avatar-wrap:before{content:"";position:absolute;inset:-5px;border-radius:50%;pointer-events:none}.frame-gold:before{border:4px solid #f0c24b;box-shadow:0 0 0 2px #8d6708,0 0 8px #f0c24bcc}.frame-neon:before{border:3px solid #00e5ff;box-shadow:0 0 10px #00e5ff,inset 0 0 6px #ff2bd6;animation:neonPulse 1.2s ease-in-out infinite alternate}@keyframes neonPulse{to{box-shadow:0 0 18px #ff2bd6,inset 0 0 10px #00e5ff}}.frame-flames:before{inset:-7px;background:conic-gradient(#ffd43b,#ff6b00,#f03e3e,#ff6b00,#ffd43b);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%);animation:spinFrame 2s linear infinite}.frame-ice:before{border:4px solid #a5d8ff;box-shadow:0 0 10px #d0ebff,inset 0 0 6px #fff}.frame-rainbow:before{inset:-7px;background:conic-gradient(#e40303,#ff8c00,#ffed00,#008026,#004dff,#750787,#e40303);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%);animation:spinFrame 3s linear infinite}.frame-laurel:before{border:3px solid #5c940d}.frame-laurel:after{content:"🌿";position:absolute;bottom:-8px;left:-10px;font-size:.9em;transform:rotate(-30deg)}.frame-diamond:before{inset:-7px;background:conic-gradient(#e7f5ff,#a5d8ff,#fff,#d0bfff,#e7f5ff);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%);animation:spinFrame 4s linear infinite;filter:drop-shadow(0 0 4px #a5d8ff)}@keyframes spinFrame{to{transform:rotate(360deg)}}.player-title{display:block;font-size:.72em;font-weight:700;color:var(--muted);line-height:1.1}.price-old{text-decoration:line-through;opacity:.6;margin-right:.3em}.badge-sale{position:absolute;top:8px;right:8px;background:var(--hot);color:#fff;z-index:2}.bundle-list{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.price-row{display:inline-flex;gap:.3em;align-items:baseline;font-size:.95rem}.frame-laurel:after{font-size:.6em;bottom:-6px;left:-8px}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .2rem;padding:.6rem 1rem 1rem;font-size:.72rem;color:var(--muted)}.legal-links a{color:inherit;display:inline-block;padding:.4rem .2rem;text-decoration:none}.legal-links a:hover{color:var(--hot);text-decoration:underline}.legal-links a+a:before{content:"·";margin-right:.4rem;color:var(--edge-strong)}.legal h2{font-size:1.05rem;margin-top:1.1em}.shop-sales-note{grid-column:1 / -1;font-size:.8rem}@media (orientation: landscape) and (min-aspect-ratio: 3/2),(orientation: landscape) and (max-height: 600px){.game-layout{--board-vspace: calc(100dvh - 5rem) }.board-column{flex-direction:row;align-items:flex-start;justify-content:center}.board-frame{width:min(calc(100% - 14rem),var(--board-vspace),1100px);min-width:0;flex:none}.controls{flex-direction:column;align-items:stretch;width:13rem;flex:none}.dice-zone{flex-direction:column;align-items:center;text-align:center}}@media (orientation: landscape) and (max-height: 600px){.game-layout{--board-vspace: calc(100dvh - 4.25rem) ;padding:.25rem .5rem}.topbar{padding-block:.25rem}}.profile-name{display:inline-block;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.topbar .btn{white-space:nowrap}@media (max-width: 400px){.hide-xs{display:none!important}}@media (max-width: 640px){.tabs-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-1rem;padding:.2rem 1rem;scroll-padding-inline:1rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 1rem,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 1rem,#000 calc(100% - 1.5rem),transparent)}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll>*{flex:none}}@media (orientation: landscape) and (max-height: 600px){.hero{padding:.4rem 0}.hero-dice{display:none}.hero h1{font-size:2.2rem}}.page-overlay .page{padding:0;max-width:none}.leave-confirm{gap:.7rem;text-align:center}.leave-confirm h2{margin:0}.leave-confirm p{margin:0 0 .4rem;line-height:1.5}.leave-icon{font-size:2.6rem}.icon-btn{--size: clamp(2.4rem, 2rem + 1vmin, 2.9rem);width:var(--size);height:var(--size);border-radius:50%;border:2px solid color-mix(in srgb,var(--ink) 12%,transparent);background:var(--card);display:inline-grid;place-items:center;font-size:calc(var(--size) * .46);line-height:1;cursor:pointer;box-shadow:0 2px color-mix(in srgb,var(--ink) 14%,transparent);transition:transform .12s,box-shadow .12s,background .12s;flex:none;padding:0}.icon-btn:hover{transform:translateY(-1px)}.icon-btn:active{transform:translateY(1px);box-shadow:none}.icon-btn[aria-expanded=true],.icon-btn[aria-pressed=true]{background:color-mix(in srgb,var(--hot2) 22%,var(--card));border-color:var(--hot2)}.icon-btn.dim{opacity:.55}.icon-btn-sm{--size: 1.9rem;font-size:.8rem;font-weight:900;color:var(--muted)}.game-toolbar{display:flex;flex-direction:column;gap:.5rem;padding:.55rem .65rem}.toolbar-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.code-chip{font:inherit;font-weight:900;font-size:.8rem;letter-spacing:.06em;padding:.3rem .6rem;border-radius:999px;border:2px dashed color-mix(in srgb,var(--hot) 55%,transparent);background:color-mix(in srgb,var(--hot2) 12%,var(--card));color:var(--ink);cursor:copy}.game-tools{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center}.tools-row{gap:.4rem;flex-wrap:nowrap}.turn-pill{font:inherit;font-weight:900;font-size:clamp(.85rem,.7rem + .5vmin,1.05rem);padding:.4rem .85rem;border-radius:999px;border:2px solid var(--pill, color-mix(in srgb, var(--ink) 15%, transparent));background:var(--card);color:var(--ink);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.turn-pill-hot{cursor:pointer;color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--hot2),var(--hot));box-shadow:0 4px color-mix(in srgb,var(--hot) 60%,#000);animation:pillPulse 1.2s ease-in-out infinite}@keyframes pillPulse{50%{transform:scale(1.05)}}.reduced-motion .turn-pill-hot{animation:none}.mic-btn.off{filter:grayscale(1);opacity:.75}.mic-btn.on{background:color-mix(in srgb,#51cf66 25%,var(--card));border-color:#40c057}.mic-btn.speaking{box-shadow:0 0 0 3px #51cf66,0 0 14px #51cf66}.history-head{display:flex;align-items:center;gap:.4rem}.panel{font-size:clamp(.72rem,.6rem + .45vmin,.95rem)}@media (orientation: portrait) and (max-width: 700px){.game-layout{--board-vspace: calc(100dvh - 17rem) }.board-frame{margin-block:2.3rem}.panel{max-width:49%;padding:.1rem .55rem .1rem .1rem;box-shadow:0 2px 6px #00000026}.panel .avatar{width:1.9rem!important;height:1.9rem!important;font-size:.8rem!important}.panel-0{top:auto;bottom:calc(100% + .3rem);left:0}.panel-1{top:auto;bottom:calc(100% + .3rem);right:0;padding:.1rem .1rem .1rem .55rem}.panel-2{bottom:auto;top:calc(100% + .3rem);right:0;padding:.1rem .1rem .1rem .55rem}.panel-3{bottom:auto;top:calc(100% + .3rem);left:0}.panel.active{transform:none}}@media (orientation: landscape) and (max-height: 600px){.panel,.panel-1,.panel-2{padding:.08rem;gap:0}.panel .name{display:none}.panel .avatar{width:1.6rem!important;height:1.6rem!important;font-size:.72rem!important}.panel-0,.panel-1{top:.6%}.panel-2,.panel-3{bottom:.6%}.panel-0,.panel-3{left:.6%}.panel-1,.panel-2{right:.6%}}.game-toolbar{container-type:inline-size}@container (max-width: 320px){.toolbar-row{justify-content:space-between}.toolbar-row>.code-chip{flex:1 0 100%;text-align:center}.toolbar-row>.grow{display:none}}.code-input::placeholder{font-size:.72em;letter-spacing:.12em}.join-card>strong:first-child{text-align:center}.tile{min-height:9.5rem;border-width:2px;border-radius:20px;position:relative;overflow:hidden}.tile .emoji{font-size:2.6rem;filter:drop-shadow(0 3px 2px rgba(0,0,0,.15));transition:transform .2s}.tile:hover .emoji{transform:scale(1.12) rotate(-6deg)}.tile strong{font-size:1.15rem}.tile small{font-weight:600;line-height:1.3}.tile-online{background:linear-gradient(160deg,color-mix(in srgb,var(--blue) 14%,var(--card)),var(--card) 70%);border-color:color-mix(in srgb,var(--blue) 40%,transparent);box-shadow:0 5px color-mix(in srgb,var(--blue) 45%,transparent)}.tile-local{background:linear-gradient(160deg,color-mix(in srgb,var(--ok) 14%,var(--card)),var(--card) 70%);border-color:color-mix(in srgb,var(--ok) 40%,transparent);box-shadow:0 5px color-mix(in srgb,var(--ok) 45%,transparent)}.tile:after{content:"➜";position:absolute;right:.8rem;bottom:.6rem;font-size:1.1rem;opacity:.35;transition:transform .2s,opacity .2s}.tile:hover:after{opacity:.8;transform:translate(3px)}.featured-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .8rem;text-align:center}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem}.inv-grid .item-card{border-radius:14px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:color-mix(in srgb,var(--bg2) 40%,var(--card))}.inv-grid .item-preview{aspect-ratio:1;font-size:1.8rem}.inv-grid small{font-size:.72rem;line-height:1.2}.topbar{border-bottom:1px solid color-mix(in srgb,var(--ink) 6%,transparent)}.stat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.1rem;padding:.7rem .4rem;border-radius:16px;background:color-mix(in srgb,var(--hot2) 9%,var(--card))}.stat-tile strong{font-size:1.7rem;line-height:1;color:var(--hot)}.fold>summary{list-style:none;cursor:pointer;font-weight:800;display:flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border:2px solid var(--edge);border-radius:12px;background:var(--card);box-shadow:0 2px color-mix(in srgb,var(--ink) 10%,transparent)}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"▾";margin-left:auto;transition:transform .2s}.fold[open]>summary{margin-bottom:.6rem}.fold[open]>summary:after{transform:rotate(180deg)}.card.fold>summary{border:0;box-shadow:none;padding:.1rem 0}@media (max-width: 700px){.lobby-actions{position:fixed;left:0;right:0;bottom:0;z-index:15;flex-wrap:nowrap;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(6px);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);box-shadow:0 -6px 18px #2b1d0e1a}.lobby-grid{padding-bottom:5.5rem}}.pair-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.6rem}.option.pair{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}.option.pair:disabled{opacity:.45;cursor:not-allowed}.pair-dots{display:flex;gap:.3rem}.pair-dots .swatch{width:2rem;height:2rem;cursor:inherit}.countdown-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1rem;background:#140c0480;backdrop-filter:blur(4px);animation:fadeIn .2s}.countdown-card{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;width:min(100%,22rem);padding:1.6rem 1.2rem;border-radius:28px;background:var(--card);box-shadow:var(--shadow);animation:modalIn .35s cubic-bezier(.2,1.4,.4,1)}.countdown-label{font-size:1.15rem;font-weight:800}.countdown-num{display:grid;place-items:center;width:7.5rem;height:7.5rem;border-radius:50%;font-size:4.2rem;font-weight:900;line-height:1;color:#fff;background:radial-gradient(circle at 35% 30%,var(--hot2),var(--hot));box-shadow:0 6px #b8321c,0 0 0 8px color-mix(in srgb,var(--hot2) 25%,transparent);animation:countPop 1s ease-out}@keyframes countPop{0%{transform:scale(1.35);opacity:.3}35%{transform:scale(.95);opacity:1}to{transform:scale(1)}}.countdown-players{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem}.reduced-motion .countdown-num{animation:none}