@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/e27b85d01cb4b1af-s.p.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/10e5db483fb7b6ef-s.p.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/01a1b57b2e0cef27-s.p.1vcas2uk12q5a.woff2)format("woff2");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;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/648e19a466ec92f1-s.p.2demiz2t05dx4.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/29e2a75af8e45044-s.p.2kjei9psvcorz.woff2)format("woff2");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}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.D4d44a_className{font-family:Nunito,Nunito Fallback;font-style:normal}.D4d44a_variable{--font-main:"Nunito", "Nunito Fallback"}
:root{--bg:#f7f4ee;--bg2:#efe9df;--surface:#fff;--ink:#1f1d2b;--soft:#4d4a5c;--muted:#858196;--line:#e4ded3;--tile:#ebe5d9;--tile-hover:#e2dbcd;--tile-ink:#1f1d2b;--sel:#2d2a3e;--sel-ink:#fff;--accent:#5b47e0;--accent-soft:#ebe8fd;--l0:#f5c842;--l1:#7fcf8e;--l2:#82b6f2;--l3:#b59ef2;--l4:#f59e6b;--l5:#f4a3c0;--l6:#d9b38c;--l7:#a3adbd;--l8:#cdd8e6;--on-level:#1f1d2b;--good:#2f9e52;--bad:#e0533d;--shadow:0 1px 2px #1f1d2b0f, 0 6px 24px #1f1d2b12;--shadow-lg:0 10px 40px #1f1d2b2e;--radius:14px;--font:var(--font-main), system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Apple SD Gothic Neo", "Malgun Gothic", "PingFang SC", "Microsoft YaHei", "Noto Sans", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--bg:#16151d;--bg2:#1d1c26;--surface:#211f2b;--ink:#f2f0f8;--soft:#c9c5d8;--muted:#8f8aa3;--line:#322f40;--tile:#2c2a39;--tile-hover:#363346;--tile-ink:#f2f0f8;--sel:#f2f0f8;--sel-ink:#1b1a24;--accent:#9d8cff;--accent-soft:#2a2645;--l0:#e2b93a;--l1:#62b874;--l2:#6aa0e0;--l3:#9e86ea;--l4:#e9875a;--l5:#de86a6;--l6:#c39a72;--l7:#8c97a8;--l8:#b4c2d4;--on-level:#15141b;--good:#5ccf7f;--bad:#ff7a66;--shadow:0 1px 2px #0000004d, 0 8px 28px #00000047;--shadow-lg:0 14px 48px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#16151d;--bg2:#1d1c26;--surface:#211f2b;--ink:#f2f0f8;--soft:#c9c5d8;--muted:#8f8aa3;--line:#322f40;--tile:#2c2a39;--tile-hover:#363346;--tile-ink:#f2f0f8;--sel:#f2f0f8;--sel-ink:#1b1a24;--accent:#9d8cff;--accent-soft:#2a2645;--l0:#e2b93a;--l1:#62b874;--l2:#6aa0e0;--l3:#9e86ea;--l4:#e9875a;--l5:#de86a6;--l6:#c39a72;--l7:#8c97a8;--l8:#b4c2d4;--on-level:#15141b;--good:#5ccf7f;--bad:#ff7a66;--shadow:0 1px 2px #0000004d, 0 8px 28px #00000047;--shadow-lg:0 14px 48px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(900px 420px at 12% -120px, color-mix(in srgb, var(--l0) 22%, transparent), transparent 70%), radial-gradient(800px 420px at 92% -160px, color-mix(in srgb, var(--l3) 22%, transparent), transparent 70%), var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-repeat:no-repeat;margin:0;font-size:17px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.02em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(1.9rem,5vw,2.8rem);font-weight:900}h2{font-size:clamp(1.35rem,3.4vw,1.75rem);font-weight:850}h3{font-size:1.15rem;font-weight:800}a{color:var(--accent);text-underline-offset:3px}p{margin:0 0 1em}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.88rem}.lead{color:var(--soft);max-width:38em;margin-inline:auto;font-size:1.08rem}.kicker{background:linear-gradient(90deg, var(--l0), var(--l1), var(--l2), var(--l3));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:4rem;font-weight:900}.btn{border:2px solid var(--ink);min-height:46px;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.55em 1.25em;font-size:.98rem;font-weight:800;text-decoration:none;transition:transform .12s,background .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 7%, transparent)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.38;cursor:default}.btn.primary{background:var(--ink);color:var(--bg)}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 86%, var(--accent))}.btn.ghost{border-color:color-mix(in srgb, var(--ink) 80%, transparent)}.btn.big{width:100%;min-height:52px;padding-inline:1.6em;font-size:1.04rem}.btn.small{min-height:34px;padding:.25em .9em;font-size:.88rem}.icon-btn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:inline-grid}.icon-btn:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:.3em 0;font-weight:700}.top{z-index:20;padding:.55rem max(1rem, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.wordmark{letter-spacing:-.03em;font-size:1.2rem;font-weight:900}.wordmark em{color:var(--muted);font-style:normal;font-weight:800}.top-nav{gap:.25rem;margin-left:.75rem;display:flex}.top-nav a{color:var(--soft);border-radius:10px;padding:.45em .8em;font-size:.95rem;font-weight:700;text-decoration:none}.top-nav a:hover{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink)}.top-tools{align-items:center;gap:.15rem;margin-left:auto;display:flex}.lang{position:relative}.lang summary{cursor:pointer;border-radius:12px;align-items:center;gap:.3rem;height:40px;padding:0 .6rem;font-size:.85rem;font-weight:800;list-style:none;display:inline-flex}.lang summary::-webkit-details-marker{display:none}.lang summary:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.lang ul{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:30;border-radius:16px;grid-template-columns:repeat(2,minmax(8.5rem,1fr));gap:2px;margin:0;padding:.4rem;list-style:none;display:grid;position:absolute;top:calc(100% + 6px);right:0}.lang a,.lang-list a{color:var(--ink);border-radius:10px;padding:.45em .75em;font-size:.94rem;font-weight:650;text-decoration:none;display:block}.lang a:hover,.lang-list a:hover{background:color-mix(in srgb, var(--ink) 7%, transparent)}.lang a[aria-current],.lang-list a[aria-current]{background:var(--accent-soft);color:var(--accent);font-weight:850}.lang-banner{background:var(--ink);color:var(--bg);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;font-size:.93rem;font-weight:650;display:flex}.lang-banner .btn.primary{background:var(--bg);color:var(--ink);border-color:var(--bg)}.lang-banner .link-btn{color:color-mix(in srgb, var(--bg) 75%, transparent)}.modes-strip{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);position:relative}.modes-strip-inner{scrollbar-width:none;justify-content:safe center;gap:.4rem;max-width:1080px;margin:0 auto;padding:.6rem 1rem;display:flex;overflow-x:auto}.modes-strip-inner::-webkit-scrollbar{display:none}.modes-strip a{border:1.5px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--soft);border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.38em .85em;font-size:.9rem;font-weight:750;text-decoration:none;transition:border-color .15s,color .15s,transform .12s;display:inline-flex}.modes-strip a:hover{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 40%, transparent)}.modes-strip a[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.mode-icon{flex:none}.main{padding:0 1rem 3rem}.stage{text-align:center;max-width:640px;margin:0 auto;padding-top:clamp(1rem,3vw,2rem)}.stage-wide{max-width:820px}.stage-head h1{margin-bottom:.2em}.stage-head .lead{margin-bottom:1.2rem;font-size:1rem}.legend{color:var(--muted);margin-top:1.4rem;font-size:.85rem}.below{max-width:1000px;margin:3.5rem auto 0}.below>h2{text-align:center;margin-top:2.5rem}.below>.muted{text-align:center;margin-top:-.3rem}.page{max-width:760px;margin:0 auto;padding-top:clamp(1.5rem,4vw,3rem)}.page-head{text-align:center;margin-bottom:2rem}.page-center{text-align:center;padding-block:4rem}.cta{max-width:380px;margin:2.5rem auto 0}.board{--gap:clamp(6px, 1.6vw, 10px);position:relative}.grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:var(--gap);display:grid}.tile{border-radius:var(--radius);background:var(--tile);min-height:clamp(62px,17vw,84px);color:var(--tile-ink);letter-spacing:.01em;text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;place-items:center;padding:.3rem;font-size:clamp(.78rem,3.4vw,1.04rem);font-weight:850;line-height:1.12;transition:background .12s,color .12s,transform .1s;display:grid;position:relative;box-shadow:inset 0 -3px #0000000f}.board[data-size="3"] .tile{min-height:clamp(76px,22vw,104px);font-size:clamp(.86rem,3.8vw,1.12rem)}.tile[data-len=m]{font-size:clamp(.72rem,3vw,.96rem)}.tile[data-len=l]{font-size:clamp(.64rem,2.6vw,.86rem)}.tile[data-len=xl]{letter-spacing:0;font-size:clamp(.58rem,2.3vw,.76rem)}.board-emoji .tile{text-transform:none;font-size:clamp(1.9rem,8.5vw,2.6rem)}.tile:hover{background:var(--tile-hover)}.tile:active{transform:scale(.95)}.tile.on{background:var(--sel);color:var(--sel-ink)}.tile.hop{animation:.32s both hop}.tile.shake{animation:.42s both shake}@keyframes hop{0%,to{transform:translateY(0)}45%{transform:translateY(-9px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}.solved{border-radius:var(--radius);background:var(--l0);min-height:clamp(62px,17vw,84px);color:var(--on-level);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:.5rem .8rem;animation:.38s cubic-bezier(.2,1.4,.4,1) both pop;display:flex}.board[data-size="3"] .solved{min-height:clamp(76px,22vw,104px)}.solved strong{text-transform:uppercase;letter-spacing:.02em;font-size:clamp(.84rem,3.4vw,1.04rem);font-weight:900}.solved span{text-transform:uppercase;font-size:clamp(.8rem,3.2vw,.98rem);font-weight:650}.board-emoji .solved span{letter-spacing:.1em;font-size:1.5rem}[data-level="0"]{--lv:var(--l0)}[data-level="1"]{--lv:var(--l1)}[data-level="2"]{--lv:var(--l2)}[data-level="3"]{--lv:var(--l3)}[data-level="4"]{--lv:var(--l4)}[data-level="5"]{--lv:var(--l5)}[data-level="6"]{--lv:var(--l6)}[data-level="7"]{--lv:var(--l7)}[data-level="8"]{--lv:var(--l8)}.board[data-groups="6"] .tile,.board[data-groups="6"] .solved{min-height:clamp(54px,14.5vw,72px)}.board[data-groups="9"] .tile,.board[data-groups="9"] .solved{min-height:clamp(46px,12vw,58px)}.board[data-groups="9"] .solved{padding-block:.3rem}.board[data-groups="9"] .solved strong{font-size:clamp(.78rem,3vw,.94rem)}.board[data-groups="9"] .solved span{font-size:clamp(.72rem,2.8vw,.86rem)}.solved[data-level]{background:var(--lv)}@keyframes pop{0%{opacity:.4;transform:scale(.92)}to{opacity:1;transform:scale(1)}}::view-transition-group(*){animation-duration:.36s;animation-timing-function:cubic-bezier(.3,.9,.3,1)}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}.toast{background:var(--ink);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;z-index:5;border-radius:999px;padding:.5em 1.1em;font-size:.95rem;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;top:-.6rem;left:50%;transform:translate(-50%,-100%)scale(.9)}.toast[data-show]{opacity:1;transform:translate(-50%,-100%)scale(1)}.hints{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.hints li{border:2px dashed var(--lv);border-radius:999px;padding:.3em .9em;font-size:.9rem;font-weight:750}.mistakes{color:var(--soft);justify-content:center;align-items:center;gap:.6rem;margin:1.1rem 0 .2rem;font-size:.95rem;font-weight:650;display:flex}.dots{gap:.45rem;display:inline-flex}.dots i{background:var(--ink);border-radius:50%;width:13px;height:13px;transition:transform .3s,opacity .3s}.dots i[data-used]{opacity:.15;transform:scale(.7)}.controls{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:.9rem;display:flex}.after{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.2rem;display:flex}.skeleton .ghost-tile{cursor:default;animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.notice{background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:2rem 1rem}.play-head{justify-content:space-between;align-items:center;gap:.6rem;min-height:40px;margin-bottom:.8rem;display:flex}.play-meta{flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:center;gap:.35rem .6rem;display:flex}.badge{background:var(--ink);color:var(--bg);border-radius:999px;padding:.2em .75em;font-size:.85rem;font-weight:850;display:inline-block}.date{color:var(--muted);font-size:.9rem;font-weight:650}.modal{background:var(--surface);color:var(--ink);width:min(440px,100vw - 1.5rem);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-lg);border:0;border-radius:24px;padding:0}.modal[open]{animation:.25s cubic-bezier(.2,1.2,.4,1) modal-in}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#100e1873}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.modal-body{flex-direction:column;gap:.75rem;padding:1.6rem 1.4rem 1.4rem;display:flex;position:relative}.modal-body h2{margin:0}.modal-body h3{margin:.6rem 0 0}.modal-x{background:color-mix(in srgb, var(--ink) 7%, transparent);cursor:pointer;border:0;border-radius:50%;width:38px;height:38px;font-size:1.4rem;line-height:1;position:absolute;top:.6rem;right:.7rem}.result{text-align:center;flex-direction:column;align-items:stretch;gap:.6rem;display:flex}.result p{margin:0}.result-emoji{font-size:2.8rem;line-height:1}.result-line{font-weight:750}.share-grid{letter-spacing:.08em;margin:.2rem auto;font-family:inherit;font-size:1.35rem;line-height:1.15}.big-score{font-size:1.6rem;font-weight:900}.countdown{color:var(--soft);justify-content:center;align-items:baseline;gap:.6rem;font-weight:650;display:flex}.countdown strong{font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.25rem}.stats{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.9rem}.stats h3{text-align:center;margin:0 0 .6rem}.stats h4{color:var(--soft);margin:.9rem 0 .4rem;font-size:.9rem}.stat-row{text-align:center;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.4rem;display:grid}.stat-row strong{font-size:1.6rem;font-weight:900;line-height:1.1;display:block}.stat-row span{color:var(--muted);font-size:.78rem;font-weight:650}.dist{gap:4px;display:grid}.dist-row{grid-template-columns:4.5rem 1fr;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:grid}.dist-row>span{text-align:right;color:var(--soft)}.dist .bar{background:var(--l2);color:var(--on-level);text-align:right;border-radius:6px;min-width:1.8em;padding:.05em .5em;font-weight:850}.other-modes h4{color:var(--soft);text-align:center;margin:.8rem 0 .5rem;font-size:.9rem}.chips{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.chip{border:1.5px solid var(--line);color:var(--ink);border-radius:999px;padding:.35em .9em;font-size:.9rem;font-weight:750;text-decoration:none}.chip:hover{border-color:var(--ink)}.setting{justify-content:space-between;align-items:center;gap:1rem;font-weight:700;display:flex}.seg{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:999px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--soft);background:0 0;border:0;border-radius:999px;padding:.35em .9em;font-size:.88rem;font-weight:750}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #00000026}.lang-list{grid-template-columns:1fr 1fr;gap:2px;margin:0;padding:0;list-style:none;display:grid}.how-steps{gap:.4rem;margin:0;padding-left:1.3rem;display:grid}.how-example{gap:8px;margin:.4rem 0 .6rem;display:grid}.page .how-example{max-width:520px;margin:2rem auto 0}.confetti{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:2.6s cubic-bezier(.25,.6,.5,1) forwards fall;position:absolute;top:-20px}@keyframes fall{to{top:105vh;translate:0;rotate:720deg}}.speed-bar{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.9rem;margin-bottom:1rem;padding:.6rem 1rem;display:grid;position:relative}.speed-stat{flex-direction:column;align-items:center;line-height:1.1;display:flex}.speed-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:750}.speed-stat strong{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:900}.speed-stat strong[data-low]{color:var(--bad)}.speed-progress{background:color-mix(in srgb, var(--ink) 9%, transparent);border-radius:99px;height:10px;overflow:hidden}.speed-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--l4), var(--l0));height:100%;transition:width .1s linear;display:block}.speed-flash{color:var(--good);margin-top:.3rem;font-size:1.2rem;font-weight:900;animation:.7s ease-out both float;position:absolute;top:100%;right:1rem}.speed-flash[data-bad]{color:var(--bad)}@keyframes float{0%{opacity:0;transform:translateY(6px)}30%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.speed-start{position:relative}.speed-start .skeleton .ghost-tile{opacity:.6;animation:none}.speed-overlay{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1.5rem;display:flex;position:absolute;inset:0}.speed-overlay .btn{width:auto}.speed-overlay p{max-width:26em;margin:0;font-weight:700}.archive{text-align:left}.archive-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.archive-grid button{background:var(--surface);width:100%;box-shadow:var(--shadow);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.6rem .7rem;display:flex;position:relative}.archive-grid button:hover{border-color:var(--ink)}.archive-grid strong{font-size:1.05rem;font-weight:900}.archive-grid span{color:var(--muted);font-size:.78rem;font-weight:650}.archive-grid i{background:var(--line);border-radius:50%;width:11px;height:11px;position:absolute;top:.7rem;right:.6rem}.archive-grid [data-status=won] i{background:var(--good)}.archive-grid [data-status=lost] i{background:var(--bad)}.archive-grid [data-status=playing] i{background:var(--l0)}.create{text-align:left}.create label{gap:.3rem;font-size:.92rem;font-weight:750;display:grid}.create input,.contact input,.contact textarea,.link-box input{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;width:100%;padding:.65em .85em;font-weight:650}.create input:focus,.contact input:focus,.contact textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.create-meta{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem;display:grid}.create-groups{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.create fieldset{background:color-mix(in srgb, var(--lv) 28%, var(--surface));box-shadow:var(--shadow);border:0;border-radius:18px;margin:0;padding:.9rem}.create legend{float:left;text-transform:uppercase;letter-spacing:.06em;width:100%;margin-bottom:.5rem;font-size:.85rem;font-weight:900}.create .cat{margin-bottom:.5rem;font-weight:850}.create .words{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.create-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.create-actions .btn.big{width:auto}.form-error{color:var(--bad);text-align:center;font-weight:750}.link-box{background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:20px;margin-top:1.5rem;padding:1.2rem}.contact{background:var(--surface);max-width:560px;box-shadow:var(--shadow);border-radius:22px;gap:1rem;margin:0 auto;padding:1.4rem;display:grid}.contact label{gap:.35rem;font-size:.93rem;font-weight:750;display:grid}.mode-cards{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.9rem;margin-top:1.4rem;display:grid}.mode-card{background:var(--surface);box-shadow:var(--shadow);color:var(--ink);border:2px solid #0000;border-radius:20px;flex-direction:column;gap:.3rem;padding:1.1rem 1.1rem 1.2rem;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;position:relative}.mode-card:hover{border-color:var(--ink);transform:translateY(-3px)}.mode-card strong{font-size:1.08rem;font-weight:900}.mode-card>span:last-child{color:var(--soft);font-size:.93rem;line-height:1.4}.mode-card-icon{background:var(--bg2);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:.3rem;display:inline-grid}.mode-card-icon .mode-icon{width:26px;height:26px}.prose{max-width:720px;color:var(--soft);margin:3rem auto 0;font-size:1.03rem}.page .prose{margin-top:0}.prose h2,.prose h3{color:var(--ink);margin-top:1.8em}.prose>h2:first-child,.prose>section:first-child h2{margin-top:0}.prose ol,.prose ul{padding-left:1.3rem}.prose li{margin-bottom:.35em}.faq{gap:.6rem;max-width:760px;margin:1.2rem auto 0;display:grid}.faq details{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:0 1.1rem}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:1rem 0;font-weight:800;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-size:1.3rem;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--soft);margin:0 0 1rem}.foot{border-top:1px solid var(--line);background:var(--bg2);margin-top:4rem;padding:2.5rem 1rem 2rem;font-size:.93rem}.foot-cols{grid-template-columns:1.4fr repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.foot-cols>div{flex-direction:column;gap:.35rem;display:flex}.foot-cols h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .3rem;font-size:.8rem}.foot-cols a{color:var(--soft);font-weight:650;text-decoration:none}.foot-cols a:hover{color:var(--ink)}.foot-brand p{color:var(--muted);max-width:22em;margin-top:.4rem}.foot-langs{flex-wrap:wrap;justify-content:center;gap:.3rem 1rem;max-width:1000px;margin:2rem auto 0;display:flex}.foot-langs a{color:var(--muted);font-size:.88rem;font-weight:650;text-decoration:none}.foot-langs a[aria-current]{color:var(--ink)}.foot-note{text-align:center;color:var(--muted);margin:1rem 0 0;font-size:.82rem}@media (max-width:760px){.top-nav{display:none}.modes-strip-inner{justify-content:flex-start}.foot-cols{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.create-groups,.create-meta{grid-template-columns:1fr}}@media (max-width:420px){body{font-size:16px}.main{padding-inline:.65rem}.wordmark{font-size:1.05rem}.controls{gap:.4rem}.controls .btn{flex:auto;min-height:44px;padding-inline:.7em;font-size:.86rem}.controls .btn.primary{flex-basis:100%;min-height:50px;font-size:1rem}.speed-bar{grid-template-columns:auto 1fr auto;gap:.6rem}.speed-bar .speed-stat:last-of-type{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.ez-slot{text-align:center;max-width:100%;margin:24px auto;overflow:hidden}.ez-slot:has(>div:empty){margin:0}#ez-cookie-dialog-wrapper,.ez-main-cmp-wrapper{pointer-events:none!important}#ez-cookie-dialog,#ez-cookie-dialog *,.ez-cmp-content,.ez-cmp-content *{pointer-events:auto!important}