:root{--night-900:#150c1f;--night-800:#1e1330;--night-700:#2a1b3d;--night-600:#3a2850;--night-500:#4c3568;--amber-100:#fff3d6;--amber-200:#ffe1a8;--amber-300:#ffc978;--amber-400:#ffab4d;--pink:#ff9ecb;--mint:#8fe3cd;--violet:#b79bff;--text:#f3e9ff;--text-dim:#c3b2d9;--glow-warm:0 0 24px #ffc97873;--glow-soft:0 8px 32px #0a04148c;--r-lg:22px;--r-md:16px;--r-sm:10px;--font-display:"Comfortaa", "Trebuchet MS", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night-900);color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow:hidden}button{color:inherit;font-family:inherit}.btn{--btn-bg:linear-gradient(180deg, #4c3568eb, #2a1b3deb);appearance:none;background:var(--btn-bg);color:var(--amber-100);font-family:var(--font-display);border-radius:var(--r-md);cursor:pointer;border:1px solid #ffe1a847;padding:.8rem 1.6rem;font-size:1rem;font-weight:700;transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .2s,border-color .2s;box-shadow:0 6px 20px #0a041473,inset 0 1px #fff3d629}.btn:hover{box-shadow:0 10px 28px #0a041480, var(--glow-warm), inset 0 1px 0 #fff3d638;border-color:#ffc97899;transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.985)}.btn--hero{--btn-bg:linear-gradient(180deg, #ffd190, #ff9f52);color:#3a1c07;border-color:#fff3d6b3;flex-direction:column;align-items:center;gap:.12rem;padding:1rem 2.2rem;font-size:1.2rem;display:flex}.btn--hero small{font-family:var(--font-body);letter-spacing:.04em;text-transform:lowercase;opacity:.72;font-size:.74rem;font-weight:600}.btn--ghost{--btn-bg:#1e133080;color:var(--text-dim);box-shadow:none;border-color:#b79bff3d;padding:.6rem 1.2rem;font-size:.92rem}.btn--icon{border-radius:var(--r-sm);place-items:center;min-width:2.6rem;height:2.6rem;padding:.5rem;font-size:1.1rem;display:grid}.btn--locked{--btn-bg:#1e13308c;color:var(--text-dim);cursor:not-allowed;box-shadow:none;border-style:dashed;border-color:#b79bff4d;flex-direction:column;align-items:center;gap:.1rem;display:flex}.btn--locked:hover{box-shadow:none;border-color:#b79bff4d;transform:none}.btn--locked small{font-family:var(--font-body);letter-spacing:.05em;opacity:.7;font-size:.72rem;font-weight:600}.boot{background:radial-gradient(120% 90% at 50% 30%, var(--night-700), var(--night-900) 70%);height:100%;font-family:var(--font-display);color:var(--amber-200);text-align:center;place-content:center;justify-items:center;gap:1.2rem;padding:2rem;display:grid}.boot-glow{background:radial-gradient(circle, var(--amber-200), #ffab4d1a 65%, transparent 72%);border-radius:50%;width:84px;height:84px;animation:2.2s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.75;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.menu-bg,.vn-bg,.game-bg{z-index:0;background-image:url(/assets/menu_background.webp);background-position:top;background-size:cover;position:fixed;inset:0}.vn-bg,.game-bg{background-position:50% 62%}.menu-scrim,.game-scrim,.vn-vignette{z-index:1;pointer-events:none;position:fixed;inset:0}.menu-scrim{background:radial-gradient(90% 60% at 50% 8%,#0000 40%,#150c1f59),linear-gradient(#150c1f1a 0%,#150c1f8c 62%,#150c1fe0 100%)}.game-scrim{background:linear-gradient(#150c1fd1,#150c1feb)}.vn{cursor:pointer;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.vn-bg{background-color:var(--night-900);animation:.7s both bg-in;transform:scale(1.04)}.vn-bg.is-dark{background-image:none}@keyframes bg-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1.04)}}.vn-vignette{background:radial-gradient(75% 55% at 50% 45%,#0000 30%,#150c1f80),linear-gradient(#150c1f59,#150c1f33 45%,#150c1feb)}.vn-sprite{z-index:2;filter:drop-shadow(0 18px 34px #0a0414a6);pointer-events:none;height:min(86vh,780px);transition:filter .35s,opacity .35s;animation:.45s cubic-bezier(.2,.9,.3,1) both sprite-in;position:fixed;bottom:0;-webkit-mask-image:linear-gradient(#000 82%,#0000008c 94%,#0000 100%);mask-image:linear-gradient(#000 82%,#0000008c 94%,#0000 100%)}.vn-sprite--left{left:max(1vw,50% - 32rem)}.vn-sprite--right{right:max(1vw,50% - 32rem);transform:scaleX(-1)}.vn-sprite.is-dim{filter:drop-shadow(0 18px 34px #0a041499)brightness(.6)saturate(.7);opacity:.9}.vn-sprite.is-active{filter:drop-shadow(0 16px 30px #ffab4d38)brightness(1.04)}@keyframes sprite-in{0%{opacity:0}to{opacity:1}}.vn-dim{z-index:1;pointer-events:none;background:linear-gradient(#0d0716,#150c1f);transition:opacity .8s;position:fixed;inset:0}.vn-box{z-index:3;border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(60rem,94vw);min-height:clamp(7.5rem,18vh,10rem);box-shadow:var(--glow-soft), inset 0 1px 0 #fff3d61a;background:linear-gradient(#1e1330ed,#150c1ff5);border:1px solid #ffe1a838;padding:1.5rem 1.7rem 1.7rem;animation:.35s both box-in;position:fixed;bottom:clamp(1rem,3vh,2.4rem);left:50%;transform:translate(-50%)}@keyframes box-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.vn-name{font-family:var(--font-display);background:var(--night-800);border:1px solid;border-radius:999px;padding:.18rem 1rem;font-size:1.02rem;font-weight:700;position:absolute;top:-.95rem;left:1.4rem;box-shadow:0 0 18px #ffc97829}.vn-text{color:var(--text);white-space:pre-wrap;margin:0;font-size:clamp(1.02rem,2.3vw,1.16rem);line-height:1.62}.vn-text.is-narration{color:var(--text-dim);font-style:italic}.vn-caret{vertical-align:-.15em;opacity:.45;background:currentColor;width:.55ch;height:1.05em;margin-left:.05em;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.vn-next{color:var(--amber-300);opacity:0;font-size:.85rem;transition:opacity .2s;position:absolute;bottom:.75rem;right:1.1rem}.vn-next.is-ready{opacity:1;animation:1.1s ease-in-out infinite nudge}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.vn-skip{top:max(1rem, env(safe-area-inset-top));z-index:4;appearance:none;color:var(--text-dim);font-family:var(--font-display);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#150c1f99;border:1px solid #b79bff4d;border-radius:999px;padding:.42rem 1rem;font-size:.82rem;position:fixed;right:1rem}.vn-skip:hover{color:var(--amber-200);border-color:#ffc97880}.fx-shake .vn-box{animation:.35s both box-in,.4s .1s shake}.fx-flash:after{content:"";z-index:5;pointer-events:none;background:#ffe2b08c;animation:.5s forwards flash;position:fixed;inset:0}@keyframes shake{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 7px))}75%{transform:translate(calc(7px - 50%))}}@keyframes flash{to{opacity:0}}.menu{position:fixed;inset:0}.plate{top:max(1rem, env(safe-area-inset-top));z-index:3;border-radius:var(--r-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glow-soft);background:#150c1f9e;border:1px solid #ffe1a833;padding:.8rem 1.1rem;font-size:.9rem;position:fixed;left:1rem}.plate-row{align-items:center;gap:.7rem;display:flex}.plate-row--stats{color:var(--amber-200);gap:1rem;margin-top:.35rem;font-size:.86rem;font-weight:600}.name-btn{appearance:none;font-family:var(--font-display);color:var(--amber-100);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.05rem;font-weight:700}.name-btn .pen{opacity:.45;font-size:.8em}.name-btn:hover .pen{opacity:1}.name-input{width:9rem;font-family:var(--font-display);color:var(--amber-100);border-radius:var(--r-sm);background:#4c356880;border:1px solid #ffc97880;outline:none;padding:.1rem .5rem;font-size:1.05rem;font-weight:700}.flat{color:var(--text-dim);border:1px dashed #b79bff59;border-radius:999px;padding:.1rem .55rem;font-size:.84rem}.guest-note{color:var(--text-dim);opacity:.8;max-width:15rem;margin-top:.4rem;font-size:.74rem}.menu-center{z-index:2;justify-items:center;padding:0 1rem clamp(2rem,8vh,5rem);display:grid;position:fixed;inset:auto 0 0}.menu-actions{justify-items:center;gap:.9rem;animation:.5s .1s both rise;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.menu-minor{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.now-playing{right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--amber-200);opacity:0;pointer-events:none;background:#150c1fb8;border:1px solid #ffe1a833;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .8rem .35rem .45rem;font-size:.78rem;transition:opacity .45s,transform .45s;display:flex;position:fixed;transform:translateY(8px)}.now-playing.is-on{opacity:1;pointer-events:auto;transform:translateY(0)}.np-mute{appearance:none;color:var(--amber-200);cursor:pointer;background:#4c35688c;border:none;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.85rem;transition:background .2s;display:grid}.np-mute:hover{background:#ffab4d59}.np-title{white-space:nowrap;letter-spacing:.01em}@media (max-width:720px){.now-playing{max-width:68vw;padding-right:.7rem}.np-title{white-space:normal;font-size:.72rem;line-height:1.25}}.settings-card{text-align:left}.settings-title{font-family:var(--font-display);color:var(--amber-100);text-align:center;margin:0 0 1.2rem;font-size:1.4rem}.set-row{gap:.6rem;margin-bottom:1.4rem;display:grid}.set-head{font-family:var(--font-display);color:var(--amber-100);justify-content:space-between;align-items:center;font-size:1rem;display:flex}.set-note{color:var(--text-dim);font-size:.78rem}.switch{appearance:none;cursor:pointer;background:#150c1fb3;border:1px solid #b79bff59;border-radius:999px;width:3rem;height:1.6rem;transition:background .2s,border-color .2s;position:relative}.switch.is-on{background:linear-gradient(#ffd190,#ff9f52);border-color:#fff3d6b3}.switch-knob{background:var(--text-dim);border-radius:50%;width:1.15rem;height:1.15rem;transition:left .2s cubic-bezier(.2,.8,.3,1),background .2s;position:absolute;top:50%;left:.18rem;transform:translateY(-50%)}.switch.is-on .switch-knob{background:#3a1c07;left:calc(100% - 1.33rem)}.slider{appearance:none;background:linear-gradient(90deg, var(--amber-300), var(--violet));cursor:pointer;border-radius:999px;outline:none;width:100%;height:.45rem}.slider:disabled{cursor:not-allowed;background:#78649666}.slider::-webkit-slider-thumb{appearance:none;background:var(--amber-100);border:2px solid var(--night-700);border-radius:50%;width:1.15rem;height:1.15rem;box-shadow:0 2px 10px #0a041499}.slider::-moz-range-thumb{background:var(--amber-100);border:2px solid var(--night-700);border-radius:50%;width:1.15rem;height:1.15rem}.seg{background:#150c1f99;border-radius:999px;gap:.3rem;padding:.25rem;display:flex}.seg-btn{appearance:none;color:var(--text-dim);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:.4rem;font-size:.85rem;transition:background .18s,color .18s}.seg-btn:hover{color:var(--amber-200)}.seg-btn.is-on{color:#3a1c07;background:linear-gradient(#ffd190,#ff9f52);font-weight:700}.picker{justify-items:center;gap:1rem;width:min(56rem,96vw);animation:.35s both rise;display:grid}.picker-title{font-family:var(--font-display);color:var(--amber-100);text-shadow:0 2px 18px #ffab4d59;margin:0;font-size:1.35rem}.picker-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.8rem;width:100%;display:grid}.card{appearance:none;cursor:pointer;text-align:left;border-radius:var(--r-md);box-shadow:var(--glow-soft);background:linear-gradient(#3a2850e0,#1e1330eb);border:1px solid #ffe1a838;gap:.18rem;padding:1rem;transition:transform .16s cubic-bezier(.2,.8,.3,1),border-color .2s,box-shadow .2s;display:grid}.card:hover{box-shadow:var(--glow-soft), var(--glow-warm);border-color:#ffc978a6;transform:translateY(-3px)}.card-title{font-family:var(--font-display);color:var(--amber-100);font-size:1.1rem;font-weight:700}.card-sub{color:var(--text-dim);font-size:.82rem}.card-meta{color:var(--mint);margin-top:.4rem;font-size:.82rem;font-weight:600}.card-base{color:var(--amber-300);font-size:.8rem}.card-best{color:var(--pink);font-size:.78rem}.picker-hint{color:var(--text-dim);text-align:center;margin:0;font-size:.86rem}.picker-hint b{color:var(--amber-200)}.game{z-index:2;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.game-bg{filter:blur(3px)brightness(.5)}.hud{z-index:3;padding:max(.7rem, env(safe-area-inset-top)) 1rem .7rem;background:linear-gradient(#150c1fe6,#150c1f00);align-items:center;gap:.75rem;display:flex;position:relative}.hud-stat{font-family:var(--font-display);color:var(--amber-200);border-radius:var(--r-sm);background:#1e133099;border:1px solid #ffe1a829;justify-content:center;align-items:center;gap:.35rem;min-width:4.4rem;padding:.35rem .7rem;font-size:1rem;display:flex}.hud-stat b{font-variant-numeric:tabular-nums}.hud-stat .is-bad{color:var(--pink)}.hud-stat .icon{width:1.1em;height:1.1em}.hud-title{font-family:var(--font-display);color:var(--amber-100);flex:1;justify-items:center;font-weight:700;line-height:1.1;display:grid}.hud-title small{color:var(--text-dim);font-size:.72rem;font-weight:400}.flag-toggle.is-on{color:#3a1c07;background:linear-gradient(#ffd190,#ff9f52);border-color:#fff3d6cc}.icon{width:1em;height:1em;display:block}.field-wrap{z-index:3;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b79bff4d transparent;place-content:safe center;min-width:0;min-height:0;padding:.4rem;display:grid;position:relative;overflow:auto}.field{border-radius:var(--r-md);box-shadow:var(--glow-soft);background:#150c1f8c;border:1px solid #ffe1a824;gap:2px;padding:6px;display:grid}.cell{appearance:none;font-family:var(--font-display);font-weight:700;font-size:inherit;cursor:pointer;border:none;border-radius:5px;place-items:center;padding:0;line-height:1;transition:background .12s,transform 80ms,box-shadow .12s;display:grid}.cell.is-closed{background:linear-gradient(#5b4079,#402b5c);box-shadow:inset 0 1px #fff3d629,inset 0 -2px #0a04144d}.cell.is-closed:hover{background:linear-gradient(#6d4e8f,#4a3369)}.cell.is-closed:active{transform:scale(.94)}.cell.is-open{cursor:default;background:#190f26b8;box-shadow:inset 0 0 0 1px #b79bff14}.cell.is-flag{color:var(--amber-300)}.cell.is-flag .icon{width:.8em;height:.8em}.cell.is-mine{color:var(--pink);background:#5a1a34cc}.cell.is-mine .icon{width:.9em;height:.9em}.cell.is-boom{color:#2a0d16;background:radial-gradient(circle,#ff7a4d,#a3243f);animation:.45s boom}@keyframes boom{0%{filter:brightness(2.4);transform:scale(.6)}to{filter:brightness();transform:scale(1)}}.cell.is-wrong{color:var(--pink);background:#461e37bf}.wrong-mark{font-size:.85em}.cell.n1{color:#8fb8ff}.cell.n2{color:#8fe3cd}.cell.n3{color:#ff9ecb}.cell.n4{color:#b79bff}.cell.n5{color:#ffc978}.cell.n6{color:#6fe0e8}.cell.n7{color:#ffe1a8}.cell.n8{color:#d5c6ec}.field.is-over .cell{cursor:default}.game-hint{z-index:3;text-align:center;color:var(--text-dim);padding:.5rem 1rem max(.8rem, env(safe-area-inset-bottom));font-size:.8rem;position:relative}.hint-scroll{color:var(--amber-300);margin-top:.15rem;display:block}.result{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0818b8;place-items:center;padding:1rem;animation:.3s both flash-in;display:grid;position:fixed;inset:0}@keyframes flash-in{0%{opacity:0}to{opacity:1}}.result-card{border-radius:var(--r-lg);width:min(30rem,94vw);box-shadow:var(--glow-soft), 0 0 60px #ffab4d1f;text-align:center;background:linear-gradient(#2a1b3df5,#150c1ffa);border:1px solid #ffe1a847;padding:1.8rem;animation:.35s both rise}.result-card h2{font-family:var(--font-display);margin:0;font-size:1.7rem}.result-card h2.win{color:var(--amber-100);text-shadow:0 0 24px #ffc97880}.result-card h2.loss{color:var(--pink)}.result-sub{color:var(--text-dim);margin:.2rem 0 1rem;font-size:.9rem}.score-big{font-family:var(--font-display);color:var(--amber-200);text-shadow:0 0 30px #ffab4d59;gap:.2rem;font-size:3.2rem;font-weight:700;line-height:1;display:grid}.score-big small{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);text-shadow:none;font-size:.8rem;font-weight:600}.score-big.is-zero{color:var(--text-dim);text-shadow:none}.result-rows{gap:.4rem;margin:1.2rem 0 .6rem;font-size:.92rem;display:grid}.result-rows>div{border-radius:var(--r-sm);background:#4c356852;justify-content:space-between;padding:.4rem .8rem;display:flex}.result-rows span{color:var(--text-dim)}.result-rows b{color:var(--amber-200);font-variant-numeric:tabular-nums}.badge{color:#3a1c07;font-family:var(--font-display);background:linear-gradient(#ffd190,#ff9f52);border-radius:999px;margin:.4rem 0 0;padding:.3rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.callout{color:var(--mint);margin:.8rem 0 0;font-size:.88rem}.callout b{color:var(--amber-200)}.not-counted{border-radius:var(--r-sm);color:var(--pink);background:#ff9ecb1a;border:1px solid #ff9ecb59;margin:0 0 1rem;padding:.6rem .8rem;font-size:.86rem}.result-lost{color:var(--text-dim);margin:1rem 0 0;font-size:.92rem}.result-lost b{color:var(--pink)}.result-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.5rem;display:flex}.board{position:fixed;inset:0}.board-panel{z-index:2;width:min(34rem,96vw);max-height:min(88vh,46rem);margin:max(2vh, env(safe-area-inset-top)) auto 0;border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--glow-soft);background:linear-gradient(#1e1330f0,#150c1ff7);border:1px solid #ffe1a838;grid-template-rows:auto auto 1fr auto;padding:1.2rem;animation:.35s both rise;display:grid;position:relative}.board-head{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.board-head h2{font-family:var(--font-display);color:var(--amber-100);margin:0;font-size:1.3rem}.tabs{background:#150c1f99;border-radius:999px;gap:.35rem;margin-bottom:.9rem;padding:.3rem;display:flex}.tab{appearance:none;color:var(--text-dim);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:.45rem .5rem;font-size:.9rem;transition:background .18s,color .18s}.tab:hover{color:var(--amber-200)}.tab.is-on{color:#3a1c07;background:linear-gradient(#ffd190,#ff9f52);font-weight:700}.board-list{scrollbar-width:thin;scrollbar-color:#b79bff59 transparent;align-content:start;gap:.3rem;display:grid;overflow-y:auto}.board-empty{color:var(--text-dim);text-align:center;padding:2rem 1rem;font-size:.92rem}.row{border-radius:var(--r-sm);background:#4c356838;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.7rem;padding:.5rem .7rem;display:grid}.row.is-me{background:#ffab4d29;border:1px solid #ffc97873}.rank{font-family:var(--font-display);color:var(--text-dim);text-align:center;font-weight:700}.rank.r1{color:#ffd76a;text-shadow:0 0 14px #ffd76a99}.rank.r2{color:#dfe3ef}.rank.r3{color:#e0a072}.who{line-height:1.2;display:grid}.who small{color:var(--text-dim);font-size:.74rem}.score{font-family:var(--font-display);color:var(--amber-200);font-variant-numeric:tabular-nums;font-weight:700}.board-me{text-align:center;color:var(--text-dim);border-top:1px solid #b79bff2e;margin-top:.9rem;padding-top:.8rem;font-size:.9rem}.board-me b{color:var(--amber-200)}@media (max-width:720px){.vn-sprite{height:min(64vh,520px)}.vn-sprite--left{left:-2.5rem}.vn-sprite--right{right:-2.5rem}.plate{font-size:.84rem}.hud{gap:.4rem;padding-left:.5rem;padding-right:.5rem}.hud-stat{min-width:3.4rem;padding:.3rem .45rem;font-size:.88rem}.hud-title small{display:none}.game-hint{font-size:.72rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}