*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#fdf6e3;--ink:#2c2b26;--ink-soft:#6b6567;--accent:#5c4a3a;--green:#4caf50;--red:#e63946;--border:#d4c9b0;--shadow:0 2px 8px #2c2b261f;--radius:8px;--font-body:"Georgia", serif;--font-mono:ui-monospace, "Menlo", "Monaco", monospace}[data-theme=blueprint]{--paper:#0d2b45;--ink:#9dcdd9;--ink-soft:#5a9aaa;--accent:#7ec8e3;--green:#7ec8e3;--red:#ff6b6b;--border:#1e4a6a;--shadow:0 2px 8px #00000080;--font-body:"Rajdhani", "Trebuchet MS", sans-serif;--font-mono:"Share Tech Mono", "Courier New", monospace}[data-theme=chalkboard]{--paper:#2d4a3e;--ink:#e8e0d0;--ink-soft:#9a9080;--accent:#a8c8a0;--green:#a8d5a2;--red:#ffb347;--border:#3d5a50;--shadow:0 2px 8px #00000080;--font-body:"Caveat", cursive;--font-mono:"Caveat", cursive}[data-theme=forest]{--paper:#f0ede4;--ink:#2d3a1e;--ink-soft:#5a6a40;--accent:#3d5a2e;--green:#4a7c3f;--red:#8b4513;--border:#c8c0a8;--shadow:0 2px 8px #2c3c1e26;--font-body:"Lora", Georgia, serif;--font-mono:"Caudex", Georgia, serif}[data-theme=space]{--paper:#05050f;--ink:#8abbe8;--ink-soft:#4a7ab0;--accent:#3a6ba8;--green:#00e5ff;--red:#ff4081;--border:#1a3050;--shadow:0 2px 8px #000000b3;--font-body:"Orbitron", "Trebuchet MS", sans-serif;--font-mono:"Share Tech Mono", "Courier New", monospace}[data-theme=halloween]{--paper:#0d0714;--ink:#ff6a00;--ink-soft:#a855a0;--accent:#c084fc;--green:#ff6a00;--red:#c084fc;--border:#2d1a3d;--shadow:0 2px 8px #000000b3;--font-body:"Creepster", cursive;--font-mono:"Creepster", cursive}[data-theme=hackers]{--paper:#000a00;--ink:#00ff41;--ink-soft:#00a828;--accent:#39ff14;--green:#39ff14;--red:#f04;--border:#003a10;--shadow:0 2px 8px #000c;--font-body:"VT323", "Courier New", monospace;--font-mono:"Share Tech Mono", "Courier New", monospace}[data-theme=dinosaurs]{--paper:#e8dfc0;--ink:#3a2810;--ink-soft:#7a5c38;--accent:#4a3520;--green:#4a8c3f;--red:#cc4a1a;--border:#c8b880;--shadow:0 2px 8px #3c280f33;--font-body:"Cinzel", "Times New Roman", serif;--font-mono:"Caudex", Georgia, serif}[data-theme=princesses]{--paper:#fff0f8;--ink:#7a1060;--ink-soft:#b06090;--accent:#c0359e;--green:#c0359e;--red:#e8304a;--border:#f0b8e0;--shadow:0 2px 8px #b4328c26;--font-body:"Pacifico", cursive;--font-mono:"Dancing Script", cursive}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:16px;line-height:1.5;overflow:hidden}.app{flex-direction:column;min-height:100%;display:flex}.screen{flex-direction:column;gap:8px;width:100%;max-width:480px;height:100dvh;margin:0 auto;padding:12px;display:flex;overflow-y:auto}[data-theme=chalkboard] body,[data-theme=chalkboard]{font-size:18px}[data-theme=hackers] body,[data-theme=hackers]{font-size:19px}[data-theme=halloween] body,[data-theme=halloween]{font-size:18px}.btn{border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:transform .1s,opacity .1s;display:inline-flex}.btn:active{transform:scale(.96)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--secondary{color:var(--ink);border-color:var(--ink);background:0 0}.btn--ghost{color:var(--ink-soft);border-color:var(--border);background:0 0}.btn--icon{padding:8px 12px;font-size:13px}.btn--sm{padding:7px 14px;font-size:13px}.home-screen{text-align:center;justify-content:safe center;align-items:center}.home-header{margin-bottom:2px}.home-title{letter-spacing:-.02em;color:var(--ink);font-size:1.9rem}.home-subtitle{color:var(--ink-soft);font-size:.9rem}.home-section{width:100%}.home-section__title{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:8px;font-size:.8rem}.home-freeplay{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:7px;padding:9px 8px;display:flex}.home-freeplay__group{text-align:left;flex-direction:column;gap:5px;display:flex}.home-freeplay__label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.7rem}.style-picker{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.style-btn{border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;min-width:0;font-family:var(--font-body);color:var(--ink);background:0 0;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:8px 4px;transition:all .15s;display:flex}.style-btn__emoji{flex-shrink:0;font-size:.9rem;line-height:1}.style-btn__label{color:var(--ink-soft);font-size:.78rem;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.style-btn--active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.style-btn--active .style-btn__label{color:var(--paper)}.size-picker{justify-content:center;gap:8px;display:flex}.size-btn{border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;min-width:0;font-family:var(--font-mono);color:var(--ink);background:0 0;flex:1;padding:7px;font-size:13px;transition:all .15s}.size-btn--active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.theme-picker{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.theme-btn{border-radius:var(--radius);background:var(--theme-bg,var(--border));cursor:pointer;border:2px solid #0000;flex-direction:row;justify-content:center;align-items:center;gap:4px;min-width:0;padding:5px 6px;transition:all .15s;display:flex}.theme-btn__emoji{flex-shrink:0;font-size:.9rem;line-height:1}.theme-btn__label{font-size:.78rem;font-family:var(--font-mono);color:var(--theme-wall,var(--ink-soft));white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.theme-btn--active{border-color:var(--theme-wall,var(--ink));box-shadow:0 0 0 1px var(--theme-wall,var(--ink))}.home-actions{flex-direction:column;gap:8px;width:100%;display:flex}.home-actions__row{gap:8px;display:flex}.home-actions__row .btn{flex:1}.daily-card{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.daily-card--solved{border-color:var(--green);background:color-mix(in srgb, var(--green) 6%, var(--bg))}.daily-card__top{justify-content:space-between;align-items:center;display:flex}.daily-card__label{align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.daily-card__icon{font-size:1.1rem}.daily-card__streak{color:var(--ink-soft);font-size:.85rem;font-weight:700}.daily-card__info{color:var(--ink-soft);align-items:center;gap:10px;font-size:.85rem;display:flex}.daily-card__style{color:var(--ink);font-weight:600}.daily-card__best{color:var(--green);font-weight:700;font-family:var(--font-mono)}.daily-card__attempts{font-style:italic}.daily-card__btn{width:100%}.play-screen{gap:6px;padding:8px 6px}.play-screen--empty{justify-content:center;align-items:center}.play-topbar{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.play-topbar__center{text-align:center;flex:1}.play-topbar__tag{font-family:var(--font-mono);color:var(--ink-soft);font-size:12px}.play-timer-row{justify-content:center;align-items:center;gap:12px;display:flex}.timer{font-family:var(--font-mono);color:var(--ink);letter-spacing:.05em;font-size:1.8rem;transition:color .2s}.timer--running{color:var(--green)}.play-best{font-family:var(--font-mono);color:var(--ink-soft);font-size:.8rem}.play-canvas-wrapper{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.play-canvas-fit{aspect-ratio:1;width:min(100cqw,100cqh)}.play-canvas{border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.play-hint{text-align:center;color:var(--ink-soft);font-size:.85rem;font-style:italic}.play-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.play-attempts{width:100%;max-height:25dvh;overflow-y:auto}.play-attempts__title{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:8px;font-size:.8rem}.attempt-list{flex-direction:column;gap:4px;list-style:none;display:flex}.attempt-list__empty{color:var(--ink-soft);font-size:.85rem;font-style:italic}.attempt-item{border:1px solid var(--border);font-family:var(--font-mono);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .1s;display:flex}.attempt-item:hover{background:#2c2b260a}.attempt-item--solved{border-color:var(--green)}.attempt-item__swatch{border-radius:50%;flex-shrink:0;width:12px;height:12px}.attempt-item__label{min-width:28px;color:var(--ink-soft)}.attempt-item__time{text-align:right;flex:1}.attempt-item__status{text-align:center;min-width:16px}.history-topbar{align-items:center;gap:12px;display:flex}.history-title{font-size:1.2rem}.history-empty{text-align:center;color:var(--ink-soft);padding:40px 0;font-style:italic}.history-layout{flex-direction:column;gap:16px;display:flex}.history-list{flex-direction:column;gap:6px;list-style:none;display:flex}.history-item{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:10px 12px;transition:all .15s}.history-item:hover{border-color:var(--ink)}.history-item--active{border-color:var(--ink);background:#2c2b260a}.history-item__meta{font-family:var(--font-mono);gap:8px;font-size:12px;display:flex}.history-item__style{text-transform:capitalize;font-weight:700}.history-item__size{color:var(--ink-soft)}.history-item__daily{color:var(--green);font-weight:700}.history-item__stats{font-family:var(--font-mono);color:var(--ink-soft);gap:12px;margin-top:2px;font-size:11px;display:flex}.history-canvas-wrapper{justify-content:center;display:flex}.history-canvas{border:2px solid var(--border);border-radius:var(--radius);overflow:hidden}.history-detail{flex-direction:column;align-items:center;gap:12px;display:flex}.settings-topbar{align-items:center;gap:12px;margin-bottom:4px;display:flex}.settings-title{font-size:1.2rem}.settings-section{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.settings-section__title{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-size:.75rem}.settings-group{flex-direction:column;gap:8px;display:flex}.settings-row{flex-wrap:wrap;gap:8px;display:flex}.settings-info{font-family:var(--font-mono);color:var(--ink-soft);font-size:13px}.settings-status{font-family:var(--font-mono);color:var(--accent);font-size:12px}.settings-form{flex-direction:column;gap:8px;display:flex}.settings-input{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--font-mono);outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.settings-input:focus{border-color:var(--ink)}.wall-hit{background:var(--red);pointer-events:none;z-index:10;border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;animation:.4s ease-out forwards wall-pulse;position:absolute}@keyframes wall-pulse{0%{opacity:.7;transform:scale(.25)}to{opacity:0;transform:scale(2.2)}}.start-pulse{border:2px solid var(--green);pointer-events:none;z-index:9;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:1.6s ease-out infinite start-pulse;position:absolute}@keyframes start-pulse{0%{opacity:.9;transform:scale(.5)}70%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(2)}}.solve-overlay{background:color-mix(in srgb, var(--ink) 35%, transparent);z-index:100;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out solve-fade;display:flex;position:fixed;inset:0}.solve-card{background:var(--paper);border:2px solid var(--green);border-radius:var(--radius);width:100%;max-width:320px;box-shadow:var(--shadow);text-align:center;padding:24px 20px 20px;animation:.32s cubic-bezier(.18,.89,.32,1.28) solve-pop;position:relative;overflow:hidden}.solve-card__emoji{font-size:2.6rem;line-height:1}.solve-card__title{color:var(--ink);margin-top:6px;font-size:1.4rem}.solve-card__time{font-family:var(--font-mono);color:var(--green);letter-spacing:.04em;margin-top:4px;font-size:2.2rem}.solve-card__best{font-family:var(--font-mono);color:var(--accent);margin-top:6px;font-size:.9rem;font-weight:700}.solve-card__actions{justify-content:center;gap:8px;margin-top:18px;display:flex}.solve-card__confetti{pointer-events:none;position:absolute;inset:0}.solve-card__confetti span{top:-12px;left:calc(8% + (var(--i) * 9%));opacity:0;background:var(--green);width:7px;height:11px;animation:1.1s ease-in forwards confetti-fall;animation-delay:calc(var(--i) * 60ms);border-radius:2px;position:absolute}.solve-card__confetti span:nth-child(3n){background:var(--red)}.solve-card__confetti span:nth-child(3n+1){background:var(--accent)}.solve-card__confetti span:nth-child(2n){border-radius:50%;width:6px;height:6px}@keyframes solve-fade{0%{opacity:0}to{opacity:1}}@keyframes solve-pop{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.9;transform:translateY(220px)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.start-pulse{animation-duration:3s}.solve-card,.solve-overlay{animation:none}.solve-card__confetti{display:none}}