:root{--bg0:#070a18;--bg1:#10152f;--bg2:#1d2556;--ink:#f4efe6;--ink-2:#bcc2e3;--ink-3:#8a92bd;--line:#bcc2e324;--mint:#3ee6b4;--mint-hi:#74f6d2;--mint-deep:#169e75;--mint-pale:#d5f9ec;--mint-pale-2:#bdf0dd;--mint-pale-edge:#85cdb2;--tile:#f8f3ea;--tile-2:#ece5d7;--tile-edge:#c2b9a6;--tile-ink:#141933;--tray:#1a2149;--tray-2:#141a3b;--hole:#090c1f;--wrong:#df4a40;--reveal:#5664d4;--font:"Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Fraunces", Georgia, "Times New Roman", serif;--board:min(92vw, 440px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--bg0)}body{background:radial-gradient(90% 55% at 50% -5%, #3ee6b412, transparent 60%), radial-gradient(120% 80% at 50% 0%, var(--bg2) 0%, var(--bg1) 42%, var(--bg0) 100%) fixed;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.app{min-height:100dvh;padding:0 max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex}.dot{opacity:.5;margin:0 .3em}.top{width:min(100%,1000px);padding:max(10px, env(safe-area-inset-top)) 0 8px;justify-content:space-between;align-items:center;gap:10px;display:flex}.brand{cursor:default;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:4px 4px 4px 0;display:flex}.app button.brand[aria-label*=back]{cursor:pointer}.mark{background:linear-gradient(180deg, var(--mint-hi), var(--mint));color:#0b1b1a;width:34px;height:34px;font:800 19px/1 var(--font);box-shadow:0 3px 0 var(--mint-deep), 0 6px 14px #3ee6b438, inset 0 1px 0 #fff9;border-radius:9px;flex:none;place-items:center;padding-top:3px;display:grid;position:relative}.mark__n{opacity:.75;font-size:9px;font-weight:700;position:absolute;top:3px;left:5px}.brand__text{flex-direction:column;line-height:1.05;display:flex}.wordmark{font:650 21px/1.05 var(--serif);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}.brand__sub{color:var(--ink-3);margin-top:3px;font-size:12px;font-weight:500}.top__tools{align-items:center;gap:2px;display:flex}.timer{font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:center;background:#bcc2e312;border-radius:999px;min-width:52px;margin-right:4px;padding:5px 10px;font-size:15px;font-weight:600}.timer.is-live{color:var(--ink)}.iconbtn{width:38px;height:38px;color:var(--ink-2);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:11px;place-items:center;display:grid}.iconbtn:hover{color:var(--ink);background:#bcc2e314}.iconbtn[aria-expanded=true]{color:var(--mint);background:#3ee6b424}.menuwrap{position:relative}.stage{justify-content:center;align-items:flex-start;gap:36px;width:100%;margin-top:10px;display:flex}.play{flex-direction:column;align-items:center;display:flex}.boardwrap{position:relative}.tray{--gap:calc(var(--board) * .021);--pad:calc(var(--board) * .034);--thick:max(3px, calc(var(--board) * .011));width:var(--board);padding:var(--pad) var(--pad) calc(var(--pad) + var(--thick));border-radius:calc(var(--board) * .055);background:radial-gradient(120% 90% at 50% 0%, #ffffff0d, transparent 55%), linear-gradient(180deg, var(--tray), var(--tray-2));perspective:900px;box-shadow:inset 0 1px #ffffff17,inset 0 -4px 10px #00000073,0 2px #ffffff08,0 24px 60px #0000008c,0 8px 18px #00000059}.grid{gap:var(--gap);grid-template-columns:repeat(5,1fr);display:grid}.cell{aspect-ratio:1;background:linear-gradient(180deg, var(--tile) 0%, var(--tile-2) 100%);box-shadow:0 var(--thick) 0 var(--tile-edge), 0 calc(var(--thick) + 3px) 7px #00000073, inset 0 1.5px 0 #fffffff2, inset 0 -2px 4px #5a462812;cursor:pointer;touch-action:manipulation;border-radius:15%;place-items:center;transition:transform .12s,box-shadow .15s;display:grid;position:relative}.cell--block{cursor:default;background:radial-gradient(80% 80% at 50% 35%, #0e1230, var(--hole));box-shadow:inset 0 3px 8px #000c,inset 0 -1px #ffffff0d}.cell.is-word{background:linear-gradient(180deg, var(--mint-pale) 0%, var(--mint-pale-2) 100%);box-shadow:0 var(--thick) 0 var(--mint-pale-edge), 0 calc(var(--thick) + 3px) 7px #0000006b, inset 0 1.5px 0 #ffffffe6}.cell.is-cursor{background:linear-gradient(180deg, var(--mint-hi) 0%, var(--mint) 100%);box-shadow:0 var(--thick) 0 var(--mint-deep), 0 0 0 2px #74f6d273, 0 calc(var(--thick) + 8px) 20px #3ee6b452, inset 0 1.5px 0 #ffffffb3;z-index:1;transform:translateY(-2px)}.cell__ch{z-index:2;font-weight:650;font-size:calc(var(--board) * .1);color:var(--tile-ink);line-height:1;position:relative;transform:translateY(7%)}.cell__num{z-index:2;font-size:max(9px, calc(var(--board) * .029));color:#14193394;font-weight:600;line-height:1;position:absolute;top:6%;left:10%}.cell.is-wrong .cell__ch{color:var(--wrong)}.cell.is-wrong:after{content:"";z-index:3;height:max(2px, calc(var(--board) * .006));background:var(--wrong);opacity:.85;border-radius:2px;position:absolute;top:50%;left:16%;right:16%;transform:rotate(-38deg)}.cell.is-revealed .cell__ch{color:var(--reveal)}.cell.is-revealed:before{content:"";z-index:3;background:linear-gradient(225deg, var(--reveal) 50%, transparent 50%);border-top-right-radius:55%;width:26%;height:26%;position:absolute;top:0;right:0}.cell.is-down{cursor:default}.cell__ch.is-pop{animation:.24s cubic-bezier(.25,1.5,.5,1) letter-drop}@keyframes letter-drop{0%{opacity:.2;transform:translateY(-22%)scale(1.3)}55%{opacity:1;transform:translateY(10%)scale(.95)}to{transform:translateY(7%)scale(1)}}.cell:not(.is-solved):has(>.cell__ch.is-pop){animation:.2s ease-out tile-dip}@keyframes tile-dip{0%{translate:0}40%{translate:0 calc(var(--thick) * .6)}to{translate:0}}.cell__ch.is-flash{animation:sweep .5s ease-out calc((var(--c) + var(--r)) * 45ms) both}@keyframes sweep{0%{filter:none}35%{filter:drop-shadow(0 0 6px #3ee6b4e6)brightness(1.25);transform:translateY(0)scale(1.12)}to{filter:none;transform:translateY(7%)scale(1)}}.tray--nope{animation:.42s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.cell.is-solved:after{content:"";z-index:1;border-radius:inherit;background:linear-gradient(180deg, var(--mint-pale), var(--mint-pale-2));opacity:0;animation:turn-mint .7s calc(var(--d) * 70ms) forwards;position:absolute;inset:0}.cell.is-solved{animation:flip .7s cubic-bezier(.45, 0, .3, 1) calc(var(--d) * 70ms) both}.cell.is-solved .cell__num{color:#083c2e8c}.tray--solved{transition:box-shadow 1.2s .6s;box-shadow:inset 0 1px #ffffff17,inset 0 -4px 10px #00000073,0 24px 70px #3ee6b424,0 8px 18px #00000059}@keyframes turn-mint{0%,49%{opacity:0}50%,to{opacity:1}}@keyframes flip{0%{transform:rotateX(0)}49%{box-shadow:0 var(--thick) 0 var(--tile-edge), 0 calc(var(--thick) + 3px) 7px #00000073;transform:rotateX(90deg)}50%{box-shadow:0 var(--thick) 0 var(--mint-pale-edge), 0 calc(var(--thick) + 3px) 7px #00000073;transform:rotateX(90deg)}to{box-shadow:0 var(--thick) 0 var(--mint-pale-edge), 0 calc(var(--thick) + 6px) 16px #3ee6b438, inset 0 1.5px 0 #ffffffe6;transform:rotateX(0)}}.cell.is-done{filter:saturate(.85)}.tray--deal .cell:not(.cell--block){animation:deal .5s cubic-bezier(.3, 1.3, .5, 1) calc(var(--d) * 40ms) both}@keyframes deal{0%{transform:rotateY(90deg)scale(.9)}to{transform:rotateY(0)scale(1)}}.start{z-index:5;border-radius:calc(var(--board) * .055);-webkit-backdrop-filter:blur(3px);background:#080b1a61;place-items:center;display:grid;position:absolute;inset:0}.start__card{text-align:center;background:linear-gradient(#1f2654f5,#121736f5);border:1px solid #bcc2e324;border-radius:20px;width:min(86%,330px);padding:24px 22px 22px;animation:.35s cubic-bezier(.2,1.2,.4,1) both rise;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff14}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.97)}}.start__eyebrow{letter-spacing:.04em;color:var(--ink-3);margin:0;font-size:12.5px;font-weight:600}.start__title{font:650 36px/1.05 var(--serif);letter-spacing:-.015em;margin:6px 0 4px}.start__note{max-width:250px;color:var(--ink-2);margin:0 auto 18px;font-size:15px;line-height:1.4}.start__streak{color:var(--mint);margin:14px 0 0;font-size:13px}.btn{appearance:none;color:#062019;background:linear-gradient(180deg, var(--mint-hi), var(--mint));box-shadow:0 4px 0 var(--mint-deep), 0 10px 22px #3ee6b438, inset 0 1px 0 #ffffff8c;cursor:pointer;touch-action:manipulation;border:0;border-radius:13px;padding:12px 22px;font-size:16px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 1px 0 var(--mint-deep), 0 4px 10px #3ee6b433, inset 0 1px 0 #ffffff80;transform:translateY(3px)}.btn--big{padding:14px 44px;font-size:18px}.btn--ghost{color:var(--ink);background:#bcc2e314;box-shadow:inset 0 0 0 1px #bcc2e338,0 3px #00000059}.btn--ghost:active{box-shadow:inset 0 0 0 1px #bcc2e338}.linkbtn{appearance:none;color:var(--ink-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:14px;-webkit-text-decoration:underline #bcc2e359;text-decoration:underline #bcc2e359}.linkbtn:hover{color:var(--ink)}.cluebar{width:var(--board);align-items:stretch;gap:4px;margin-top:14px;display:flex}.cluebar__arrow{color:var(--ink-2);cursor:pointer;touch-action:manipulation;background:#bcc2e30f;border:0;border-radius:13px;flex:0 0 40px;place-items:center;display:grid}.cluebar__arrow:active{color:var(--mint);background:#3ee6b429}.cluebar__text{text-align:left;cursor:pointer;touch-action:manipulation;background:linear-gradient(#252e66,#1c2352);border:0;border-radius:15px;flex:auto;align-items:center;gap:11px;min-width:0;min-height:60px;padding:8px 14px;display:flex;box-shadow:inset 0 1px #ffffff17,0 8px 20px #0000004d}.cluebar__tag{color:#06201a;background:var(--mint);box-shadow:0 2px 0 var(--mint-deep);border-radius:8px;flex:none;padding:5px 7px 4px;font-size:13px;font-weight:750}.cluebar__clue{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.lists{width:330px;max-height:calc(var(--board) + 74px);flex-direction:column;gap:18px;padding:2px 4px 2px 0;display:flex;overflow-y:auto}.list__h{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 6px;font-size:11.5px;font-weight:700}.list ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.list__item button{text-align:left;cursor:pointer;width:100%;color:var(--ink-2);background:0 0;border:0;border-radius:11px;align-items:baseline;gap:12px;padding:9px 12px;font-size:16px;line-height:1.3;display:flex}.list__item button:hover{background:#bcc2e30f}.list__num{min-width:16px;color:var(--ink-3);font-weight:700}.list__item.is-full .list__clue{color:var(--ink-3)}.list__item.is-cross button{background:#3ee6b40f}.list__item.is-active button{color:var(--ink);background:#3ee6b429}.list__item.is-active .list__num{color:var(--mint)}.kb{z-index:20;padding:10px max(5px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-right));background:linear-gradient(#070a1800 0%,#070a18e6 10px);flex-direction:column;gap:7px;display:flex;position:fixed;bottom:0;left:0;right:0}.kb__row{justify-content:center;gap:5px;display:flex}.kb__key{color:#eef0ff;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;background:linear-gradient(#343d78,#272f62);border:0;border-radius:9px;flex:1 1 0;place-items:center;max-width:48px;height:50px;font-size:19px;font-weight:600;display:grid;box-shadow:0 3px #10143a,0 6px 12px #00000059,inset 0 1px #ffffff21}.kb__key:active{background:linear-gradient(#4550a0,#343e84);transform:translateY(3px);box-shadow:0 0 #10143a,inset 0 1px #ffffff1f}.kb__key--wide{flex:1.55 1 0;max-width:74px}.toast{z-index:6;white-space:nowrap;color:var(--ink);background:#0a0d20eb;border:1px solid #bcc2e329;border-radius:999px;margin:0;padding:9px 16px;font-size:14px;font-weight:600;animation:2.6s both toast;position:absolute;bottom:14px;left:50%;box-shadow:0 10px 30px #00000080}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,4px)}}.menu{z-index:30;background:#1a2150;border:1px solid #bcc2e329;border-radius:16px;width:228px;padding:8px;animation:.18s ease-out both rise;position:absolute;top:46px;right:-6px;box-shadow:0 20px 50px #0009}.menu__k{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:6px 10px 3px;font-size:11px;font-weight:700}.menu__item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 10px;font-size:15px;display:block}.menu__item:hover{background:#bcc2e314}.menu__item--danger{color:#ff8f86}.menu__confirm{padding:4px 10px 2px}.menu__confirm p{color:var(--ink-2);margin:4px 0 6px;font-size:13.5px;line-height:1.35}.menu__row{gap:4px;margin:0 -10px;display:flex}.menu__foot{color:var(--ink-3);margin:8px 10px 4px;font-size:12px}.done{text-align:center;background:linear-gradient(#1f2654e6,#121736e6);border:1px solid #bcc2e31f;border-radius:22px;width:min(92vw,440px);margin-top:22px;padding:22px 20px 18px;animation:.45s cubic-bezier(.2,1.1,.4,1) .9s both rise;box-shadow:0 20px 50px #0006,inset 0 1px #ffffff12}.done__eyebrow{letter-spacing:.05em;color:var(--ink-3);text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.done__time{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:64px;font-weight:750;line-height:1.05}.done__title{font:650 30px/1.1 var(--serif);margin:8px 0 2px}.done__note{color:var(--ink-2);margin:6px 0 16px;font-size:16px}.done__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.done__next{color:var(--ink-3);font-variant-numeric:tabular-nums;margin:16px 0 0;font-size:13.5px}.done__stats{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:18px;margin-top:14px;padding-top:14px;font-size:13px;display:flex}.done__stats b{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:4px;font-size:15px}.modal{z-index:50;background:#03050ea8;place-items:center;padding:18px;animation:.18s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal__panel{background:linear-gradient(#1d2458,#141a40);border:1px solid #bcc2e324;border-radius:20px;outline:none;width:min(100%,420px);max-height:calc(100dvh - 36px);padding:16px 18px 20px;animation:.25s cubic-bezier(.2,1.2,.4,1) both rise;overflow-y:auto;box-shadow:0 30px 80px #0009}.modal__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.modal__title{font:650 24px/1.1 var(--serif);margin:0}.stats__grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats__tile{background:#bcc2e30f;border-radius:13px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.stats__v{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.stats__k{color:var(--ink-3);font-size:12px}.stats__h{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:18px 0 8px;font-size:12px;font-weight:700}.stats__bars{align-items:flex-end;gap:6px;height:90px;display:flex}.stats__bar{flex:1;align-items:flex-end;height:100%;display:flex}.stats__fill{background:linear-gradient(180deg, var(--mint-hi), var(--mint));border-radius:6px 6px 3px 3px;width:100%}.stats__fill.is-help{background:linear-gradient(#f7d154,#e0a93a)}.stats__note{color:var(--ink-2);text-align:center;margin:14px 0 0;font-size:14px}.rules ul{flex-direction:column;gap:10px;margin:0 0 18px;padding-left:18px;display:flex}.rules li{color:var(--ink-2);font-size:15.5px;line-height:1.45}.rules .btn{width:100%}.more{flex-direction:column;gap:8px;width:min(380px,92vw);margin-top:30px;display:flex}.more__k{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);text-align:center;font-size:10px;font-weight:700}.more__row{gap:8px;display:flex}.more__card{border:1px solid var(--line);background:#141a3bb3;border-radius:13px;flex:1 1 0;align-items:center;gap:9px;min-width:0;padding:10px;text-decoration:none;transition:border-color .16s,background .16s;display:flex}.more__card:hover{background:#1f2654cc;border-color:#bcc2e34d}.more__icon{border-radius:7px;flex:none}.more__text{flex-direction:column;min-width:0;display:flex}.more__name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.more__tag{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sub-card{text-align:center;border:1px solid var(--line);background:#141a3bcc;border-radius:16px;width:min(400px,92vw);margin-top:16px;padding:16px 16px 12px}.sub-card__title{margin:0;font-size:16px;font-weight:700}.sub-card__note{color:var(--ink-2);margin:4px 0 12px;font-size:13.5px;line-height:1.45}.sub-form{justify-content:center;gap:8px;display:flex}.sub-input{appearance:none;min-width:0;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;background:#070a18b3;border:1px solid #bcc2e333;border-radius:12px;flex:auto;padding:10px 14px;font-size:16px}.sub-input:focus-visible{outline:2px solid var(--mint);outline-offset:1px}.sub-card .btn{padding:10px 16px;font-size:15px}.sub-card__err{color:#ff9d8a;margin:8px 0 0;font-size:13px}.sub-card__no{appearance:none;color:var(--ink-3);cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:13px;text-decoration:underline}.sub-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.foot{width:min(460px,92vw);padding:22px 0 calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:16px;margin-top:30px;display:flex}.foot__links{flex-wrap:wrap;justify-content:center;gap:6px 18px;display:flex}.foot__made{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;align-items:center;gap:7px;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.foot__made img{opacity:.85;display:block}.foot__legal{color:var(--ink-3);opacity:.8;margin:0;font-size:11.5px}.app--solving.app--touch{--board:min(94vw, calc(100dvh - 346px - env(safe-area-inset-bottom) - env(safe-area-inset-top)), 480px);height:100dvh;overflow:hidden}.app--solving.app--touch .stage{margin-top:4px}.app--solving.app--touch .cluebar{width:min(94vw,520px)}.app--ready .stage,.app--done .stage{margin-top:14px}@media (width>=900px){:root{--board:min(500px, calc(100dvh - 190px))}.app--done .stage,.app--solving .stage{justify-content:center}.top{padding-top:18px}.wordmark{font-size:24px}}@media (width<=380px){.wordmark{font-size:18px}.mark{width:30px;height:30px;font-size:17px}.iconbtn{width:34px;height:34px}.timer{min-width:46px;padding:4px 7px;font-size:14px}.cluebar__clue{font-size:16px}.done__time{font-size:54px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}.cell.is-solved:after{opacity:1}}