@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2b3a22;--ink-soft:#5d6b53;--sky:#cdefff;--mint:#dff6d2;--paper:#fff;--tile:#7ed957;--gap:#5fc94a;--water:#6fd3ff;--frog-red:#ff5a4e;--frog-yellow:#ffc93c;--frog-green:#5cd65c;--frog-blue:#4c9dff;--frog-red-outline:#8e2a22;--frog-yellow-outline:#9a6e0c;--frog-green-outline:#2a7a2a;--frog-blue-outline:#1f4f9c;--shadow:0 6px 18px #2b3a2224;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--text-10:10px;--text-12:12px;--text-15:15px;--text-17:17px;--text-19:19px;--text-23:23px;--text-30:30px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-sheet:32px;--radius-pill:999px;--z-scene:0;--z-glow:1;--z-chrome:2;--z-dock:3;--z-curtain:5;--z-panel:10;--z-modal:50;--z-overlay:60;--inset-top:env(safe-area-inset-top,0px);--inset-right:env(safe-area-inset-right,0px);--inset-bottom:env(safe-area-inset-bottom,0px);--inset-left:env(safe-area-inset-left,0px);--edge-top:calc(var(--inset-top) + var(--space-16));--edge-right:max(var(--space-12), var(--inset-right));--edge-bottom:max(var(--space-16), var(--inset-bottom));--edge-left:max(var(--space-12), var(--inset-left));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--mint);height:100%;color:var(--ink);font-family:Nunito Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--text-17);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;overflow:hidden}body{position:relative}.app{background:linear-gradient(180deg, var(--sky) 0%, var(--mint) 55%, #cdeeb9 100%);flex-direction:column;display:flex;position:absolute;inset:0}@supports (-webkit-touch-callout:none){@media not all and (display-mode:browser){html{height:calc(100% + var(--inset-top))}}@media (display-mode:browser){:root{--inset-left:0px;--inset-right:0px}}}.btn{appearance:none;border-radius:var(--radius-pill);padding:var(--space-12) var(--space-20);font:inherit;font-weight:900;font-size:var(--text-19);color:var(--ink);background:var(--paper);cursor:pointer;border:0;min-height:54px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 5px #d5ddcf}.btn:active{transform:translateY(4px);box-shadow:0 1px #d5ddcf}.btn--primary{background:var(--frog-green);color:#fff;text-shadow:0 1px #0000002e;box-shadow:0 5px 0 var(--frog-green-outline)}.btn--primary:active{box-shadow:0 1px 0 var(--frog-green-outline)}.btn--ghost{background:#ffffff8c;box-shadow:0 4px #2b3a221a}.btn--ghost:active{box-shadow:0 1px #2b3a221a}.btn--small{padding:var(--space-8) var(--space-12);min-height:42px;font-size:var(--text-15);box-shadow:0 3px #d5ddcf}.btn--small.btn--primary{box-shadow:0 3px 0 var(--frog-green-outline)}.btn:disabled{opacity:1;color:#2b3a226b;text-shadow:none;cursor:default;background:#e4ebdf;box-shadow:0 3px #d2dbcb}.btn--block{width:100%}.stack{gap:var(--space-12);flex-direction:column;display:flex}.row{gap:var(--space-10);flex-wrap:wrap;align-items:center;display:flex}.grow{flex:1}.muted{color:var(--ink-soft)}.small{font-size:var(--text-15)}.screen__title{font-size:var(--text-30);letter-spacing:-.01em;margin:0;font-weight:900}.screen__header{align-items:center;gap:var(--space-12);display:flex}.stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.stage__scene{height:62%;z-index:var(--z-scene);pointer-events:none;position:absolute;inset:0 0 auto}.stage__scene .scene{width:100%;height:100%;display:block}.stage__top{z-index:var(--z-chrome);justify-content:space-between;align-items:center;gap:var(--space-10);padding:var(--edge-top) var(--space-16) 0;display:flex;position:relative}.stage__eyebrow{font-size:var(--text-12);letter-spacing:.22em;text-transform:uppercase;color:#3f8f45;font-weight:900}.stage__lead{z-index:var(--z-chrome);min-height:0;padding:0 var(--space-20) var(--space-8);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.stage__panel{z-index:var(--z-chrome);background:var(--paper);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;min-height:0;padding:var(--space-16) var(--space-16) var(--edge-bottom);gap:var(--space-10);flex-direction:column;flex:0 auto;display:flex;position:relative;overflow:auto;box-shadow:0 -16px 34px #2b3a2224}.roundbtn{width:42px;height:42px;color:var(--ink-soft);cursor:pointer;background:#ffffffd9;border:0;border-radius:50%;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:0 3px #2b3a221a}.roundbtn:active{transform:translateY(2px);box-shadow:0 1px #2b3a221a}.menu__title{text-align:center;margin-top:var(--space-10)}.menu__kicker{font-size:var(--text-10);letter-spacing:.24em;text-transform:uppercase;color:#3f8f45;font-weight:900}.menu__word{letter-spacing:-.045em;margin:var(--space-4) 0 0;color:#23502a;font-size:46px;font-weight:900;line-height:.95}.menu__hero{width:118px;height:118px;margin:var(--space-2) auto 0;position:relative}.menu__hero .frog-svg{filter:drop-shadow(0 8px 10px #2b3a222e);width:100%;height:100%;animation:2.8s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.room__status{align-items:center;gap:var(--space-8);display:flex}.room__seats{gap:var(--space-8);flex-direction:column;display:flex}.room__seat{align-items:center;gap:var(--space-10);border-radius:var(--radius-md);padding:var(--space-8) var(--space-10);background:#f4f8f0;display:flex}.room__seat--mine{box-shadow:0 0 0 2.5px var(--frog-green), 0 3px 0 #2b3a220f;background:#fff}.room__seat--empty{background:0 0;border:2.5px dashed #2b3a2229}.room__frog{flex:none;display:flex}.room__frog .frog-svg{width:38px;height:38px}.room__frog--ghost{opacity:.28;filter:grayscale(.4)}.room__who{flex:1;min-width:0}.room__name{font-weight:900;font-size:var(--text-15);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room__rename{border-radius:var(--radius-sm);width:100%;padding:var(--space-2) var(--space-6);margin:calc(var(--space-2) * -1) calc(var(--space-6) * -1);font:inherit;font-weight:900;font-size:var(--text-15);color:var(--ink);background:0 0;border:0;outline:none;transition:background-color .15s,box-shadow .15s;box-shadow:inset 0 0 0 2px #2b3a2224}.room__rename::placeholder{color:#2b3a2259;font-weight:800}.room__rename:focus{box-shadow:inset 0 0 0 2px var(--frog-green), inset 0 3px 7px #2b3a221a;background:#f1f6ec}.room__name--empty{color:#2b3a2273;font-size:var(--text-12)}.room__tags{font-size:var(--text-12);color:var(--ink-soft);margin-top:var(--space-2);font-weight:800}.room__footer{gap:var(--space-8);margin-top:var(--space-2);flex-direction:column;display:flex}.room__code{letter-spacing:.18em;text-indent:.18em;color:#23502a;font-size:clamp(46px,15vw,66px);font-weight:900;line-height:1}.room__share{width:min(320px,100%);margin:var(--space-12) auto 0}.chips--tight{gap:var(--space-4);flex:none}.chip--add{padding:var(--space-6) var(--space-8);font-size:var(--text-12);border-radius:var(--radius-sm)}.roundbtn--ghost{visibility:hidden}@media (min-width:880px){.stage{align-items:center;gap:var(--space-40);padding:0 max(var(--space-40), 5vw);grid-template-columns:1fr minmax(420px,500px);display:grid}.stage__scene{height:100%;inset:0}.stage__top{top:var(--edge-top);left:var(--space-16);right:var(--space-16);z-index:var(--z-dock);padding:0;position:absolute}.stage__lead{flex:none;grid-column:1;padding:0}.stage__panel{border-radius:var(--radius-sheet);padding:var(--space-24);gap:var(--space-12);grid-column:2;max-height:min(82vh,720px);box-shadow:0 8px #2b3a2214,0 26px 60px #2b3a2247}.menu__word{font-size:78px}.menu__kicker{font-size:var(--text-12)}.menu__hero{width:190px;height:190px;margin-top:var(--space-10)}.room__code{letter-spacing:.16em;text-indent:.16em;font-size:84px}.room__seat{padding:var(--space-10) var(--space-12)}.room__frog .frog-svg{width:44px;height:44px}.room__name{font-size:var(--text-17)}.tray__mode{padding:var(--space-12) var(--space-6);font-size:var(--text-12);gap:var(--space-6)}.seat__frog .frog-svg{width:46px;height:46px}.seat__cap{font-size:var(--text-12)}.card{padding:var(--space-16) var(--space-16)}.play{min-height:74px}.play__label{font-size:var(--text-23)}.play__puck{width:52px;height:52px}}.card{background:var(--paper);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-12);box-shadow:0 4px #2b3a2214,0 10px 24px #2b3a221f}.stats{gap:var(--space-8);margin-top:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(72px,1fr));display:grid}.stats__cell{border-radius:var(--radius-md);padding:var(--space-8) var(--space-6);text-align:center;background:#f4f8f0}.stats__value{font-size:var(--text-23);font-weight:900;line-height:1.1}.stats__label{font-size:var(--text-10);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-top:var(--space-2);font-weight:800}.card__head{justify-content:space-between;align-items:center;gap:var(--space-10);margin-bottom:var(--space-8);display:flex}.eyebrow{font-size:var(--text-10);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);font-weight:900}.card--row{align-items:center;gap:var(--space-10);width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;padding:var(--space-8) var(--space-10);border:0;display:flex}.resume__mark{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink-soft);background:#f2f7ee;flex:none;place-items:center;display:grid}.resume__text{flex-direction:column;flex:1;min-width:0;display:flex}.resume__line{font-weight:900;font-size:var(--text-12);margin-top:var(--space-2)}.resume__chev{color:var(--ink-soft);place-items:center;display:grid}.tray{border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);background:#eef4e8;display:flex;box-shadow:inset 0 3px 8px #2b3a2221}.tray__mode{border-radius:var(--radius-md);padding:var(--space-8) var(--space-4);font:inherit;font-weight:900;font-size:var(--text-12);color:var(--ink-soft);align-items:center;gap:var(--space-4);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;line-height:1.15;display:flex}.tray__mode--on{background:var(--paper);color:var(--ink);box-shadow:0 3px #d8e0d2}.seats{gap:var(--space-8);display:flex}.seat{border-radius:var(--radius-md);padding:var(--space-8) var(--space-4);text-align:center;background:#f4f8f0;flex:1}.seat__frog{justify-content:center;display:flex}.seat__frog .frog-svg{width:36px;height:36px}.seat__cap{font-size:var(--text-12);margin-top:var(--space-2);font-weight:900}.stepper{align-items:center;gap:var(--space-8);display:flex}.stepper__value{font-weight:900;font-size:var(--text-17);text-align:center;min-width:16px}.iconbtn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:#eef4e8;border:0;place-items:center;padding:0;display:grid}.iconbtn:disabled{opacity:.35;cursor:default}.seat--tap{font:inherit;color:inherit;cursor:pointer;border:0;transition:transform 80ms,box-shadow 80ms;box-shadow:0 3px #dfe7d9}.seat--tap:active{transform:translateY(2px);box-shadow:0 1px #dfe7d9}.hint{margin:var(--space-8) 0 0;font-size:var(--text-12);color:var(--ink-soft);text-align:center;font-weight:700;line-height:1.45}.rule{align-items:center;gap:var(--space-10);margin:var(--space-12) 0 var(--space-12);color:var(--ink-soft);font-size:var(--text-12);letter-spacing:.12em;text-transform:uppercase;font-weight:900;display:flex}.rule:before,.rule:after{content:"";border-radius:var(--radius-pill);background:#2b3a221a;flex:1;height:2px}.field{gap:var(--space-6);flex-direction:column;display:flex}.input{border-radius:var(--radius-md);width:100%;padding:var(--space-12) var(--space-16);font:inherit;font-weight:800;font-size:var(--text-17);color:var(--ink);background:#f1f6ec;border:2px solid #0000;outline:none;transition:border-color .15s,background-color .15s;box-shadow:inset 0 3px 7px #2b3a221a}.input::placeholder{color:#2b3a2259;font-weight:700}.input:focus{border-color:var(--frog-green);background:#fff}.input--code{text-align:center;font-size:var(--text-23);letter-spacing:9px;text-indent:9px;text-transform:uppercase;padding:var(--space-10) var(--space-8);font-weight:900}.joinrow{gap:var(--space-8);align-items:stretch;display:flex}.joinrow .input--code{flex:1;min-width:0}.joinrow .btn{flex:none;align-self:stretch}.chips{gap:var(--space-6);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-sm);padding:var(--space-8) var(--space-12);font:inherit;font-weight:900;font-size:var(--text-12);color:var(--ink-soft);cursor:pointer;background:#eef4e8;border:0}.chip--on{background:var(--frog-green);color:#fff;box-shadow:0 3px 0 var(--frog-green-outline)}.setting-volume{color:var(--ink-soft);grid-template-columns:minmax(0,1fr) minmax(72px,1fr) 3ch;align-items:center;gap:12px;padding:4px 0 16px 35px;font-size:12px;display:grid}.setting__range{width:100%;min-width:0;accent-color:var(--frog-green-outline);cursor:pointer}.setting__range:disabled{opacity:.4;cursor:default}.setting-volume output{text-align:right;font-variant-numeric:tabular-nums}.setting{align-items:center;gap:var(--space-12);width:100%;padding:var(--space-10) 0;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;display:flex;position:relative}.setting+.setting{border-top:2px solid #2b3a2212}.setting--off{cursor:default}.setting--off .setting__title,.setting--off .setting__icon{opacity:.45}.setting--stack{flex-wrap:wrap}.setting__icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink-soft);background:#f1f6ec;flex:none;place-items:center;display:grid}.setting__text{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.setting__title{font-weight:900;font-size:var(--text-15)}.setting__sub{font-size:var(--text-12);color:var(--ink-soft);font-weight:700;line-height:1.35}.setting--stack .chips{flex:none}.switch__input{opacity:0;width:0;height:0;position:absolute}.switch{--track-w:52px;--track-h:32px;--knob:24px;--knob-inset:calc((var(--track-h) - var(--knob)) / 2);width:var(--track-w);height:var(--track-h);border-radius:var(--radius-pill);background:#dbe4d5;flex:none;transition:background-color .18s;position:relative;box-shadow:inset 0 2px 5px #2b3a222e}.switch:after{content:"";top:var(--knob-inset);left:var(--knob-inset);width:var(--knob);height:var(--knob);background:#fff;border-radius:50%;transition:transform .18s;position:absolute;box-shadow:0 2px 3px #2b3a2247}.switch__input:checked+.switch{background:var(--frog-green)}.switch__input:checked+.switch:after{transform:translateX(calc(var(--track-w) - var(--knob) - var(--knob-inset) * 2))}.switch__input:focus-visible+.switch{outline:3px solid var(--frog-blue);outline-offset:2px}.switch__input:disabled+.switch{opacity:.4}.over__frogs{gap:var(--space-6);margin-bottom:var(--space-6);justify-content:center;display:flex}.over__frog{width:clamp(96px,26vw,132px);height:clamp(96px,26vw,132px)}.over__frog .frog-svg{filter:drop-shadow(0 8px 10px #2b3a222e);width:100%;height:100%;animation:2.8s ease-in-out infinite bob}.over__frog:nth-child(2) .frog-svg{animation-delay:-1.1s}.over__headline{letter-spacing:-.03em;margin:var(--space-4) 0 0;color:#23502a;font-size:clamp(28px,8vw,40px);font-weight:900;line-height:1.05}.score{gap:var(--space-6);margin-top:var(--space-8);flex-direction:column;display:flex}.score__row{align-items:center;gap:var(--space-10);border-radius:var(--radius-md);padding:var(--space-8) var(--space-10);background:#f4f8f0;display:flex}.score__row--win{box-shadow:0 0 0 2.5px var(--chip-color,var(--frog-green)), 0 3px 0 #2b3a220f;background:#fff}.score__place{width:26px;font-weight:900;font-size:var(--text-15);color:var(--ink-soft);flex:none;place-items:center;display:grid}.score__row--win .score__place{color:var(--chip-color,var(--frog-green))}.score__frog{flex:none;display:flex}.score__frog .frog-svg{width:36px;height:36px}.score__who{flex:1;min-width:0}.score__name{font-weight:900;font-size:var(--text-15);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score__parts{gap:var(--space-12);margin-top:var(--space-2);display:flex}.score__part{gap:var(--space-2);flex-direction:column;display:flex}.score__label{font-size:var(--text-10);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);opacity:.85;font-weight:900}.score__value{font-size:var(--text-12);font-weight:900}.score__total{font-size:var(--text-23);text-align:right;flex:none;min-width:42px;font-weight:900}.btn--row{justify-content:center;align-items:center;gap:var(--space-8);display:flex}.hint--wide{max-width:34ch;margin-left:auto;margin-right:auto}.play{border-radius:var(--radius-pill);width:100%;min-height:66px;padding:0 var(--space-10) 0 var(--space-24);cursor:pointer;font:inherit;color:#fff;background:var(--frog-green);box-shadow:0 5px 0 var(--frog-green-outline);border:0;justify-content:space-between;align-items:center;transition:transform 80ms,box-shadow 80ms;display:flex}.play:active{box-shadow:0 1px 0 var(--frog-green-outline);transform:translateY(4px)}.play__label{font-weight:900;font-size:var(--text-23);letter-spacing:.01em}.play__puck{background:#ffffff38;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.game{--turn-color:var(--frog-green);--chips:top;--dock:bottom;--board-gap:var(--space-12);flex:1;min-height:0;position:relative}@media (orientation:landscape) and (max-height:560px){.game{--chips:left;--dock:right}}@media (max-width:560px),(orientation:landscape) and (max-height:560px){.game{--board-gap:var(--space-20)}}.game__board{position:absolute;inset:0;overflow:hidden}.game__board canvas{display:block;position:absolute;inset:0}.game__chips{z-index:var(--z-chrome);top:var(--edge-top);left:var(--edge-left);right:var(--edge-right);justify-content:center;gap:var(--space-8);pointer-events:none;display:flex;position:absolute}.pchip{border-radius:var(--radius-md);padding:var(--space-6) var(--space-12) var(--space-6) var(--space-6);background:var(--paper);align-items:center;gap:var(--space-8);min-width:0;box-shadow:var(--shadow);border:2px solid #2b3a2214;flex:0 160px;transition:background-color .25s,border-color .25s,color .25s;display:flex}.pchip--current{border-color:var(--chip-color,var(--frog-green));padding:var(--space-6) var(--space-10) var(--space-6) var(--space-6);box-shadow:var(--shadow), 0 0 0 4px color-mix(in srgb, var(--chip-color,var(--frog-green)) 22%, transparent);border-width:3px}@media (orientation:landscape) and (max-height:560px){.game__chips{flex-direction:column;width:140px;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.pchip{padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);gap:var(--space-6);flex:none}.pchip .frog-svg{width:30px;height:30px}}.pchip .frog-svg{flex:none;width:36px;height:36px}.pchip__text{flex-direction:column;flex:1;min-width:0;line-height:1.12;display:flex}.pchip__row{justify-content:space-between;align-items:baseline;gap:var(--space-8);display:flex}.pchip__name{font-weight:900;font-size:var(--text-12);white-space:nowrap;text-overflow:ellipsis;opacity:.85;overflow:hidden}.pchip__score{font-size:var(--text-23);font-weight:900}.pchip__home{font-size:var(--text-12);color:var(--ink-soft);letter-spacing:.3px;flex:none;font-weight:800}.game__board:after{content:"";z-index:var(--z-glow);pointer-events:none;--band:34px;background:linear-gradient(to bottom, var(--turn-color), transparent) top / 100% var(--band) no-repeat, linear-gradient(to top, var(--turn-color), transparent) bottom / 100% var(--band) no-repeat, linear-gradient(to right, var(--turn-color), transparent) left / var(--band) 100% no-repeat, linear-gradient(to left, var(--turn-color), transparent) right / var(--band) 100% no-repeat;opacity:0;transition:opacity .35s;position:absolute;inset:0}.game--mine .game__board:after{opacity:.7}@media (max-width:560px),(orientation:landscape) and (max-height:560px){.game__board:after{--band:16px}.game--mine .game__board:after{opacity:.6}}.game__dock{z-index:var(--z-dock);left:var(--edge-left);right:var(--edge-right);bottom:var(--edge-bottom);align-items:end;gap:var(--space-8);pointer-events:none;grid-template-columns:1fr auto 1fr;display:grid;position:absolute}.game__hud{grid-column:2;justify-self:center}.game__tools{grid-column:3;justify-self:end}@media (orientation:landscape) and (max-height:560px){.game__dock{left:auto;right:var(--space-16);grid-template-columns:auto;justify-items:end}.game__status{left:var(--space-16);max-width:140px}.game__hud,.game__tools{grid-column:1;justify-self:end}}.game__turn{padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-soft);font-weight:900;font-size:var(--text-12);box-shadow:var(--shadow);border:2px solid #2b3a2214}.game__status{z-index:var(--z-dock);left:var(--edge-left);bottom:var(--edge-bottom);white-space:nowrap;text-overflow:ellipsis;max-width:min(42%,240px);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-soft);font-weight:900;font-size:var(--text-12);box-shadow:var(--shadow);pointer-events:none;border:2px solid #2b3a2214;position:absolute;overflow:hidden}.game__status--warn{color:#fff;background:#b4601a;border-color:#b4601a}.game__tools{gap:var(--space-8);pointer-events:auto;display:flex}.game__tool{background:var(--paper);width:44px;height:44px;color:var(--ink-soft);font-size:var(--text-17);cursor:pointer;box-shadow:var(--shadow);border:2px solid #2b3a221a;border-radius:50%;font-weight:900;line-height:1;transition:transform .1s}.game__tool:active{transform:scale(.94)}.panel{z-index:var(--z-panel);padding:var(--edge-top) var(--space-16) var(--edge-bottom);background:#dff6d2f7;position:absolute;inset:0;overflow:auto}.panel__inner{gap:var(--space-12);flex-direction:column;max-width:520px;margin:0 auto;display:flex}.curtain{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;gap:var(--space-8);text-align:center;padding:var(--space-24);z-index:var(--z-curtain);background:#dff6d2f0;flex-direction:column;display:flex;position:absolute;inset:0}.curtain .frog-svg{width:140px;height:140px;animation:1.6s ease-in-out infinite bob}.curtain__name{font-size:var(--text-30);font-weight:900}.modal{padding:var(--space-24);z-index:var(--z-modal);background:#2b3a2273;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal__card{background:var(--paper);border-radius:var(--radius-lg);padding:var(--space-20);gap:var(--space-16);width:min(400px,100%);box-shadow:var(--shadow);flex-direction:column;display:flex}.modal__text{font-size:var(--text-19);margin:0;font-weight:800}.modal__actions{gap:var(--space-10);display:flex}.modal__actions .btn{flex:1;min-width:0}.toasts{left:0;right:0;bottom:calc(var(--edge-bottom) + var(--space-16) + 44px);z-index:var(--z-overlay);align-items:center;gap:var(--space-8);padding:0 var(--space-12);pointer-events:none;flex-direction:column;display:flex;position:absolute}.overlay--in{opacity:1!important;transform:none!important}.toast{background:var(--ink);color:#fff;max-width:min(440px,100%);font-weight:800;font-size:var(--text-15);text-align:center;text-wrap:balance;padding:var(--space-10) var(--space-16);border-radius:var(--radius-md);opacity:0;line-height:1.35;transition:opacity .22s,transform .22s;transform:translateY(10px);box-shadow:0 8px 22px #2b3a224d}.prompt{pointer-events:auto;background:var(--paper);width:min(440px,100%);color:var(--ink);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-16);gap:var(--space-10);opacity:0;flex-direction:column;transition:opacity .22s,transform .22s;display:flex;transform:translateY(10px);box-shadow:0 12px 32px #2b3a224d}.prompt__text{font-weight:800;font-size:var(--text-15);margin:0;line-height:1.4}.prompt__actions{gap:var(--space-8);display:flex}.prompt__actions .btn{flex:1;min-width:0}.tut{gap:var(--space-10);flex-direction:column;display:flex}.tut__card{background:var(--paper);border-radius:var(--radius-lg);padding:var(--space-16);gap:var(--space-6);box-shadow:var(--shadow);flex-direction:column;display:flex}.tut__card h3{font-size:var(--text-19);margin:0}.tut__card p{color:#3f4d36;margin:0;font-weight:600;line-height:1.45}.tut__step{font-size:var(--text-12);color:var(--ink-soft);font-weight:800}.tut__figure{justify-content:center;width:100%;display:flex}.tut__art{filter:drop-shadow(0 10px 18px #2b3a222e);width:100%;max-width:520px;height:auto;max-height:46vh;display:block}.tut__card .tut__art{max-height:none;margin-bottom:var(--space-4)}.tut__title{margin:var(--space-2) 0 0;font-size:var(--text-23);letter-spacing:-.02em;font-weight:900}.tut__body{font-size:var(--text-15);color:#3f4d36;margin:0;font-weight:600;line-height:1.5}.tut__dots{gap:var(--space-6);justify-content:center;display:flex}.tut__dot{background:#2b3a2229;border-radius:50%;width:8px;height:8px;transition:background-color .2s,width .2s}.tut__dot--on{border-radius:var(--radius-pill);background:var(--frog-green);width:22px}.tut__nav{align-items:stretch;gap:var(--space-10);margin-top:var(--space-2);display:flex}.tut__nav .btn{padding:var(--space-8) var(--space-16);flex:none}.tut__nav .play{flex:1}.chip--status{min-height:36px;padding:var(--space-6) var(--space-12);font-size:var(--text-15)}.chip--connecting{background:#eaf4ff;border-color:#cfe3f7}.chip--reconnecting{background:#fff6e0;border-color:#f0d79a}.chip--offline{border-color:var(--frog-red-outline);background:#ffe6e3}.dot{background:#c9d4c2;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 2px #2b3a221f}.dot--on{background:var(--frog-green)}