@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/woff/OpenDyslexic-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/woff/OpenDyslexic-Bold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/woff/OpenDyslexic-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}.dyslexic-font body,.dyslexic-font .name-card,.dyslexic-font .tutorial-card,.dyslexic-font .more-content,.dyslexic-font .a11y-content,.dyslexic-font input,.dyslexic-font textarea,.dyslexic-font button{font-family:OpenDyslexic,Georgia,Times New Roman,serif}:root,[data-theme=light]{color-scheme:light;--bg: #F5F2EA;--bg-card: #FDF8F1;--ink: #1D1D1F;--ink-soft: rgba(29, 29, 31, .8);--muted: #6B6B6B;--muted-soft: #999;--muted-faint: #BBB;--gold: #C8A24D;--gold-edge: #9E7B2F;--panel-light: rgba(25, 25, 25, .03);--panel-border: rgba(33, 33, 33, .08);--grid-line: rgba(33, 33, 33, .7);--grid-shadow: rgba(33, 33, 33, .12);--overlay-bg: rgba(27, 27, 27, .5);--card-bg: #FDF8F1;--card-border: rgba(27, 27, 27, .2);--card-shadow: rgba(27, 27, 27, .12);--btn-bg: #FFFFFF;--btn-border: #DDD;--btn-primary-bg: #1D1D1F;--btn-primary-text: #F5F2EA;--error: #B33A2F;--success: #5BA85B;--canvas-border: rgba(27, 27, 27, .08);--canvas-gradient-top: #FFF9EE;--canvas-gradient-bottom: #F7EFE1;--canvas-shadow-inset-top: rgba(255, 255, 255, .6);--canvas-shadow-inset-bottom: rgba(0, 0, 0, .07);--canvas-shadow-outer: rgba(27, 27, 27, .15);--grain-opacity: .32;--focus-ring: rgba(200, 162, 77, .5);--tone-amber: #8a6b36}[data-theme=dark]{color-scheme:dark;--bg: #131313;--bg-card: #1A1A1A;--ink: #ECE9E1;--ink-soft: rgba(236, 233, 225, .78);--muted: #A1A1A1;--muted-soft: #888;--muted-faint: #666;--gold: #D4AF37;--gold-edge: #AA8A2A;--panel-light: rgba(255, 255, 255, .04);--panel-border: rgba(255, 255, 255, .08);--grid-line: rgba(255, 255, 255, .15);--grid-shadow: rgba(0, 0, 0, .3);--overlay-bg: rgba(0, 0, 0, .6);--card-bg: #1E1E1E;--card-border: rgba(255, 255, 255, .12);--card-shadow: rgba(0, 0, 0, .4);--btn-bg: #232323;--btn-border: #444;--btn-primary-bg: #ECE9E1;--btn-primary-text: #131313;--error: #E06050;--success: #6BC06B;--canvas-border: rgba(255, 255, 255, .06);--canvas-gradient-top: #1A1A1A;--canvas-gradient-bottom: #141414;--canvas-shadow-inset-top: rgba(255, 255, 255, .04);--canvas-shadow-inset-bottom: rgba(0, 0, 0, .2);--canvas-shadow-outer: rgba(0, 0, 0, .5);--grain-opacity: .12;--focus-ring: rgba(212, 175, 55, .5);--tone-amber: #D4AF37}[data-theme=highContrast]{color-scheme:dark;--bg: #000000;--bg-card: #0A0A0A;--ink: #FFFFFF;--ink-soft: rgba(255, 255, 255, .9);--muted: #CCCCCC;--muted-soft: #AAA;--muted-faint: #888;--gold: #FFD700;--gold-edge: #FFD700;--panel-light: rgba(255, 255, 255, .08);--panel-border: rgba(255, 255, 255, .2);--grid-line: rgba(255, 255, 255, .4);--grid-shadow: rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .85);--card-bg: #0A0A0A;--card-border: rgba(255, 255, 255, .3);--card-shadow: rgba(0, 0, 0, .6);--btn-bg: #1A1A1A;--btn-border: #FFFFFF;--btn-primary-bg: #FFFFFF;--btn-primary-text: #000000;--error: #FF5050;--success: #50FF50;--canvas-border: rgba(255, 255, 255, .15);--canvas-gradient-top: #0A0A0A;--canvas-gradient-bottom: #050505;--canvas-shadow-inset-top: rgba(255, 255, 255, .06);--canvas-shadow-inset-bottom: rgba(0, 0, 0, .3);--canvas-shadow-outer: rgba(0, 0, 0, .7);--grain-opacity: 0;--focus-ring: rgba(255, 215, 0, .6);--tone-amber: #FFD700}[data-theme=highContrast] body:before{display:none}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);font-family:Playfair Display,Cormorant Garamond,Georgia,serif;color:var(--ink);overflow:hidden;overscroll-behavior-y:none}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(ellipse at 15% 10%,rgba(200,162,77,.06) 0,transparent 50%),radial-gradient(ellipse at 85% 25%,rgba(180,150,80,.04) 0,transparent 40%),radial-gradient(ellipse at 50% 90%,rgba(160,140,90,.05) 0,transparent 45%),radial-gradient(ellipse at 30% 60%,rgba(255,255,255,.08) 0,transparent 35%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;opacity:var(--grain-opacity);pointer-events:none;z-index:-1}[data-theme=dark] body:before{background-image:radial-gradient(ellipse at 20% 15%,rgba(255,255,255,.03) 0,transparent 50%),radial-gradient(ellipse at 75% 30%,rgba(255,255,255,.02) 0,transparent 40%),radial-gradient(ellipse at 45% 85%,rgba(200,180,120,.03) 0,transparent 45%),radial-gradient(ellipse at 60% 50%,rgba(255,255,255,.015) 0,transparent 35%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");opacity:.35}.stage{width:100%;height:100%;display:grid;place-items:center;padding:12px}.game-wrap{position:relative;display:inline-block;touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.help-button,.theme-toggle{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom,0px));right:calc(10px + env(safe-area-inset-right,0px));z-index:50;width:36px;height:32px;border-radius:50%;border:1px solid var(--btn-border);background:var(--card-bg);color:var(--ink);font-family:inherit;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 2px 4px var(--grid-shadow)}.theme-toggle{right:auto;left:calc(10px + env(safe-area-inset-left,0px));font-size:16px}.help-button:active{transform:scale(.98)}.help-button.help-menu-anchor{top:10px;bottom:auto}.gg-btn{position:absolute;top:46px;right:calc(10px + env(safe-area-inset-right,0px));z-index:50;width:36px;height:32px;border-radius:50%;border:1px solid var(--btn-border);background:var(--card-bg);color:var(--gold, #C8A24D);font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:10px;line-height:1;cursor:pointer;box-shadow:0 2px 4px var(--grid-shadow);opacity:.7;transition:opacity .2s;display:none}.gg-btn.visible{display:block}.gg-btn:hover{opacity:1}@media(min-width:920px){.gg-btn{top:68px;left:auto;right:10px}}.gg-spotlight{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:hidden}.gg-beam{position:absolute;inset:0;--bx: var(--gg-x, 90%);--by: var(--gg-y, 6%);--tx: var(--gg-tx, 50%);--ty: var(--gg-ty, 92%);opacity:0;transition:opacity 1s ease .2s}.gg-beam:before,.gg-beam:after{content:"";position:absolute;inset:0}.gg-beam:before{background:radial-gradient(ellipse at var(--bx) var(--by),rgba(0,200,60,.4) 0%,rgba(0,200,60,.15) 20%,rgba(0,180,50,.04) 50%,transparent 75%);clip-path:polygon(calc(var(--bx) - 4%) var(--by),calc(var(--bx) + 4%) var(--by),calc(var(--tx) + 16%) var(--ty),calc(var(--tx) - 16%) var(--ty));filter:blur(20px)}.gg-beam:after{background:radial-gradient(ellipse at var(--bx) var(--by),rgba(0,180,50,.1) 0%,rgba(0,180,50,.02) 35%,transparent 65%);clip-path:polygon(calc(var(--bx) - 7%) var(--by),calc(var(--bx) + 7%) var(--by),calc(var(--tx) + 24%) var(--ty),calc(var(--tx) - 24%) var(--ty));filter:blur(30px)}.gg-spotlight.active .gg-beam{opacity:1}.gg-spotlight:before{content:"";position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .8s ease}.gg-spotlight.active:before{opacity:1}.gg-pool{position:absolute;bottom:0;left:10%;right:10%;height:40%;background:radial-gradient(ellipse at var(--gg-tx, 50%) 100%,rgba(0,220,70,.5) 0%,rgba(0,200,60,.15) 25%,transparent 55%),radial-gradient(ellipse at var(--gg-tx, 50%) 100%,rgba(0,180,50,.2) 0%,transparent 70%);filter:blur(6px);opacity:0;transition:opacity .8s ease .6s}.gg-spotlight.active .gg-pool{opacity:1}.gg-text{position:absolute;bottom:calc(60px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:16px;color:transparent;text-shadow:none;opacity:1}.gg-spotlight.active .gg-text{animation:gg-reveal 3s ease .8s both}@keyframes gg-reveal{0%{color:transparent;text-shadow:0 0 30px rgba(0,220,70,0),0 0 60px rgba(0,200,60,0)}30%{color:transparent;text-shadow:0 0 30px rgba(0,220,70,.6),0 0 60px rgba(0,200,60,.3),0 0 100px rgba(0,180,50,.15)}60%{color:#b4ffc866;text-shadow:0 0 20px rgba(0,220,70,.8),0 0 50px rgba(0,200,60,.4),0 0 90px rgba(0,180,50,.2)}to{color:#dcffdcf2;text-shadow:0 0 16px rgba(0,220,70,.7),0 0 40px rgba(0,200,60,.35),0 0 80px rgba(0,180,50,.15)}}@media(min-width:920px){.gg-text{font-size:18px;bottom:24px}}#game{width:min(96vw,1100px);height:auto;max-height:86vh;border-radius:20px;border:1px solid var(--canvas-border);background:linear-gradient(180deg,var(--canvas-gradient-top),var(--canvas-gradient-bottom) 60%);box-shadow:inset 0 1px 4px var(--canvas-shadow-inset-top),inset 0 -1px 2px var(--canvas-shadow-inset-bottom),0 15px 35px var(--canvas-shadow-outer);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease,transform .2s ease}.name-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.name-overlay.show{display:flex;animation:overlayFadeIn .2s ease-out forwards}.name-overlay.hiding{display:flex;animation:overlayFadeOut .18s ease-in forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.name-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 24px var(--card-shadow);border-radius:8px;padding:16px 18px;min-width:min(80vw,280px);display:grid;gap:10px;text-align:center;color:var(--ink);transform:translateY(4px) scale(.98);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}.name-overlay.show .name-card,.name-overlay.show .tutorial-card,.name-overlay.hiding .name-card,.name-overlay.hiding .tutorial-card{transform:translateY(0) scale(1);opacity:1}[data-theme=dark] .name-card,[data-theme=dark] .tutorial-card{background:#222;border-color:#d4af3726;box-shadow:0 8px 40px #0009,0 0 0 1px #d4af3714}[data-theme=highContrast] .name-card,[data-theme=highContrast] .tutorial-card{background:#0a0a0a;border-color:#ffd70066;box-shadow:0 8px 40px #000c,0 0 0 1px #ffd7004d}.a11y-card{min-width:min(86vw,340px);max-width:min(90vw,380px);padding:20px 22px}.a11y-card .name-title{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-soft);font-weight:400}.a11y-content{text-align:left;max-height:55vh;overflow-y:auto;margin:4px 0 0}.a11y-item{padding:10px 0;border-bottom:1px solid var(--panel-border)}.a11y-item:last-child{border-bottom:none}.a11y-item-title{font-size:14px;color:var(--ink);margin-bottom:2px}.a11y-item-desc{font-size:12px;line-height:1.45;color:var(--muted)}.a11y-toggle-row{padding:10px 0 0;border-top:1px solid var(--panel-border)}.a11y-toggle-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--ink);cursor:pointer}.a11y-contact{font-size:12px;font-style:italic;color:var(--muted);text-align:center;padding-top:6px}.a11y-contact a{color:var(--muted-soft);text-decoration:underline}.a11y-close-hint{font-size:11px;font-style:italic;color:var(--muted-faint);text-align:center;padding:4px 0 0}.feedback-card{min-width:min(86vw,360px)}.copy-card{min-width:min(90vw,520px);max-width:min(90vw,520px)}.copy-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.25}.feedback-input{resize:vertical;min-height:96px}.feedback-row{display:flex;gap:8px;align-items:center;justify-content:center;font-size:12px}.feedback-actions{display:flex;gap:10px;justify-content:center}.name-submit.secondary{background:var(--btn-bg);border-color:var(--btn-border)}.tutorial-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 24px var(--card-shadow);border-radius:8px;padding:14px 16px 16px;width:min(88vw,420px);display:grid;gap:12px;text-align:center;color:var(--ink);transform:translateY(4px) scale(.98);opacity:0;transition:transform .12s ease-out,opacity .12s ease-out}.tutorial-header{display:flex;align-items:center;justify-content:space-between}.tutorial-title{font-size:18px;text-align:left}.tutorial-close{width:28px;height:28px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--ink);font-size:18px;cursor:pointer}.tutorial-canvas{width:100%;height:auto;border:1px solid var(--btn-border);background:var(--card-bg)}.tutorial-text{font-size:13px;color:var(--ink);min-height:36px;transition:opacity .2s}.tutorial-steps{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-dots{display:flex;gap:6px}.tutorial-dot{width:6px;height:6px;border-radius:50%;background:var(--muted-faint);transition:background .2s}.tutorial-dot.active{background:var(--gold)}.tutorial-next{font-family:inherit;font-size:13px;color:var(--ink);background:none;border:1px solid var(--btn-border);padding:4px 14px;cursor:pointer;border-radius:4px}.name-title{font-size:16px}.name-input{padding:8px 10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--ink);font-family:inherit;font-size:16px}.name-submit{padding:8px 10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--ink);font-family:inherit;font-size:14px;cursor:pointer}.name-note{font-size:12px;color:var(--error);min-height:14px;text-align:center}.stats-card{min-width:min(86vw,360px);max-width:min(90vw,360px);padding:20px 22px}.stats-card .name-title{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-soft);font-weight:400}.stats-content{text-align:left}.stats-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 6px;text-align:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--panel-border)}.stats-num{font-size:26px;font-weight:700;font-family:Georgia,Times New Roman,serif;color:var(--ink);line-height:1.3;font-variant-numeric:tabular-nums}.stats-label{font-size:10px;color:var(--muted-faint);text-transform:uppercase;letter-spacing:.04em;line-height:1.3}.stats-dist-title{font-size:10px;color:var(--muted-faint);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px}.stats-dist-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;color:var(--ink)}.stats-dist-label{width:34px;text-align:right;flex-shrink:0;font-size:11px;color:var(--muted-soft)}.stats-dist-bar{height:14px;background:#5ba85b;min-width:4px;border-radius:2px;opacity:.75}.stats-dist-count{flex-shrink:0;font-size:11px;color:var(--muted);min-width:18px}.stats-card .name-submit,.more-card .name-submit{margin-top:4px;font-size:13px;color:var(--muted);border:none;background:none}#stats-close:after,#more-close:after{content:"or tap outside";display:block;font-size:11px;color:var(--muted-soft);margin-top:6px;font-weight:400}.stats-section-title{font-size:10px;color:var(--muted-faint);text-transform:uppercase;letter-spacing:1.2px;margin:16px 0 8px}.stats-sparkline{text-align:center}.stats-sparkline svg{max-width:100%;height:auto}.stats-sparkline-legend{display:flex;justify-content:space-between;font-size:10px;color:#999;margin-top:2px}.stats-heatmap{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:4px}.heatmap-cell{width:12px;height:12px;border-radius:2px}.heatmap-empty{background:var(--panel-light);border:1px solid var(--panel-border)}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.achievement-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:1px solid var(--panel-border);border-radius:4px}.achievement-item.locked{opacity:.4}.achievement-icon{font-size:18px;line-height:1}.achievement-name{font-size:9px;color:var(--muted);text-align:center;line-height:1.2}.more-card{min-width:min(80vw,320px);max-width:min(90vw,340px);padding:20px 22px}.more-card .name-title{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-soft);font-weight:400}.more-content{text-align:left;margin:12px 0 8px}.more-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--panel-border)}.more-row:last-child{border-bottom:none}.more-row-label{font-size:14px;color:var(--ink)}.more-row-desc{font-size:11px;color:var(--muted-soft);margin-top:3px}.more-inline-btn{font-family:inherit;font-size:12px;color:var(--ink);background:var(--btn-bg);border:1px solid var(--btn-border);padding:6px 10px;line-height:1.2;cursor:pointer;border-radius:2px;flex-shrink:0}.more-inline-btn[disabled]{opacity:.6;cursor:default}.more-toggle{position:relative;width:40px;height:22px;background:var(--muted-faint);border-radius:11px;border:none;cursor:pointer;transition:background .2s;flex-shrink:0}.more-toggle.on{background:var(--gold)}.more-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s ease-out}[data-theme=dark] .more-toggle:after,[data-theme=highContrast] .more-toggle:after{background:var(--ink)}.more-toggle.on:after{transform:translate(18px)}.more-link{font-size:14px;color:var(--muted);background:none;border:none;cursor:pointer;padding:10px 0;width:100%;text-align:left;font-family:inherit;border-bottom:1px solid var(--panel-border)}.more-link:last-child{border-bottom:none}.more-link:hover{color:var(--ink)}.custom-card{min-width:min(86vw,340px);max-width:min(90vw,380px);padding:20px 22px}.custom-header{display:flex;align-items:center;justify-content:center;gap:8px}.custom-beta-badge{font-size:10px;color:#c7a742;border:1px solid #c7a742;border-radius:8px;padding:1px 6px;line-height:1.4}.custom-section-label{font-size:10px;color:var(--muted-soft);text-transform:uppercase;letter-spacing:1.2px;margin:16px 0 8px;text-align:left}.custom-seg-row{display:flex;gap:0;border:1px solid var(--btn-border);border-radius:2px;overflow:hidden}.custom-seg-btn{flex:1;padding:8px 4px;border:none;background:var(--btn-bg);font-family:inherit;font-size:13px;cursor:pointer;color:var(--ink);border-right:1px solid var(--btn-border);transition:background .15s,color .15s}.custom-seg-btn:last-child{border-right:none}.custom-seg-btn.selected{background:var(--success);color:#fff}.custom-mode-row{display:flex;gap:8px}.custom-mode-btn{flex:1;padding:8px 4px;border:1px solid var(--btn-border);background:var(--btn-bg);font-family:inherit;font-size:13px;cursor:pointer;color:var(--ink);border-radius:2px;transition:border-color .15s}.custom-mode-btn.selected{border-color:var(--ink);border-width:2px;padding:7px 3px}.saved-rooms-list{margin-bottom:10px}.saved-room-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--btn-border);border-radius:6px;margin-bottom:4px;cursor:pointer;transition:background .15s}.saved-room-row:hover{background:var(--panel-light)}.saved-room-info{display:flex;flex-direction:column}.saved-room-name{font-size:14px;font-weight:600;color:var(--ink)}.saved-room-meta{font-size:11px;color:var(--muted-soft);margin-top:2px}.saved-room-delete{background:none;border:none;font-size:18px;color:var(--muted-soft);cursor:pointer;padding:0 4px;line-height:1}.saved-room-delete:hover{color:var(--error)}.custom-name-input{width:100%;padding:8px 10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--ink);font-family:inherit;font-size:14px;margin-top:8px;box-sizing:border-box}.custom-start-btn{width:100%;padding:10px;border:1px solid var(--btn-primary-bg);background:var(--btn-primary-bg);color:var(--btn-primary-text);font-family:inherit;font-size:14px;cursor:pointer;margin-top:14px}.custom-start-btn:active{opacity:.85}.custom-cancel-btn{width:100%;padding:8px;border:1px solid var(--btn-border);background:var(--card-bg);color:var(--muted-soft);font-family:inherit;font-size:13px;cursor:pointer;margin-top:6px}.custom-waiting{text-align:center;margin:10px 0 6px}.custom-room-code{font-size:clamp(28px,8vw,32px);letter-spacing:clamp(2px,1.1vw,6px);font-weight:700;color:var(--ink);margin:8px 0}.custom-waiting-text{font-size:13px;color:var(--muted-soft);font-style:italic}.custom-copy-link{display:inline-block;padding:6px 14px;border:1px solid var(--btn-border);background:var(--btn-bg);font-family:inherit;font-size:12px;cursor:pointer;margin-top:8px;color:var(--muted)}.custom-nav-group{margin-bottom:12px}.custom-text-nav{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin-top:4px}.custom-text-link{font-family:Georgia,Times New Roman,serif;font-size:14px;color:var(--muted-soft);text-decoration:none;padding:2px 4px;cursor:pointer}.custom-text-link:hover{color:var(--ink)}.custom-text-active{color:var(--ink);font-weight:600}.custom-sep{color:var(--muted-faint);font-size:13px;padding:0 2px}.custom-actions-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;margin-top:16px;padding-top:12px;border-top:1px solid var(--panel-border)}.custom-action-link{font-family:Georgia,Times New Roman,serif;font-size:14px;color:var(--ink);text-decoration:none;padding:4px 6px;cursor:pointer}.custom-action-link:hover{opacity:.7}.custom-action-gold{color:var(--gold);font-weight:600}.custom-action-muted{color:var(--muted-soft)}.lobby-player-list{text-align:left;margin:8px 0;max-height:180px;overflow-y:auto}.lobby-player-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 8px;font-size:14px;color:var(--ink);border-bottom:1px solid var(--panel-border)}.lobby-player-row:last-child{border-bottom:none}.lobby-host-badge{font-size:9px;color:#c7a742;border:1px solid #c7a742;border-radius:6px;padding:0 5px;line-height:1.5;letter-spacing:.5px;margin-left:auto}.lobby-kick-btn{margin-left:auto;background:none;border:1px solid var(--panel-border);color:var(--muted-soft);font-size:14px;width:24px;height:24px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-family:inherit}.lobby-kick-btn:hover{color:#b33a2f;border-color:#b33a2f}.lobby-approve-btn,.lobby-deny-btn{background:none;border:1px solid var(--card-border);color:var(--muted);font-size:11px;border-radius:3px;height:24px;padding:0 8px;cursor:pointer;font-family:inherit}.lobby-approve-btn:hover{color:#3a8f3a;border-color:#3a8f3a}.lobby-deny-btn:hover{color:#b33a2f;border-color:#b33a2f}@media(max-width:560px){.custom-card{padding:16px 14px}.lobby-player-row{font-size:13px;gap:4px}.custom-copy-link{margin-top:7px;padding:6px 10px;font-size:11px}}.lobby-live-badge{font-size:9px;color:#b33a2f;font-weight:700;letter-spacing:1px;margin-left:4px}.classroom-qr-panel{position:fixed;right:14px;top:62px;width:148px;z-index:35;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 18px var(--card-shadow);padding:6px 6px 8px;display:none;text-align:center}.classroom-qr-panel.show{display:block}.classroom-qr-kicker{font-size:9px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:2px}.classroom-qr-room{font-size:16px;letter-spacing:2px;color:var(--ink);font-weight:700;margin-bottom:5px}.classroom-qr-image{width:122px;height:122px;display:block;margin:0 auto 5px;border:1px solid var(--card-border);background:#fff}.classroom-qr-link{font-size:10px;color:var(--muted)}.classroom-qr-panel.mobile{right:8px;top:auto;bottom:8px;width:128px;padding:6px}.classroom-qr-panel.mobile .classroom-qr-room{font-size:15px;letter-spacing:2px}.classroom-qr-panel.mobile .classroom-qr-image{width:108px;height:108px}.classroom-qr-panel.mobile .classroom-qr-link{font-size:10px}.leaderboard-card{min-width:min(92vw,520px);max-width:min(92vw,620px);max-height:min(82vh,640px);padding:20px 22px 14px;display:flex;flex-direction:column;overflow:hidden}.lb-title{font-size:20px;text-align:left;font-family:Georgia,Times New Roman,serif}.leaderboard-tabs{display:flex;gap:4px;margin:8px 0 12px}.lb-tab{font-family:Georgia,Times New Roman,serif;font-size:13px;color:var(--muted-soft);background:none;border:none;padding:4px 8px;cursor:pointer;border-bottom:2px solid transparent}.lb-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.leaderboard-entries{flex:1;overflow-y:auto;min-height:120px;font-family:Georgia,Times New Roman,serif;font-size:13px;color:var(--ink);line-height:1.5}.lb-entry{padding:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-replay{cursor:pointer;opacity:.5;font-size:.85em}.lb-replay:hover{opacity:1}.lb-entry.unqualified{color:var(--muted-soft)}.lb-loading,.lb-empty{color:var(--muted-soft);padding:8px 0}.lb-error{color:var(--error);padding:4px 0}.lb-retry{font-family:Georgia,Times New Roman,serif;font-size:12px;color:var(--ink);background:var(--btn-bg);border:1px solid var(--btn-border);padding:4px 16px;cursor:pointer;margin-top:4px}.leaderboard-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0 4px;flex-shrink:0}.leaderboard-footer,.leaderboard-close-hint{flex-shrink:0}.lb-nav-btn{font-family:Georgia,Times New Roman,serif;font-size:12px;color:var(--ink);background:var(--btn-bg);border:1px solid var(--btn-border);padding:8px 16px;cursor:pointer;min-height:44px}.lb-nav-btn:disabled{opacity:.4;cursor:default}.lb-page-info{font-family:Georgia,Times New Roman,serif;font-size:12px;color:var(--ink)}.leaderboard-footer{font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic;color:var(--muted-soft);text-align:center;padding:4px 0 0;min-height:0}.leaderboard-close-hint{font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic;color:var(--muted-faint);text-align:center;padding:4px 0 0}.text-nav{display:none;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:13px;font-family:Georgia,Times New Roman,serif}.text-nav a{color:var(--muted);font-family:inherit;font-size:inherit;cursor:pointer;padding:2px 4px;text-decoration:underline transparent;text-underline-offset:3px;opacity:.72;transition:opacity .15s,color .15s}.text-nav a:hover{color:var(--ink);opacity:1;text-decoration-color:var(--muted)}.text-nav a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.text-nav span{color:var(--muted-faint)}@media(min-width:641px){.text-nav{display:flex}}*:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:640px){.stage{padding:8px}#game{width:98vw;max-height:88vh}}@media(max-width:1120px)and (min-width:700px){.stage{padding:10px}#game{width:min(98vw,1020px);max-height:84vh}}@media(max-height:760px){#game{max-height:80vh}}.chat-panel{position:fixed;bottom:60px;right:10px;width:280px;height:320px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 16px var(--card-shadow);z-index:100;display:none;flex-direction:column;font-family:Georgia,Times New Roman,serif;font-size:13px;overflow:hidden}.chat-panel.show{display:flex}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--panel-border);font-weight:600;font-size:14px;color:var(--ink);cursor:grab;user-select:none;-webkit-user-select:none}.chat-header:active{cursor:grabbing}.chat-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);padding:0 4px;line-height:1}.chat-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.chat-msg{line-height:1.4;word-break:break-word}.chat-msg-name{font-weight:700;color:var(--ink);margin-right:4px}.chat-msg-text{color:var(--ink-soft)}.chat-msg-time{font-size:10px;color:var(--muted-soft);margin-left:4px}.chat-input-row{display:flex;gap:6px;padding:8px;border-top:1px solid var(--panel-border)}.chat-input{flex:1;border:1px solid var(--card-border);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px;background:var(--bg);color:var(--ink);outline:none}.chat-input:focus{border-color:var(--gold)}.chat-send{background:var(--gold);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.chat-send:active{opacity:.8}@media(max-width:600px){.chat-panel{width:100vw;height:50vh;max-height:360px;right:0;left:0;bottom:0;border-radius:16px 16px 0 0;border-bottom:none}.chat-header{cursor:default;padding:12px 16px}.chat-header:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:var(--muted-faint)}.chat-input-row{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}}.lobby-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.lobby-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--card-border);border-radius:8px;background:var(--bg);font-size:13px}.lobby-row-info{display:flex;flex-direction:column;gap:2px}.lobby-row-host{font-weight:600;color:var(--ink)}.lobby-row-meta{font-size:11px;color:var(--muted)}.lobby-join-btn{background:var(--gold);color:#fff;border:none;border-radius:6px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.lobby-join-btn:active{opacity:.8}.lobby-empty{text-align:center;color:var(--muted);padding:20px 0;font-size:13px}
/*# sourceMappingURL=style.min.css.map */