:root{--cream:#f4efe4;--cream-deep:#ece5d3;--cell:#f9f5ea;--ink:#1f1a14;--ink-soft:#4a4339;--ink-mute:#8a8273;--line:#d9d0bd;--line-soft:#e5ddc8;--accent:#1f1a14;--good:#4f8b3a;--bad:#c84b36;--gap:6px;--radius:4px;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--cream);overscroll-behavior:none;min-height:100vh;margin:0;padding:0}body{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}h1,h2,h3,p{margin:0}.serif{font-variation-settings:"opsz" 96;letter-spacing:-.01em;font-family:Fraunces,Georgia,serif}html,body,#root{height:100%;overflow:hidden}.app{background:var(--cream);justify-content:center;height:100dvh;display:flex;overflow:hidden}.app__shell{flex-direction:column;gap:6px;width:100%;max-width:460px;height:100dvh;padding:10px 18px 14px;animation:.45s both fadeUp;display:flex;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app__board-area{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.rotate-prompt{display:none}@media (height<=500px) and (orientation:landscape){.app__shell{display:none}.rotate-prompt{background:var(--cream);text-align:center;z-index:1000;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}}.rotate-prompt__icon{margin-bottom:18px;font-size:56px;animation:2.4s ease-in-out infinite rotate-bob}@keyframes rotate-bob{0%,to{transform:rotate(-90deg)}50%{transform:rotate(0)}}.rotate-prompt__title{color:var(--ink);letter-spacing:-.02em;margin-bottom:6px;font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:700}.rotate-prompt__text{color:var(--ink-soft);max-width:280px;font-size:13px;line-height:1.5}.hd{flex-shrink:0;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:start;gap:4px 12px;padding:4px 0 6px;display:grid;position:relative}.hd__left{grid-area:1/1}.hd__right{grid-area:1/2;align-items:flex-start;gap:10px;display:flex}.hd__brand{color:var(--ink);letter-spacing:-.02em;font-size:32px;font-weight:900;line-height:1}.hd__dot{color:var(--bad)}.hd__tagline{letter-spacing:.16em;color:var(--ink-soft);margin-top:3px;font-size:10px;font-weight:600}.hd__meta{text-align:right}.hd__num{color:var(--ink);font-size:18px;font-weight:700;line-height:1}.hd__date{color:var(--ink-mute);margin-top:4px;font-size:12px;font-weight:500}.hd__help{background:var(--cream-deep);width:26px;height:26px;color:var(--ink-soft);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.hd__help:hover{background:var(--line-soft)}.hd__streak{background:var(--ink);color:#f4efe4;letter-spacing:.02em;border-radius:999px;grid-area:2/2;justify-self:end;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.hd__streak-emoji{font-size:12px;line-height:1}.tm{text-align:left;background:0 0;border:none;flex-shrink:0;width:100%;padding:2px 0 4px;display:block}.tm--solved{cursor:pointer;border-radius:6px;padding:6px 8px;transition:background .15s}.tm--solved:hover{background:var(--cream-deep)}.tm--solved .tm__label{color:var(--bad)}.tm__label{letter-spacing:.16em;color:var(--ink-mute);font-size:9px;font-weight:600}.tm__value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.board{background:var(--cream-deep);border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;place-content:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffff80,0 1px #00000005}.board__cell{background:var(--cell);aspect-ratio:1;border-radius:4px;min-width:0;min-height:0;box-shadow:inset 0 1px 1px #3c321e12,inset 0 -1px #fff9}.piece{transition:transform .18s}.piece--placed{animation:.22s lockIn}@keyframes lockIn{0%{opacity:.5;transform:scale(.92)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}.tray{background:var(--cream-deep);border:1px solid var(--line);border-radius:10px;flex-shrink:0;margin-top:6px;padding:8px 10px 10px}.tray__head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.tray__title{color:var(--ink);font-size:15px;font-weight:600}.tray__count{letter-spacing:.16em;color:var(--ink-mute);font-size:10px;font-weight:600}.tray__row{grid-template-columns:repeat(5,1fr);place-items:center;gap:2px 4px;min-height:0;display:grid}.tray__slot{cursor:grab;touch-action:none;background:0 0;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .15s,border-color .15s;display:inline-flex}.tray__slot:hover{background:#00000008}.tray__slot--selected{border-color:var(--ink);background:#1f1a1414}.tray__piece{pointer-events:none}.ctrls{flex-shrink:0;grid-template-columns:40px 1fr 1fr;gap:6px;margin-top:6px;display:grid}.ctrls__btn{padding:9px 6px;font-size:11px}.ctrls__btn--cancel{padding:9px 0;font-size:15px}.ctrls__btn{letter-spacing:.1em;color:var(--ink);background:var(--cream-deep);border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:12px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.ctrls__btn:not(:disabled):hover{background:var(--line-soft)}.ctrls__btn:not(:disabled):active{transform:translateY(1px)}.ctrls__btn:disabled{opacity:.55;cursor:default}.ctrls__icon{font-size:14px;line-height:1}.ctrls__btn--drop{color:#f4efe4;background:#4a4339;border-color:#2c2620}.ctrls__btn--drop:not(:disabled):hover,.ctrls__btn--drop-on{background:var(--ink)}.floating-layer{pointer-events:none;z-index:50;position:fixed;inset:0}.floating-piece{pointer-events:auto}.win{z-index:100;background:#1f1a1452;justify-content:center;align-items:center;padding:20px;animation:.2s winFade;display:flex;position:fixed;inset:0}@keyframes winFade{0%{opacity:0}to{opacity:1}}.win__card{background:var(--cream);border:1px solid var(--line);text-align:center;border-radius:14px;width:100%;max-width:360px;padding:28px 24px 22px;animation:.35s cubic-bezier(.2,.9,.3,1.3) winPop;box-shadow:0 24px 60px #0000002e}@keyframes winPop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.win__kicker{letter-spacing:.2em;color:var(--bad);font-size:10px;font-weight:700}.win__title{color:var(--ink);margin-top:4px;font-size:30px;font-weight:700}.win__sub{letter-spacing:.1em;color:var(--ink-mute);margin-top:2px;font-size:12px;font-weight:600}.win__stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-around;gap:8px;margin-top:18px;padding:14px 0;display:flex}.win__stat-num{color:var(--ink);font-size:22px;font-weight:700;line-height:1}.win__stat-lbl{letter-spacing:.18em;color:var(--ink-mute);margin-top:4px;font-size:9px;font-weight:600}.win__grid{white-space:pre;text-align:center;letter-spacing:0;margin:16px auto 0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:16px;line-height:1.05}.win__share{background:var(--ink);width:100%;color:var(--cream);letter-spacing:.04em;border-radius:8px;margin-top:16px;padding:12px;font-size:13px;font-weight:600;transition:background .15s}.win__share:hover{background:#2c2620}.win__countdown{color:var(--ink-mute);margin-top:14px;font-size:11px}.takeover{background:var(--cream);z-index:100;justify-content:center;align-items:center;padding:24px 24px 32px;animation:.32s takeover-fade;display:flex;position:fixed;inset:0}.takeover__close{width:36px;height:36px;color:var(--ink-mute);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:26px;line-height:1;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:14px;right:14px}.takeover__close:hover{background:var(--cream-deep);color:var(--ink)}@keyframes takeover-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.takeover__inner{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:440px;display:flex}.takeover__top{margin-bottom:14px}.takeover__kicker{letter-spacing:.22em;color:var(--ink-mute);font-size:12px;font-weight:700}.takeover__sub{letter-spacing:.28em;color:var(--bad);margin-top:4px;font-size:11px;font-weight:700}.takeover__time{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:88px;font-weight:900;line-height:.95}.takeover__board{justify-content:center;margin:0 0 22px;display:flex}.takeover__stats{color:var(--ink-soft);margin-bottom:22px;font-size:15px}.takeover__stats .serif{color:var(--ink);font-size:18px;font-weight:700}.takeover__dot{color:var(--ink-mute);margin:0 8px}.takeover__share{background:var(--ink);width:100%;max-width:320px;color:var(--cream);letter-spacing:.04em;cursor:pointer;border:none;border-radius:10px;padding:16px 18px;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.takeover__share:hover:not(:disabled){background:#2c2620}.takeover__share:active:not(:disabled){transform:translateY(1px)}.takeover__share--disabled,.takeover__share:disabled{background:var(--cream-deep);color:var(--ink-mute);cursor:not-allowed;opacity:.7}.takeover__countdown{color:var(--ink-mute);font-variant-numeric:tabular-nums;margin-top:16px;font-size:12px}.sheet-scrim{z-index:100;background:#1f1a1438;justify-content:center;align-items:flex-end;animation:.22s sheet-fade;display:flex;position:fixed;inset:0}@keyframes sheet-fade{0%{background-color:#1f1a1400}to{background-color:#1f1a1438}}.sheet{background:var(--cream);border-top-left-radius:18px;border-top-right-radius:18px;width:100%;max-width:460px;padding:10px 22px 24px;animation:.32s cubic-bezier(.18,.9,.3,1) sheet-slide;box-shadow:0 -20px 40px #0000002e}@keyframes sheet-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__handle{background:var(--line);border-radius:2px;width:40px;height:4px;margin:0 auto 14px}.sheet__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sheet__title{flex-direction:column;gap:2px;display:flex}.sheet__kicker{letter-spacing:.22em;color:var(--bad);font-size:10px;font-weight:700}.sheet__time{color:var(--ink);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1}.sheet__streak{background:var(--ink);color:var(--cream);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.sheet__grid{white-space:pre;text-align:center;letter-spacing:0;margin:0 0 14px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:18px;line-height:1.05}.sheet__statsRow{color:var(--ink-soft);border-top:1px solid var(--line);justify-content:center;align-items:baseline;gap:10px;padding:12px 0;font-size:13px;display:flex}.sheet__statsRow .serif{color:var(--ink);font-size:16px;font-weight:700}.sheet__sep{color:var(--ink-mute)}.sheet__share{background:var(--ink);width:100%;color:var(--cream);letter-spacing:.04em;border-radius:10px;margin-top:10px;padding:14px;font-size:14px;font-weight:600;transition:background .15s}.sheet__share:hover{background:#2c2620}.sheet__countdown{text-align:center;color:var(--ink-mute);font-variant-numeric:tabular-nums;margin-top:14px;font-size:11px}.inlineWin{flex-shrink:0;margin:4px 0 8px;animation:.32s cubic-bezier(.2,.9,.3,1.3) inlineWin-pop}@keyframes inlineWin-pop{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.inlineWin__banner{background:var(--ink);color:var(--cream);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 8px 18px #0000001f}.inlineWin__main{align-items:center;gap:10px;display:flex}.inlineWin__check{background:var(--cream);width:22px;height:22px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.inlineWin__label{letter-spacing:.22em;color:#f4efe4b3;font-size:10px;font-weight:700}.inlineWin__time{color:var(--cream);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.inlineWin__share{color:var(--ink);background:var(--cream);border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.inlineWin__share:hover{background:#fbf5e8}.inlineWin__stats{color:var(--ink-mute);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:8px;margin-top:8px;font-size:11px;display:flex}.inlineWin__stats .serif{color:var(--ink);font-size:14px;font-weight:700}.inlineWin__dot{color:var(--ink-mute)}.scoreOnly{z-index:100;background:#1f1a1452;justify-content:center;align-items:center;padding:20px;animation:.2s scoreOnly-fade;display:flex;position:fixed;inset:0}@keyframes scoreOnly-fade{0%{opacity:0}to{opacity:1}}.scoreOnly__card{background:var(--cream);border:1px solid var(--line);text-align:center;border-radius:14px;width:100%;max-width:320px;padding:32px 24px 22px;animation:.32s cubic-bezier(.2,.9,.3,1.3) scoreOnly-pop;box-shadow:0 24px 60px #0000002e}@keyframes scoreOnly-pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.scoreOnly__kicker{letter-spacing:.2em;color:var(--ink-mute);font-size:11px;font-weight:700}.scoreOnly__time{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:6px;font-size:64px;font-weight:900;line-height:.95}.scoreOnly__streak{color:var(--ink-soft);margin-top:6px;font-size:13px}.scoreOnly__share{background:var(--ink);width:100%;color:var(--cream);letter-spacing:.04em;border-radius:8px;margin-top:22px;padding:12px;font-size:13px;font-weight:600;transition:background .15s}.scoreOnly__share:hover{background:#2c2620}.scoreOnly__countdown{color:var(--ink-mute);font-variant-numeric:tabular-nums;margin-top:14px;font-size:11px}.psig{z-index:100;background:#1f1a1452;justify-content:center;align-items:center;padding:20px;animation:.22s psig-fade;display:flex;position:fixed;inset:0}@keyframes psig-fade{0%{opacity:0}to{opacity:1}}.psig__card{background:var(--cream);border:1px solid var(--line);text-align:center;border-radius:14px;width:100%;max-width:380px;padding:28px 26px 22px;animation:.34s cubic-bezier(.2,.9,.3,1.3) psig-pop;box-shadow:0 24px 60px #0000002e}@keyframes psig-pop{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.psig__kicker{letter-spacing:.2em;color:var(--ink-mute);font-size:11px;font-weight:700}.psig__time{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:4px;font-size:56px;font-weight:900;line-height:1}.psig__signature{background:var(--cream-deep);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;gap:3px;margin-top:18px;padding:12px 8px;display:flex}.psig__pip{font-size:22px;line-height:1}.psig__legend{color:var(--ink-mute);letter-spacing:.06em;justify-content:center;gap:14px;margin-top:10px;font-size:10px;display:flex}.psig__sw{vertical-align:middle;border-radius:2px;width:9px;height:9px;margin-right:4px;display:inline-block}.psig__sw--g{background:#4f8b3a}.psig__sw--y{background:#d9a82b}.psig__sw--r{background:#c84b36}.psig__statsRow{color:var(--ink-soft);justify-content:center;align-items:baseline;gap:10px;padding:14px 0 6px;font-size:13px;display:flex}.psig__statsRow .serif{color:var(--ink);font-size:16px;font-weight:700}.psig__sep{color:var(--ink-mute)}.psig__share{background:var(--ink);width:100%;color:var(--cream);letter-spacing:.04em;border-radius:8px;margin-top:10px;padding:12px;font-size:13px;font-weight:600;transition:background .15s}.psig__share:hover{background:#2c2620}.psig__countdown{color:var(--ink-mute);font-variant-numeric:tabular-nums;margin-top:14px;font-size:11px}.psig__demoNote{color:var(--ink-mute);margin-top:8px;font-size:9px;font-style:italic}.help{z-index:90;background:#1f1a1452;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help__card{background:var(--cream);border:1px solid var(--line);border-radius:14px;width:100%;max-width:360px;padding:22px 22px 18px;position:relative;box-shadow:0 24px 60px #00000029}.help__close{width:28px;height:28px;color:var(--ink-mute);border-radius:50%;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.help__close:hover{color:var(--ink);background:var(--line-soft)}.help__title{color:var(--ink);margin-bottom:12px;font-size:26px;font-weight:700}.help__list{color:var(--ink-soft);margin:0;padding-left:18px;font-size:14px;line-height:1.55}.help__list li{margin-bottom:6px}.help__foot{color:var(--ink-mute);letter-spacing:.04em;margin-top:14px;font-size:11px}.start-screen{background:var(--cream);z-index:90;justify-content:center;align-items:center;padding:24px;animation:.28s startScreen-fade;display:flex;position:fixed;inset:0}@keyframes startScreen-fade{0%{opacity:0}to{opacity:1}}.start-screen__card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:360px;display:flex}.start-screen__brand{color:var(--ink);letter-spacing:-.025em;font-size:56px;font-weight:900;line-height:1}.start-screen__dot{color:var(--bad)}.start-screen__tagline{letter-spacing:.22em;color:var(--ink-soft);margin-top:8px;font-size:11px;font-weight:600}.start-screen__meta{flex-direction:column;align-items:center;gap:2px;margin-top:32px;display:flex}.start-screen__num{color:var(--ink);font-size:28px;font-weight:800;line-height:1}.start-screen__date{color:var(--ink-mute);font-size:13px}.start-screen__streak{background:var(--ink);color:var(--cream);border-radius:999px;align-items:center;gap:6px;margin-top:18px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.start-screen__rules{color:var(--ink-soft);max-width:280px;margin-top:28px;font-size:13px;line-height:1.5}.start-screen__button{background:var(--ink);width:100%;max-width:280px;color:var(--cream);letter-spacing:.04em;cursor:pointer;border:none;border-radius:10px;margin-top:28px;padding:16px 20px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.start-screen__button:hover{background:#2c2620}.start-screen__button:active{transform:translateY(1px)}.start-screen__help{color:var(--ink-mute);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:16px;padding:8px 12px;font-size:12px;text-decoration:underline}.start-screen__help:hover{color:var(--ink)}.dev-panel{color:#f4efe4;z-index:200;background:#14120eeb;border-radius:10px;min-width:240px;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;position:fixed;top:12px;left:12px;box-shadow:0 8px 22px #00000040}.dev-panel--mini{color:#f4efe4;z-index:200;cursor:pointer;background:#14120ec7;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:inline-flex;position:fixed;top:12px;left:12px}.dev-panel__head{letter-spacing:.18em;color:#f4efe499;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:700;display:flex}.dev-panel__close{color:#f4efe480;cursor:pointer;width:20px;height:20px;font-size:16px;line-height:1}.dev-panel__close:hover{color:#f4efe4}.dev-panel__stats{background:#f4efe40f;border:1px solid #f4efe41f;border-radius:6px;gap:8px;margin-bottom:10px;padding:8px 10px;display:flex}.dev-panel__stat{flex:1;min-width:0}.dev-panel__statValue{color:#f4efe4;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.1;overflow:hidden}.dev-panel__tier--easy{color:#93d26b}.dev-panel__tier--medium{color:#e5c24a}.dev-panel__tier--hard{color:#e58a4c}.dev-panel__tier--expert{color:#e04b3f}.dev-panel__statLabel{letter-spacing:.1em;color:#f4efe480;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.dev-panel__row{gap:6px;margin-bottom:8px;display:flex}.dev-panel__btn--primary{color:#f4efe4;background:#508cff2e;border-color:#78aaff66}.dev-panel__btn--primary:hover:not(:disabled){background:#508cff52}.dev-panel__btn{color:#f4efe4;cursor:pointer;background:#f4efe41a;border:1px solid #f4efe42e;border-radius:6px;flex:1;padding:6px 8px;font-family:inherit;font-size:11px;transition:background .15s}.dev-panel__btn:hover:not(:disabled){background:#f4efe42e}.dev-panel__btn:disabled{opacity:.4;cursor:default}.dev-panel__variantRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dev-panel__lbl{color:#f4efe480;letter-spacing:.1em;font-size:10px}.dev-panel__variants{gap:4px;display:flex}.dev-panel__variant{color:#f4efe4b3;cursor:pointer;background:#f4efe414;border:1px solid #f4efe429;border-radius:5px;width:24px;height:24px;font-family:inherit;font-size:11px;transition:all .15s}.dev-panel__variant:hover{background:#f4efe429}.dev-panel__variant.is-active{color:#1f1a14;background:#f4efe4;border-color:#f4efe4}.dev-panel__variantLabel{color:#f4efe499;flex:100%;font-size:10px}