@font-face{font-family:"Press Start 2P";src:url(./PressStart2P-Regular-CGiUnqOA.ttf) format("truetype");font-display:swap}@font-face{font-family:VT323;src:url(./VT323-Regular-CNzYqQBi.ttf) format("truetype");font-display:swap}:root{--bg: #070b0f;--panel: #121a24;--panel-2: #0c1219;--ink: #f6f0df;--muted: #93a4b5;--accent: #ffc857;--glow: #3affc8;--danger: #ff5b7f;--theme-accent: #ffc857;--theme-glow: #3affc8;--theme-table: #0d5a3d;--theme-rail: #062b1d;--theme-sky-0: #020a07;--theme-sky-1: #0a3a28;--skin-body: #f4ead2;--skin-pip: #1b1b24;--pixel: "Press Start 2P", monospace;--body: "VT323", "Courier New", monospace;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%;background:var(--bg)}body{font-family:var(--body);font-size:21px;line-height:1.25;color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,var(--theme-sky-1) 0%,transparent 55%),radial-gradient(80% 60% at 100% 100%,rgba(255,78,205,.09),transparent 60%),radial-gradient(70% 50% at 0% 90%,rgba(58,255,200,.08),transparent 60%),var(--theme-sky-0);min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;user-select:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:95;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0px,rgba(255,255,255,.045) 1px,transparent 1px,transparent 3px);opacity:.55;mix-blend-mode:overlay}html.crt-off body:after{display:none}pixel,.pixel{font-family:var(--pixel);letter-spacing:.5px;line-height:1.6;-webkit-font-smoothing:none;text-rendering:geometricPrecision}.pixel.small{font-size:10px}.pixel.tiny{font-size:8px}#app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}#screen{flex:1;display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top,0px)) 14px calc(12px + var(--safe-b));min-height:100dvh;position:relative}.screen{flex:1;display:flex;flex-direction:column;gap:12px;animation:screen-in .22s ease-out}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}button{font-family:var(--body);color:var(--ink);cursor:pointer}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:3px solid #05080b;border-radius:8px;background:linear-gradient(180deg,#263241,#141c26);color:var(--ink);font-family:var(--pixel);font-size:11px;letter-spacing:1px;padding:15px 16px;box-shadow:0 4px #04070a,0 0 0 2px #ffffff0f inset,0 8px 18px #0006;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease;text-transform:uppercase;touch-action:manipulation;min-height:48px}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #04070a,0 0 0 2px #ffffff0f inset,0 4px 10px #00000073}.btn:disabled{opacity:.35;filter:saturate(.4);cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#ffe08a,var(--theme-accent) 55%,#d79a25);color:#1a1204;border-color:#2a1c04;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn-secondary{background:linear-gradient(180deg,#1d3b3b,#102626);color:var(--theme-glow);border-color:#06100f}.btn-ghost{background:transparent;box-shadow:none;border-color:#ffffff2e;color:var(--muted)}.btn-ghost:active:not(:disabled){box-shadow:none}.btn-roll{background:linear-gradient(180deg,#fff0b8,var(--theme-accent) 45%,#e39b19);color:#1a1002;border-color:#241503;text-shadow:0 2px 0 rgba(255,255,255,.3);box-shadow:0 5px #6b4306,0 0 22px color-mix(in srgb,var(--theme-accent) 55%,transparent),0 0 0 2px #ffffff2e inset}.btn-hold{background:linear-gradient(180deg,#1c4a44,#0e2724);color:var(--theme-glow);border-color:#041210}.btn-bank{background:linear-gradient(180deg,#3a2a4d,#1e1629);color:#e6c8ff;border-color:#0e0914}.small-btn{padding:10px 12px;font-size:8px;min-height:38px}.icon-btn{width:40px;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,.16);background:#00000052;color:var(--ink);font-family:var(--pixel);font-size:14px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px #00000080}.small-icon{width:30px;height:30px;font-size:9px}.icon-btn:active{transform:translateY(2px);box-shadow:none}.global-help{position:fixed;right:max(12px,calc(50vw - 226px));top:calc(10px + env(safe-area-inset-top,0px));bottom:auto;width:46px;height:46px;border-radius:50%;border:3px solid #05080b;background:radial-gradient(circle at 35% 30%,#2d3f4f,#101820);color:var(--theme-glow);font-size:16px;z-index:88;box-shadow:0 4px #030507,0 0 18px #3affc840}.global-help:active{transform:translateY(3px);box-shadow:none}body.in-game #global-help{display:none}.home-screen{justify-content:center;gap:16px;padding-top:calc(16px + env(safe-area-inset-top,0px))}.brand{text-align:center;padding:6px 0 2px}.brand-dice{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.brand-mini{transform:rotate(var(--tilt));box-shadow:0 6px #00000073,0 0 22px #ffc8572e;animation:bob 3.4s ease-in-out infinite}.brand-mini:nth-child(2){animation-delay:.4s}.brand-mini:nth-child(3){animation-delay:.8s}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-7px) rotate(calc(var(--tilt) * -1))}}.brand-title{margin:0;font-size:clamp(40px,15vw,62px);color:#fff3c4;text-shadow:0 3px 0 #b1701a,0 6px 0 #7a4508,0 9px 0 #3a1d02,0 12px 22px rgba(0,0,0,.65),0 0 30px rgba(255,200,87,.35);letter-spacing:3px}.brand-sub{display:inline-block;margin-top:10px;font-size:15px;letter-spacing:10px;color:var(--theme-glow);text-shadow:0 0 14px color-mix(in srgb,var(--theme-glow) 65%,transparent)}.tagline{margin:12px 0 0;color:var(--muted);font-size:20px;letter-spacing:.5px}.stat-strip{display:flex;gap:10px;justify-content:center}.home-stats{margin-top:2px}.stat-box{flex:1;max-width:130px;background:#060c1099;border:2px solid rgba(255,255,255,.09);border-radius:8px;padding:8px 10px;text-align:center;box-shadow:0 3px #00000059}.stat-box b{display:block;font-size:15px;color:var(--theme-accent)}.stat-box span{font-family:var(--pixel);font-size:7px;letter-spacing:1px;color:var(--muted)}.home-menu{display:flex;flex-direction:column;gap:10px;margin-top:4px}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:10px;border:2px solid rgba(255,255,255,.1);background:linear-gradient(100deg,#1a2632f2,#0c1219f2);box-shadow:0 4px #0000006b;text-align:left;position:relative;overflow:hidden;transition:transform .08s ease,border-color .15s ease}.menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--chip, var(--theme-accent))}.menu-item.solo{--chip: var(--theme-accent)}.menu-item.pass{--chip: var(--theme-glow)}.menu-item.online{--chip: #ff4ecd}.menu-item:active{transform:translateY(3px);box-shadow:none}.menu-text{flex:1;display:flex;flex-direction:column;gap:8px}.menu-text b{font-size:12px}.menu-text span{color:var(--muted);font-size:18px;line-height:1}.menu-arrow{font-family:var(--pixel);font-size:18px;color:var(--chip)}.home-actions{display:flex;gap:8px}.home-actions .btn{flex:1;font-size:8px;padding:12px 8px}.home-foot{text-align:center;color:#93a4b599;font-size:16px;margin-top:2px}.mini-die{display:inline-block;position:relative;background:var(--skin-body, #f4ead2);border:2px solid rgba(0,0,0,.55);border-radius:18%;padding:0;box-shadow:0 2px #0006;vertical-align:middle;flex:none}.mini-die .pip-grid{position:absolute;inset:9%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:auto;height:auto}.mini-die .pip-cell{display:flex;align-items:center;justify-content:center}.mini-die .pip{width:62%;height:62%;border-radius:50%;background:var(--skin-pip, #1b1b24);box-shadow:0 0 4px #00000040}.pip-grid{aspect-ratio:1}.mini-dice-row{display:inline-flex;flex-wrap:wrap;gap:3px;align-items:center}.mini-die.selected{outline:3px solid var(--theme-glow);transform:translateY(-4px) scale(1.05);box-shadow:0 0 16px var(--theme-glow)}.mini-die.tappable{cursor:pointer}.game-head{display:flex;align-items:center;gap:10px;min-height:42px}.head-title{flex:1;text-align:center;font-size:10px;color:var(--muted);letter-spacing:1px}.head-spacer{width:40px}.setup-intro .lede{margin:0;color:var(--muted);font-size:19px;line-height:1.15}.setup-section{display:flex;flex-direction:column;gap:8px}.section-title{font-size:9px;color:var(--theme-accent);margin:6px 0 0;letter-spacing:1px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-family:var(--pixel);font-size:8px;color:var(--muted);letter-spacing:1px}.input{width:100%;border:2px solid rgba(255,255,255,.14);border-radius:8px;background:#00000073;color:var(--ink);font-family:var(--body);font-size:22px;padding:9px 11px;min-height:46px;outline:none;user-select:text}.input:focus{border-color:var(--theme-glow);box-shadow:0 0 12px #3affc833}.code-input{font-family:var(--pixel);font-size:20px;letter-spacing:6px;text-align:center;text-transform:uppercase;min-height:56px}.segmented{display:flex;gap:8px}.seg{flex:1;min-height:46px;border-radius:8px;border:2px solid rgba(255,255,255,.12);background:#0a1016cc;color:var(--muted);font-family:var(--pixel);font-size:10px;box-shadow:0 3px #0006}.seg.active{border-color:var(--theme-accent);color:#161005;background:linear-gradient(180deg,#ffe08a,var(--theme-accent));box-shadow:0 3px #7a4b05,0 0 14px #ffc85747}.player-list{display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;gap:7px;background:#0a1016bf;border:2px solid rgba(255,255,255,.08);border-radius:10px;padding:7px}.color-swatch{width:34px;height:34px;flex:none;border-radius:50%;border:3px solid rgba(0,0,0,.5);box-shadow:0 0 8px #0000004d inset}.name-input{flex:1;min-width:0;font-size:20px;padding:6px 8px;min-height:38px}.type-toggle{flex:none;padding:8px 7px;border-radius:6px;border:2px solid rgba(255,255,255,.14);background:#1a2430;color:var(--muted);font-family:var(--pixel);font-size:7px}.type-toggle.bot{color:#161005;background:var(--theme-glow);border-color:#051a15}.select{border:2px solid rgba(255,255,255,.14);border-radius:6px;background:#101820;color:var(--ink);font-size:18px;padding:6px;min-height:36px}.small-select{width:74px;font-family:var(--pixel);font-size:7px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{flex:1;min-width:72px;min-height:44px;padding:8px;border-radius:8px;border:2px solid rgba(255,255,255,.13);background:#0a1016cc;color:var(--muted);font-family:var(--pixel);font-size:9px;box-shadow:0 3px #0006}.chip.active{border-color:var(--theme-accent);color:#171005;background:linear-gradient(180deg,#ffe08a,var(--theme-accent))}.setup-start{margin-top:auto;display:flex;padding-top:4px}.setup-start .btn{flex:1;min-height:64px;font-size:17px}.lobby-note{margin:0;text-align:center;color:#93a4b5b3;font-size:17px}.game-screen{gap:7px;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:0;padding-top:calc(6px + env(safe-area-inset-top,0px))}.game-head{flex:none}.game-target{flex:1;text-align:center;font-family:var(--pixel);font-size:8px;color:var(--muted);letter-spacing:1px}.scoreboard{display:flex;gap:6px;overflow-x:auto;flex:none;padding-bottom:2px;scrollbar-width:none}.scoreboard::-webkit-scrollbar{display:none}.score-chip{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:20px;background:#080d12d9;border:2px solid rgba(255,255,255,.08);min-width:96px;position:relative;flex:none}.score-chip.active{border-color:var(--chip-color);box-shadow:0 0 12px color-mix(in srgb,var(--chip-color) 45%,transparent);background:#141e26f2}.score-chip.winner{border-color:var(--theme-accent)}.score-chip.offline{opacity:.5}.chip-info{display:flex;flex-direction:column;gap:1px;min-width:0}.chip-name{display:flex;align-items:center;gap:3px;font-size:16px;line-height:1;white-space:nowrap;max-width:82px;overflow:hidden;text-overflow:ellipsis}.chip-score{font-size:10px;color:var(--chip-color)}.you-tag,.final-tag{font-family:var(--pixel);font-size:5px;padding:2px 3px;border-radius:3px;background:#ffffff21;color:var(--ink)}.final-tag{background:var(--theme-accent);color:#1a1204}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--chip-color);box-shadow:0 0 8px var(--chip-color);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--pixel);color:#12100b;font-weight:700;border:2px solid rgba(0,0,0,.35);box-shadow:0 0 0 2px #ffffff1a inset;flex:none}.stage-wrap{position:relative;flex:1;min-height:260px;border-radius:12px;border:2px solid rgba(255,255,255,.08);background:radial-gradient(80% 70% at 50% 30%,color-mix(in srgb,var(--theme-table) 85%,#ffffff 15%),transparent 70%),linear-gradient(180deg,var(--theme-sky-1),var(--theme-sky-0));overflow:hidden;box-shadow:0 5px #0006,0 0 24px #0006 inset;isolation:isolate}.dice-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:manipulation}.stage-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 40%,transparent 55%,rgba(0,0,0,.45));z-index:2}.turn-score{position:absolute;top:8px;left:9px;z-index:3;display:flex;flex-direction:column;gap:5px;padding:7px 10px;border-radius:8px;background:#03070ab8;border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(2px)}.turn-label{font-family:var(--pixel);font-size:6px;color:var(--muted);letter-spacing:1px}.turn-score b{font-size:19px;color:var(--theme-accent);text-shadow:0 0 12px color-mix(in srgb,var(--theme-accent) 55%,transparent)}.dice-left{position:absolute;top:10px;right:9px;z-index:3;font-family:var(--pixel);font-size:6px;color:var(--muted);background:#03070ab8;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.09);letter-spacing:1px}.final-badge{position:absolute;top:46px;left:50%;transform:translate(-50%) scale(.9);z-index:3;font-family:var(--pixel);font-size:7px;color:#1a1204;background:var(--theme-accent);padding:5px 9px;border-radius:4px;opacity:0;transition:opacity .2s ease,transform .2s ease;box-shadow:0 0 14px color-mix(in srgb,var(--theme-accent) 60%,transparent);white-space:nowrap}.final-badge.show{opacity:1;transform:translate(-50%) scale(1)}.event-banner{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.6);z-index:4;font-family:var(--pixel);font-size:clamp(14px,4.6vw,22px);text-align:center;opacity:0;pointer-events:none;text-shadow:0 3px 0 rgba(0,0,0,.5),0 0 22px rgba(0,0,0,.7);white-space:nowrap;transition:opacity .15s ease,transform .18s cubic-bezier(.2,1.6,.4,1)}.event-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1);animation:banner-bounce .4s ease}@keyframes banner-bounce{0%{filter:brightness(2)}to{filter:none}}.event-banner.hot{color:#ffd166}.event-banner.good{color:var(--theme-glow)}.event-banner.bad{color:var(--danger)}.event-banner.warn{color:var(--theme-accent);font-size:10px}.turn-line{flex:none;text-align:center;font-family:var(--pixel);font-size:8px;color:var(--muted);letter-spacing:1px;min-height:14px}.turn-line.mine{color:var(--theme-glow);text-shadow:0 0 12px rgba(58,255,200,.4)}.action-bar{flex:none;display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.action-bar .btn{min-height:58px;font-size:8px;padding:8px 4px}.action-bar .btn-roll{font-size:16px}.tray-label{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:7px;letter-spacing:1px;color:#c6f0dc8c;pointer-events:none;z-index:2}.hand-zone{position:absolute;left:10px;right:10px;bottom:6px;min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none;z-index:3;border-top:2px dashed color-mix(in srgb,var(--theme-glow) 45%,transparent);border-radius:12px 12px 0 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--theme-glow) 11%,transparent));box-shadow:0 -6px 22px color-mix(in srgb,var(--theme-glow) 18%,transparent) inset}.hand-label{position:absolute;top:-9px;left:10px;font-size:7px;letter-spacing:1.2px;color:var(--theme-glow);background:#06100c;padding:2px 6px;border:1px solid color-mix(in srgb,var(--theme-glow) 55%,transparent);border-radius:5px;text-shadow:0 0 8px var(--theme-glow)}.hand-score{display:flex;align-items:baseline;gap:8px;padding:4px 10px 6px;border-radius:8px;transition:transform .12s ease}.hand-score b{font-size:16px;color:var(--theme-glow);text-shadow:0 0 14px color-mix(in srgb,var(--theme-glow) 70%,transparent)}.hand-score b.bad{color:var(--danger);text-shadow:0 0 12px rgba(255,91,127,.6)}.hand-hint{font-size:14px;color:#c6f0dcb3;font-family:var(--body)}.chip-score.score-pop{animation:score-pop .6s cubic-bezier(.2,1.6,.4,1)}@keyframes score-pop{0%{transform:scale(1)}35%{transform:scale(1.35) rotate(-2deg);color:#fff3b0}to{transform:scale(1)}}.hand-score.pop{animation:hand-pop .32s cubic-bezier(.2,1.7,.4,1)}@keyframes hand-pop{0%{transform:scale(1)}45%{transform:scale(1.16) rotate(-1deg)}to{transform:scale(1)}}.game-hint{flex:none;min-height:17px;text-align:center;color:#93a4b5bf;font-size:17px;line-height:1}.game-screen.farkle-flash .stage-wrap{animation:farkle-flash .6s ease}@keyframes farkle-flash{0%,to{box-shadow:0 0 #ff004000}30%{box-shadow:0 0 40px #ff00408c,0 0 0 3px #ff5b7f99 inset}}.game-screen.not-my-turn .dice-canvas{filter:saturate(.82) brightness(.92)}.handoff-overlay{position:fixed;inset:0;z-index:78;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px;background:radial-gradient(70% 50% at 50% 25%,rgba(255,255,255,.07),transparent 55%),linear-gradient(180deg,#050a0ef7,#030609fc);opacity:0;transition:opacity .2s ease;text-align:center}.handoff-overlay.show{opacity:1}.handoff-glow{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(90px);opacity:.35;top:20%}.handoff-kicker{font-family:var(--pixel);font-size:9px;color:var(--muted);letter-spacing:3px;z-index:1}.handoff-avatar{width:104px!important;height:104px!important;font-size:48px!important;z-index:1;animation:bob 2.4s ease-in-out infinite}.handoff-name{font-size:clamp(20px,7vw,30px);margin:2px 0 0;z-index:1;color:#fff3c4;text-shadow:0 3px 0 rgba(0,0,0,.45);word-break:break-word}.handoff-board{z-index:1;width:min(320px,100%);display:flex;flex-direction:column;gap:5px;margin:4px 0}.handoff-score{display:flex;justify-content:space-between;padding:7px 12px;border-radius:6px;background:#ffffff0b;border-left:4px solid var(--chip-color);font-size:20px}.handoff-score b{font-size:11px;color:var(--chip-color)}.handoff-btn{z-index:1;width:min(320px,100%);min-height:66px;font-size:15px;margin-top:6px}.win-overlay{position:fixed;inset:0;z-index:79;display:flex;align-items:center;justify-content:center;padding:18px;background:#020508db;backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;overflow-y:auto}.win-overlay.show{opacity:1}.win-card{width:min(380px,100%);border-radius:14px;border:2px solid rgba(255,255,255,.14);background:radial-gradient(100% 60% at 50% 0%,rgba(255,200,87,.13),transparent 60%),linear-gradient(180deg,#17202b,#0a0f15);padding:22px 18px 18px;box-shadow:0 8px #00000080,0 0 60px #ffc85726;text-align:center;animation:win-in .35s cubic-bezier(.2,1.4,.4,1)}@keyframes win-in{0%{transform:scale(.85) translateY(16px)}}.win-kicker{font-family:var(--pixel);font-size:8px;color:var(--muted);letter-spacing:2px}.win-title{font-size:clamp(17px,5.4vw,23px);color:var(--theme-accent);margin:12px 0 6px;text-shadow:0 3px 0 rgba(0,0,0,.45);word-break:break-word}.win-sub{margin:0 0 14px;color:var(--muted);font-size:19px}.win-scores{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.win-row{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:7px;background:#ffffff0b;border-left:4px solid var(--chip-color)}.win-row.is-winner{background:#ffc85721;box-shadow:0 0 14px #ffc85726 inset}.win-rank{font-size:10px;color:var(--chip-color);width:16px}.win-name{flex:1;text-align:left;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-row b{font-size:11px;color:var(--ink)}.win-actions{display:flex;flex-direction:column;gap:7px}#modal-root{position:relative;z-index:100}.modal-backdrop{position:fixed;inset:0;background:#020508c7;backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;padding:12px;opacity:0;transition:opacity .2s ease}.modal-backdrop.show{opacity:1}.modal-panel{width:min(440px,100%);max-height:90dvh;overflow-y:auto;border-radius:16px 16px 12px 12px;border:2px solid rgba(255,255,255,.14);background:radial-gradient(100% 45% at 50% 0%,rgba(255,200,87,.08),transparent 60%),linear-gradient(180deg,#141d27,#080d12);box-shadow:0 -6px 40px #0009;padding:18px 16px calc(18px + var(--safe-b));transform:translateY(18px);transition:transform .22s cubic-bezier(.2,1.2,.4,1)}.modal-backdrop.show .modal-panel{transform:none}.modal-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.modal-head h2{flex:1;font-size:14px;margin:0;color:var(--theme-accent);letter-spacing:1px}.modal-body.small{padding:6px 2px;border:0;background:none;box-shadow:none}.modal-body.small h2{font-size:13px;color:var(--theme-accent);margin:0 0 8px}.modal-actions{display:flex;gap:8px;margin-top:14px}.modal-actions .btn{flex:1}.lede{color:var(--muted);font-size:19px;line-height:1.18;margin:4px 0 12px}.rule-steps{list-style:none;counter-reset:step;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:7px}.rule-steps li{counter-increment:step;position:relative;padding:8px 10px 8px 42px;border-radius:8px;background:#ffffff0a;color:var(--ink);font-size:19px;line-height:1.1}.rule-steps li:before{content:counter(step);position:absolute;left:9px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--theme-accent);color:#1a1204;font-family:var(--pixel);font-size:9px;display:flex;align-items:center;justify-content:center}.rule-steps b{display:block;color:var(--theme-glow);font-size:8px;margin-bottom:5px}.score-table{display:flex;flex-direction:column;gap:5px}.score-row{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;background:#ffffff0a;min-height:46px}.score-row.column{flex-direction:column;align-items:stretch;gap:6px}.score-left{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:19px;line-height:1.05}.score-note{width:100%;color:var(--muted);font-size:15px;line-height:1}.score-right{font-size:11px;color:var(--theme-accent);text-align:right;white-space:nowrap}.triple-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.triple-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.triple-cell .mini-dice-row{gap:1px}.triple-cell .mini-die{border-width:1px}.triple-cell b{font-size:8px;color:var(--theme-glow)}.tutorial-stage{display:flex;justify-content:center;align-items:center;min-height:150px;padding:12px;border-radius:12px;background:radial-gradient(70% 70% at 50% 40%,rgba(255,255,255,.05),transparent 60%),#0000004d;margin-bottom:12px}.tutorial-dice{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tutorial-score{margin-top:12px;font-size:10px;color:var(--theme-accent);text-align:center;width:100%}.tutorial-title{font-size:13px;color:var(--theme-glow);margin:0 0 8px;text-align:center}.tutorial-text{margin:0;color:var(--muted);font-size:20px;line-height:1.15;text-align:center;min-height:68px}.skin-grid,.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.skin-card,.theme-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 5px;border-radius:10px;border:2px solid rgba(255,255,255,.09);background:#ffffff08;overflow:hidden}.skin-card.active,.theme-card.active{border-color:var(--theme-accent);box-shadow:0 0 16px #ffc85738}.skin-card.locked,.theme-card.locked{opacity:.55;filter:grayscale(.6)}.skin-preview{width:44px;height:44px;border-radius:9px;border:3px solid #222;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #0006}.skin-pip{width:12px;height:12px;border-radius:50%;background:var(--skin-pip)}.skin-name{font-family:var(--pixel);font-size:6px;line-height:1.5;text-align:center;color:var(--ink)}.lock-label{font-family:var(--pixel);font-size:5px;line-height:1.5;color:var(--theme-accent);text-align:center}.theme-preview{width:58px;height:44px;border-radius:8px;border:2px solid rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}.theme-accent{width:14px;height:14px;border-radius:50%;box-shadow:0 0 12px currentColor}.settings-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:8px;background:#ffffff0a;font-size:20px}.toggle{width:52px;height:28px;border-radius:20px;border:2px solid rgba(255,255,255,.16);background:#121a23;position:relative;padding:0}.toggle .toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s ease}.toggle.on{background:color-mix(in srgb,var(--theme-glow) 25%,#0a1016);border-color:var(--theme-glow)}.toggle.on .toggle-knob{transform:translate(24px);background:var(--theme-glow);box-shadow:0 0 10px var(--theme-glow)}.online-hero{text-align:center;padding:6px 0}.online-hero h1{font-size:18px;color:var(--theme-accent);margin:0 0 8px}.online-hero p{margin:0;color:var(--muted);font-size:19px}.online-card{display:flex;flex-direction:column;gap:9px;padding:13px;border-radius:12px;border:2px solid rgba(255,255,255,.09);background:#090e14bf}.online-card .section-title{margin:0}.room-code-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:14px;border:2px solid color-mix(in srgb,var(--theme-accent) 45%,transparent);background:radial-gradient(80% 90% at 50% 0%,rgba(255,200,87,.16),transparent 65%),#080d12e6;box-shadow:0 0 24px #ffc8571a}.room-code-card .label{font-family:var(--pixel);font-size:7px;color:var(--muted);letter-spacing:2px}.room-code{font-size:clamp(30px,11vw,44px);letter-spacing:8px;color:var(--theme-accent);text-shadow:0 3px 0 rgba(0,0,0,.5);padding-left:8px}.room-code-actions{display:flex;gap:7px;width:100%}.room-code-actions .btn{flex:1}.conn-pill{font-family:var(--pixel);font-size:6px;padding:4px 7px;border-radius:20px;letter-spacing:1px;border:1px solid rgba(255,255,255,.14);color:var(--muted)}.conn-pill.open{color:var(--theme-glow);border-color:color-mix(in srgb,var(--theme-glow) 45%,transparent)}.conn-pill.closed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.lobby-players{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lobby-slot{display:flex;align-items:center;gap:8px;padding:9px;border-radius:9px;border:1px dashed rgba(255,255,255,.14);background:#ffffff05;min-height:64px;position:relative}.lobby-slot.filled{border-style:solid;border-color:var(--chip-color);background:#ffffff0d}.slot-info{display:flex;flex-direction:column;gap:4px;min-width:0}.slot-info b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.slot-info span{font-family:var(--pixel);font-size:6px;color:var(--muted)}.slot-empty{color:var(--muted);font-size:18px;line-height:1}.slot-hint{position:absolute;bottom:5px;left:9px;font-size:12px;color:#93a4b580}.lobby-slot .you-tag{position:absolute;top:5px;right:5px}.offline-tag{position:absolute;bottom:4px;right:5px;font-family:var(--pixel);font-size:5px;color:var(--danger)}.lobby-target{display:flex;flex-direction:column;gap:6px}.lobby-start{min-height:58px;font-size:15px}.lobby-waiting{text-align:center;padding:18px 8px;border-radius:10px;background:#ffffff08;border:1px dashed rgba(255,255,255,.12)}.lobby-waiting div{color:var(--theme-glow);font-size:10px;margin-bottom:7px}.lobby-waiting p{margin:0;color:var(--muted);font-size:18px}.lobby-actions{margin-top:auto;display:flex}.lobby-actions .btn{flex:1}.loading-screen{align-items:center;justify-content:center;gap:14px;text-align:center}.loading-title{font-size:10px;color:var(--muted);letter-spacing:2px}.loading-code{font-size:26px;letter-spacing:8px;color:var(--theme-accent)}.loading-dots{display:flex;gap:6px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--theme-glow);animation:dots 1s infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dots{50%{opacity:.2;transform:scale(.7)}}.fx-canvas{position:fixed;inset:0;pointer-events:none;z-index:96}.float-text{position:fixed;transform:translate(-50%,-50%);font-family:var(--pixel);font-size:13px;z-index:97;pointer-events:none;text-shadow:0 3px 0 rgba(0,0,0,.55);animation:float-up 1s ease-out forwards;white-space:nowrap}.float-text.big{font-size:20px;animation:float-up-big 1.05s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-40%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-130%) scale(1)}}@keyframes float-up-big{0%{opacity:0;transform:translate(-50%,-30%) scale(.5) rotate(-4deg)}25%{opacity:1;transform:translate(-50%,-55%) scale(1.25) rotate(2deg)}60%{transform:translate(-50%,-70%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-150%) scale(.9)}}.toast{position:fixed;left:50%;bottom:calc(78px + var(--safe-b));transform:translate(-50%,16px);z-index:110;max-width:min(360px,90vw);padding:11px 15px;border-radius:8px;border:2px solid rgba(255,255,255,.16);background:#0a1016f5;color:var(--ink);font-size:18px;line-height:1.1;text-align:center;opacity:0;transition:opacity .25s ease,transform .25s ease;box-shadow:0 6px 24px #0000008c;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.toast-unlock{border-color:var(--theme-glow);color:var(--theme-glow)}.toast-error{border-color:var(--danger);color:#ffd0dc}.wobble{animation:wobble .35s cubic-bezier(.2,1.6,.4,1)}@keyframes wobble{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-1.6deg) scale(1.03)}55%{transform:rotate(1.2deg) scale(.99)}80%{transform:rotate(-.5deg) scale(1.01)}to{transform:rotate(0) scale(1)}}@media(max-height:720px){.home-screen{gap:10px}.brand-title{font-size:clamp(34px,12vw,50px)}.brand-mini{width:38px!important;height:38px!important}.stage-wrap{min-height:210px}.action-bar .btn{min-height:50px}.game-screen{gap:5px}}@media(min-width:700px){#app{border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);box-shadow:0 0 80px #0009}}.score-flash{animation:score-flash .55s ease-out}@keyframes score-flash{10%{box-shadow:0 0 55px #4dffd288 inset,0 0 24px #ffd44766}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(orientation:landscape)and (max-height:600px){#app{max-width:900px}#screen.game-screen{display:grid;grid-template-columns:minmax(0,1fr) 200px;grid-template-rows:38px 1fr 24px;gap:6px 12px;padding:6px 12px;height:100dvh}.game-head{grid-column:2;grid-row:1}.scoreboard{grid-column:2;grid-row:2;flex-direction:column;align-self:start}.stage-wrap{grid-column:1;grid-row:1 / 4;min-height:0}.turn-line{position:absolute;right:12px;bottom:140px;width:200px}.action-bar{position:absolute;right:12px;bottom:30px;width:200px;grid-template-columns:1fr;gap:6px}.action-bar .btn{min-height:44px}.game-hint{grid-column:2;grid-row:3;font-size:14px}.game-head .icon-btn{min-width:32px;width:32px;height:32px}}.collection-progress{display:block;width:90%;height:7px;border:0;border-radius:3px;overflow:hidden;accent-color:var(--theme-glow)}.collection-progress::-webkit-progress-bar{background:#040a0e}.collection-progress::-webkit-progress-value{background:var(--theme-glow)}.progress-count{color:var(--muted);font-size:14px}.skin-card.locked,.theme-card.locked{opacity:.85;filter:none}.skin-card.locked .skin-preview,.theme-card.locked .theme-preview{filter:saturate(.5)}.lock-label{font-family:var(--body);font-size:15px;line-height:1.05}.face-stats{display:flex;justify-content:space-between;gap:6px}.face-stat{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted)}.collection-note{color:var(--muted);font-size:17px;line-height:1.2}.unlock-panel{text-align:center;border-color:var(--theme-glow);animation:win-in .45s cubic-bezier(.2,1.5,.4,1)}.unlock-star{font-size:76px;color:var(--theme-accent);text-shadow:0 0 32px #ffd447aa}.unlock-kicker{font-size:8px;color:var(--theme-glow)}.unlock-reward{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:16px 8px;margin:10px 0;border:1px solid #ffd44755;border-radius:10px;background:#ffd44710}.unlock-reward b{font-size:12px;color:var(--ink)}.unlock-reward>span{font-size:15px;color:var(--muted)}#screen.game-screen{flex:none;height:100dvh;min-height:0}.dice-canvas{position:absolute;inset:0}.tray-label{top:80px;white-space:nowrap}.skin-name{font-size:8px}.skin-card,.theme-card{min-width:0}@media(max-width:450px){.skin-grid,.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-card,.theme-card{padding:13px 8px}.lock-label{font-size:17px}.progress-count{font-size:16px}}