:root{--blue: #1d4ed8;--green: #8ad81d;--red: #e01e1e;--bg: #ffffff;--fg: #000000;--muted: #8a8a8a;--line: #e6e6e6;--card: #f4f4f4;--block-empty: #e2e2e2;--dot-off: #d3d3d3;--star-off: #cfd8f5;--hint-fg: #5a5a5a;--ring-bg: #eeeeee;--input-bg: #ffffff;--divider: #e6e6e6;--area-top: rgba(217, 217, 217, .5);--area-bottom: #ffffff;--status-correct: #000000;--status-oneoff: var(--green);--status-out: var(--blue);--font-header: "Lexend Deca", system-ui, -apple-system, sans-serif;--font-serif: "Inria Serif", Georgia, "Times New Roman", serif;--font-button: "Inria Sans", system-ui, sans-serif;--radius: 10px}:root[data-theme=dark]{--bg: #1a1a1a;--fg: #f4f4f4;--muted: #9a9a9a;--line: #333333;--card: #262626;--block-empty: #3a3a3a;--dot-off: #4a4a4a;--star-off: #33407a;--hint-fg: #b5b5b5;--ring-bg: #333333;--input-bg: #1c1c1c;--divider: #333333;--area-top: rgba(255, 255, 255, .1);--area-bottom: rgba(255, 255, 255, 0);--status-correct: #f4f4f4}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}.app{min-height:100vh;display:flex;flex-direction:column;padding:1.5rem clamp(1rem,4vw,3rem) 4rem}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-family:var(--font-header);font-weight:700;font-size:.9rem;letter-spacing:.02em;margin-bottom:2rem;position:relative;z-index:50}.topbar .tb-left{justify-self:start}.topbar .tb-center{justify-self:center;letter-spacing:.06em}.topbar .tb-right{justify-self:end;display:inline-flex;align-items:center;gap:.5rem}.page{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.tagline{font-family:var(--font-serif);font-weight:400;font-size:1rem;margin:0;text-align:center}.muted{color:var(--muted)}button{font-family:var(--font-button);cursor:pointer}.btn-primary{font-family:var(--font-button);font-size:1rem;color:#fff;background:var(--green);border:none;border-radius:3px;padding:.6rem 1.5rem;min-width:11rem;text-align:center;transition:filter .15s ease}.btn-primary:hover{filter:brightness(.95)}.btn-primary:disabled{opacity:.4;cursor:default}.vmark{font-family:var(--font-header);font-weight:700;letter-spacing:.06em;text-align:center}.theme-toggle{position:fixed;right:1rem;bottom:1rem;z-index:60;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--fg);display:grid;place-items:center;font-size:1.1rem;line-height:1;box-shadow:0 2px 8px #0000001f}@media (max-width: 640px){.topbar{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center}.topbar .tb-center{order:1}.topbar .tb-left{order:2;justify-self:center}.topbar .tb-right{order:3;justify-self:center}}.dots{display:inline-flex;gap:.35rem}.dots .dot{width:12px;height:12px;border-radius:50%;background:var(--dot-off)}.dots .dot.on{background:var(--blue)}.head{text-align:center;display:flex;flex-direction:column;gap:.4rem;align-items:center}.head .vmark{font-size:1.15rem}.help-btn{position:absolute;top:1.4rem;right:clamp(1rem,4vw,3rem);width:34px;height:34px;border-radius:50%;border:1.5px solid var(--blue);color:var(--blue);background:transparent;font-family:var(--font-serif);font-size:1rem;line-height:1}.stars{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.stars-label{font-family:var(--font-header);font-size:.75rem;letter-spacing:.12em;font-weight:600}.stars-row{display:inline-flex;gap:.6rem;background:none;border:none;padding:0;cursor:pointer}.stars-row:disabled{cursor:default}.star{font-size:1.5rem;line-height:1;color:var(--star-off)}.star.on{color:var(--blue)}.puzzle-area{width:min(1100px,100%);background:linear-gradient(180deg,var(--area-top),var(--area-bottom));border-radius:6px;padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,3vw,3rem) 1.25rem;display:flex;flex-direction:column;gap:1.75rem}.board{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25em .55em;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.6rem,3.8vw,3.25rem);line-height:1.25;min-height:1.5em}.tile{font-family:inherit;color:var(--status-correct);white-space:nowrap;padding:0 .06em;border-radius:3px;touch-action:none;-webkit-user-select:none;user-select:none}.tile.oneoff{color:var(--status-oneoff)}.tile.out{color:var(--status-out)}.tile.grab{cursor:grab}.tile.grab:active{cursor:grabbing}.tile.pinned{cursor:default}.tile.dragging{opacity:.3}.tile.over{background:#1d4ed824}.tile.overlay{cursor:grabbing;font-family:var(--font-serif);font-size:clamp(1.6rem,3.8vw,3.25rem);color:var(--fg)}@keyframes tile-pop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-6px) scale(1.08)}70%{transform:translateY(0) scale(.98)}to{transform:translateY(0) scale(1)}}.tile.pop{display:inline-block;animation:tile-pop .45s ease}.board.static .tile{cursor:default;touch-action:auto}.hint-row{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-serif);font-weight:300;font-size:clamp(.85rem,1.6vw,1.1rem);color:var(--hint-fg)}.hint-row .hint{flex:1}.hint-row .hint:nth-child(2){text-align:center}.hint-row .hint:last-child{text-align:right}.stopwatch{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}.blocks{display:grid;gap:4px;justify-content:center}.blocks .row{display:flex;gap:4px}.blocks .cell{width:20px;height:20px;background:var(--block-empty)}.blocks .cell.correct{background:var(--status-correct)}.blocks .cell.oneoff{background:var(--status-oneoff)}.blocks .cell.out{background:var(--status-out)}.key{display:flex;flex-direction:column;align-items:center;gap:.4rem}.key-title{font-family:var(--font-header);font-size:.72rem;letter-spacing:.12em;font-weight:600}.key-items{display:inline-flex;gap:1.25rem;font-family:var(--font-serif);font-size:.9rem}.key-items .ki{display:inline-flex;align-items:center;gap:.4rem}.sw{width:15px;height:15px;display:inline-block}.sw.correct{background:var(--status-correct)}.sw.oneoff{background:var(--status-oneoff)}.sw.out{background:var(--status-out)}.home-logo{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-height:clamp(130px,11.5vw,148px);justify-content:center}.anim-letters{display:flex;font-family:var(--font-header);font-weight:700;font-size:clamp(3.5rem,9vw,6rem);line-height:1}.anim-letters .al{display:inline-block}.logo-lockup{display:flex;align-items:center;gap:.5em;font-family:var(--font-header);font-weight:700;font-size:clamp(3.5rem,9vw,6rem);line-height:1;color:var(--fg)}.logo-lockup .lk-v{color:var(--fg)}.morph-slot{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:.26em}.morph-letters{display:inline-block;overflow:hidden;white-space:nowrap}.morph-dot{position:absolute;left:50%;top:50%;width:.26em;height:.26em;border-radius:50%;transform:translate(-50%,-50%)}.morph-dot.blue{background:var(--blue)}.morph-dot.green{background:var(--green)}.morph-dot.black{background:var(--status-correct)}.logo-final{display:flex;align-items:stretch;gap:.22em;font-family:var(--font-header);font-weight:700;font-size:clamp(3.5rem,9vw,6rem);line-height:1;color:var(--fg)}.lf-v{line-height:1}.lf-right{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.logo-dots{display:flex;align-items:center;gap:.14em}.logo-dots .ld{width:.26em;height:.26em;border-radius:50%}.logo-dots .ld.blue{background:var(--blue)}.logo-dots .ld.green{background:var(--green)}.logo-dots .ld.black{background:var(--status-correct)}.logo-edition{position:absolute;bottom:.08em;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-header);font-weight:600;font-size:.16em;letter-spacing:.1em;color:var(--fg)}.scores{display:flex;gap:clamp(2rem,10vw,5rem);justify-content:center;align-items:flex-end}.score-block{display:flex;flex-direction:column;align-items:center;gap:.2rem}.score-num{font-family:var(--font-header);font-weight:700;font-size:clamp(2.75rem,9vw,4.5rem);line-height:1}.score-label{font-family:var(--font-header);font-size:.72rem;letter-spacing:.14em;font-weight:600;color:var(--muted)}.chart{width:min(560px,100%);display:flex;flex-direction:column;gap:.75rem}.chart-bars{display:flex;justify-content:space-around;align-items:flex-end;gap:clamp(1.5rem,8vw,4rem);height:200px;border-bottom:1.5px solid var(--fg);padding:0 1rem}.chart-col{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;flex:1;max-width:90px}.chart-stack{width:100%;display:flex;flex-direction:column-reverse;border-radius:2px 2px 0 0;overflow:hidden}.chart-seg.one{background:var(--status-correct)}.chart-seg.two{background:var(--status-oneoff)}.chart-seg.three{background:var(--status-out)}.chart-seg.dns{background:var(--red)}.chart-xlabels{display:flex;justify-content:space-around;gap:clamp(1.5rem,8vw,4rem);padding:0 1rem;font-family:var(--font-header);font-size:.8rem;letter-spacing:.06em}.chart-xlabels span{flex:1;text-align:center;max-width:90px}.chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;font-family:var(--font-serif);font-size:.85rem}.chart-legend .cl{display:inline-flex;align-items:center;gap:.4rem}.trophies{display:flex;flex-direction:column;align-items:center;gap:.6rem}.trophies .t-title{font-family:var(--font-header);font-size:.72rem;letter-spacing:.14em;font-weight:600;color:var(--muted)}.trophy-row{display:flex;align-items:flex-start;gap:clamp(.5rem,3vw,1.25rem)}.trophy-item{display:flex;flex-direction:column;align-items:center;width:clamp(68px,17vw,94px);gap:.4rem}.trophy-name{font-family:var(--font-header);font-size:.62rem;line-height:1.15;letter-spacing:.02em;font-weight:600;text-align:center;min-height:2.1em;display:flex;align-items:center;color:var(--muted);overflow-wrap:anywhere}.trophy-desc{font-family:var(--font-serif);font-size:.6rem;line-height:1.1;text-align:center;color:var(--muted);min-height:1.1em}.trophy{width:62px;height:62px;border-radius:12px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(145deg,#ffffff59,#b4b4b426);border:1px solid var(--line);color:transparent;filter:blur(.6px);box-shadow:inset 0 1px 3px #fff6}:root[data-theme=dark] .trophy{background:linear-gradient(145deg,#ffffff14,#ffffff05)}.trophy.earned{color:#caa23a;filter:none;background:linear-gradient(145deg,#caa23a40,#caa23a14);border-color:#caa23a80}.trophy-caption{font-family:var(--font-serif);font-size:.8rem;color:var(--muted)}.cta-section{width:100%;display:flex;flex-direction:column;gap:.9rem}.purchase-head,.signup-head{font-family:var(--font-serif);font-weight:400;font-size:1.35rem;margin:0;text-align:center}.purchase-body{display:flex;gap:clamp(1rem,4vw,2rem);align-items:center;justify-content:center}.cover-frame{flex:0 0 auto;width:clamp(110px,22vw,160px);aspect-ratio:2 / 3;border-radius:4px;overflow:hidden;background:linear-gradient(145deg,#b4b4b440,#7878781f);border:1px dashed var(--line);display:grid;place-items:center;color:var(--muted);font-family:var(--font-serif);font-size:.8rem;text-align:center}.cover-frame img{width:100%;height:100%;object-fit:cover;display:block}.buy-col{display:flex;flex-direction:column;gap:.9rem}.buy-btn{display:inline-block;text-decoration:none;line-height:1.4}.buy-btn:hover{filter:brightness(.95)}.signup{align-items:center}.signup-head{text-align:center;max-width:420px}.signup-fields{display:grid;grid-template-columns:max-content 1fr;gap:.75rem .75rem;align-items:center;width:100%;max-width:420px;margin:0 auto}.signup-fields label{font-family:var(--font-serif);text-align:right}.signup-fields input{font-family:var(--font-serif);font-size:1rem;padding:.4rem .5rem;border:1px solid var(--blue);border-radius:4px;background:var(--input-bg);color:var(--fg);width:100%}.signup .btn-primary{align-self:center;margin-top:.35rem}.signup .msg{text-align:center}.msg{min-height:1.2rem;font-size:.85rem;font-family:var(--font-serif)}.msg.ok{color:var(--green)}.msg.error{color:var(--red)}.results-cta{width:min(1100px,100%);display:flex;gap:clamp(2rem,6vw,4rem);justify-content:center;align-items:flex-start}.results-cta .cta-section{flex:1 1 0;max-width:460px}.divider{width:min(1100px,100%);border:none;border-top:1px solid var(--divider);margin:.5rem 0;display:none}@media (max-width: 800px){.results-cta{flex-direction:column;align-items:center}.results-cta .cta-section{max-width:460px;width:100%}.divider{display:block}}.share-toast{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);z-index:70;background:var(--fg);color:var(--bg);font-family:var(--font-button);font-size:.95rem;padding:.55rem 1.1rem;border-radius:999px;box-shadow:0 4px 14px #0003}.action-row{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.howto-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:grid;place-items:center;z-index:40;padding:1rem}.howto{position:relative;background:var(--card);color:var(--fg);border-radius:14px;padding:2.25rem clamp(1.5rem,4vw,3rem);width:min(560px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:1.1rem}.howto-close{position:absolute;top:1rem;right:1.25rem;background:none;border:none;color:var(--fg);font-family:var(--font-serif);font-size:1.1rem}.howto h2{font-family:var(--font-header);font-weight:700;font-size:1.4rem;margin:0}.howto p{font-family:var(--font-serif);font-size:1rem;margin:0;line-height:1.5}.howto .row{display:flex;align-items:flex-start;gap:.9rem}.howto .row .lead{flex-shrink:0;display:grid;place-items:center}.howto .word-key{display:flex;flex-direction:column;align-items:center;gap:.5rem}