:root{--bg:#1a1a2e;--surface:#26263f;--surface-raised:#32324e;--border:#44446a;--text:#f2f2f7;--text-dim:#9c9cb8;--green:#6aaa64;--yellow:#c9b458;--gray:#4a4a63;--key-bg:#565675;--accent:#7b7bf0;--radius:8px}*{box-sizing:border-box}html,body{color:var(--text);background:#0e86c4;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body:before,body:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:-30%}body:before{background:radial-gradient(22% 15% at 20% 30%,#e0ffff99,#0000 62%),radial-gradient(18% 12% at 70% 24%,#96f4ff80,#0000 62%),radial-gradient(20% 16% at 42% 70%,#e0ffff8c,#0000 62%),radial-gradient(22% 14% at 85% 66%,#96f0ff73,#0000 62%),radial-gradient(16% 13% at 60% 48%,#f0ffff6b,#0000 58%),radial-gradient(18% 12% at 8% 62%,#c8fcff66,#0000 60%),radial-gradient(16% 14% at 92% 22%,#d2ffff66,#0000 60%),linear-gradient(160deg,#2fbde6 0%,#109ad2 50%,#0b6ba6 100%);animation:19s ease-in-out infinite alternate pool-drift-a}body:after{mix-blend-mode:screen;background:radial-gradient(18% 13% at 30% 62%,#d6ffff80,#0000 62%),radial-gradient(16% 14% at 76% 40%,#96f4ff6b,#0000 62%),radial-gradient(19% 12% at 50% 18%,#e6ffff7a,#0000 62%),radial-gradient(17% 15% at 14% 82%,#96ecff66,#0000 62%),radial-gradient(15% 12% at 62% 82%,#e0ffff70,#0000 60%);animation:26s ease-in-out infinite alternate pool-drift-b}@keyframes pool-drift-a{0%{transform:translate(-2%,-1%)scale(1.05)}to{transform:translate(2%,2%)scale(1.13)}}@keyframes pool-drift-b{0%{transform:translate(1%,2%)scale(1.1)}to{transform:translate(-2%,-1%)scale(1.04)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}}.app-title,.header-context,.home-tagline,.story-intro,.setup-heading{text-shadow:0 1px 3px #031c3499}#root{height:100%}button{cursor:pointer;border:none;font-family:inherit}.app{max-width:560px;height:100dvh;padding:0 8px env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.app-header{border-bottom:1px solid var(--border);grid-template-columns:3rem 1fr 3rem;align-items:center;padding:10px 4px;display:grid}.app-title{text-align:center;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.4rem}.back-button{color:var(--text);border-radius:var(--radius);background:0 0;padding:4px;font-size:1.5rem;line-height:1}.back-button:hover{background:var(--surface)}.header-context{color:var(--text-dim);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.home-tagline{text-align:center;color:var(--text-dim);margin:20px 0 12px}.screen-loading{color:var(--text-dim);flex:1;place-items:center;display:grid}.trophy-button{border-radius:var(--radius);background:0 0;padding:4px;font-size:1.4rem;line-height:1}.trophy-button:hover{background:var(--surface)}.trophy-room{flex:1;padding-bottom:24px;overflow-y:auto}.trophy-group{margin-bottom:6px}.creator-links{margin-top:18px}.creator-link-row{gap:8px;margin:0 4px;display:flex}.creator-link{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;text-decoration:none;display:flex}.creator-link:hover{border-color:var(--green)}.creator-emoji{font-size:1.3rem;line-height:1}.creator-label{text-transform:lowercase}.badge{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);opacity:.72;justify-content:space-between;align-items:center;gap:10px;margin:0 4px 8px;padding:10px 12px;display:flex}.badge-earned{opacity:1;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.badge-main{flex-direction:column;gap:2px;min-width:0;display:flex}.badge-name{font-weight:700}.badge-how{color:var(--text-dim);font-size:.78rem}.tier-pips{flex:none;gap:4px;display:flex}.pip{border:1px solid var(--border);width:22px;height:22px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:.65rem;font-weight:700;display:grid}.pip-on{background:var(--green);border-color:var(--green);color:#fff}.badge-check{text-align:center;width:22px;color:var(--green);flex:none;font-weight:700}.achievement-toasts{z-index:50;pointer-events:none;flex-direction:column;gap:6px;width:max-content;max-width:90vw;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}.achievement-toast{background:var(--surface-raised);border:1px solid var(--green);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 14px;animation:.25s reveal;display:flex;box-shadow:0 4px 14px #0006}.achievement-toast-trophy{font-size:1.2rem}.achievement-toast-body{flex-direction:column;display:flex}.achievement-toast-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.65rem}.achievement-toast-name{font-weight:700}.home,.length-picker,.setup{flex:1;padding-bottom:24px;overflow-y:auto}.mode-list{flex-direction:column;gap:14px;padding:4px;display:flex}.mode-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;align-items:flex-start;gap:8px;padding:20px 18px;transition:transform 80ms,background 80ms;display:flex}.mode-card:hover{background:var(--surface-raised);transform:translateY(-2px)}.mode-name{letter-spacing:.04em;text-transform:uppercase;font-size:1.3rem;font-weight:700}.mode-blurb{color:var(--text-dim);font-size:.85rem}.setup-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:18px 4px 8px;font-size:.8rem}.chip-row{gap:8px;padding:0 4px;display:flex}.chip-row-difficulty{flex-wrap:wrap}.chip-row-difficulty .chip{flex:calc(50% - 8px)}.chip-row-wrap{flex-wrap:wrap;margin-top:8px}.chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 8px;display:flex}.chip-small{flex:none;padding:8px 14px;font-size:.9rem}.chip-selected{border-color:var(--green);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--green)}.chip-label{font-weight:700}.chip-blurb{color:var(--text-dim);font-size:.7rem}.setup-start{width:calc(100% - 8px);margin:24px 4px 0;padding:14px;font-size:1.1rem;display:block}.setup-start:disabled{opacity:.4;cursor:not-allowed}.scores-row{gap:8px;padding:0 4px;display:flex}.score-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px;display:flex}.score-value{font-size:1.3rem;font-weight:700}.score-label{color:var(--text-dim);text-align:center;font-size:.65rem}.run-strip{justify-content:space-between;align-items:center;gap:8px;padding:8px 4px;display:flex}.run-level{color:var(--text-dim);font-size:.85rem}.run-difficulty{color:var(--text);font-weight:700}.run-category{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.pool-badge{background:var(--green);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 12px;font-weight:700}.pool-low{background:#c94f4f;animation:1.2s infinite pulse}.reward-pop{color:var(--green);font-size:1.8rem;animation:.4s pop}.story-intro{background:var(--surface);border-left:3px solid var(--yellow);border-radius:var(--radius);color:var(--text-dim);margin:20px 4px 16px;padding:14px;font-size:.9rem}.continue-card{background:var(--surface-raised);border:1px solid var(--green);border-radius:var(--radius);width:calc(100% - 8px);color:var(--text);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;margin:0 4px 8px;padding:14px;display:flex}.continue-title{color:var(--green);font-weight:700}.continue-detail{color:var(--text-dim);font-size:.85rem}.slot-list{flex-direction:column;gap:8px;margin:0 4px;display:flex}.slot-card{background:var(--surface-raised);border:1px solid var(--green);border-radius:var(--radius);text-align:left;flex-direction:column;gap:10px;padding:14px;display:flex}.slot-card-empty{border-style:dashed;border-color:var(--border)}.slot-head{flex-direction:column;gap:4px;display:flex}.slot-name{color:var(--green);font-weight:700}.slot-card-empty .slot-name{color:var(--text-dim)}.slot-detail{color:var(--text-dim);font-size:.85rem}.slot-empty-text{font-style:italic}.slot-actions{gap:8px;display:flex}.slot-action{flex:1}.run-badges{align-items:center;gap:6px;display:flex}.lives-badge{color:#fff;white-space:nowrap;background:#c94f4f;border-radius:999px;padding:6px 10px;font-weight:700}.coins-badge{background:var(--yellow);color:#2a2410;white-space:nowrap;border-radius:999px;padding:6px 10px;font-weight:700}.boss-badge{color:#fff;letter-spacing:.08em;background:#8b3fd9;border-radius:4px;margin-right:4px;padding:3px 7px;font-size:.65rem;font-weight:700}.boss-panel{border-color:#8b3fd9}.taunt{font-style:italic}.shield{font-size:1rem}.shield-lapsed{opacity:.35;filter:grayscale()}.hint-strip{flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 4px 0;display:flex}.hint-chip{background:var(--surface-raised);border:1px solid var(--yellow);color:var(--text);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700}.hint-button{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:999px;align-self:center;margin:4px 0;padding:7px 16px;font-size:.85rem;font-weight:700}.hint-button:disabled{opacity:.4;cursor:not-allowed}.hint-options{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.hint-option:disabled{opacity:.4;cursor:not-allowed}.shop-panel{min-width:min(90vw,340px);max-height:85dvh;overflow-y:auto}.shop-rows{text-align:left;flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.shop-row{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.85rem;display:flex}.shop-row:disabled{opacity:.4;cursor:not-allowed}.shop-row-status{color:var(--text-dim);border-style:dashed}.shop-price{color:var(--yellow);white-space:nowrap;font-weight:700}.shop-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-top:6px;font-size:.7rem}@keyframes pulse{50%{transform:scale(1.08)}}.category-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:4px;display:grid}.category-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:110px;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;transition:transform 80ms,background 80ms;display:flex}.category-box:hover{background:var(--surface-raised);transform:translateY(-2px)}.category-name{font-size:1.1rem;font-weight:700}.category-range{color:var(--text-dim);font-size:.75rem}.length-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;padding:4px;display:grid}.length-box{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1.5rem;font-weight:700;transition:transform 80ms,background 80ms}.length-box:hover{background:var(--surface-raised);transform:translateY(-2px)}.game{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.board{flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:5px;min-height:0;padding:8px 0;display:flex;overflow-y:auto}.board-row{grid-template-columns:repeat(var(--len), 1fr);width:min(100%, calc(var(--len) * 3.4rem));gap:5px;display:grid}.tile{aspect-ratio:1;text-transform:uppercase;border:2px solid var(--border);color:var(--text);background:0 0;border-radius:4px;place-items:center;font-size:clamp(.9rem,4.5vw,1.6rem);font-weight:700;display:grid}.tile-typed{border-color:var(--text-dim);animation:90ms pop}.tile-green,.tile-yellow,.tile-gray{color:#fff;border-color:#0000;animation:.25s backwards reveal}.tile-green{background:var(--green)}.tile-yellow{background:var(--yellow)}.tile-gray{background:var(--gray)}.board-row.shake{animation:.45s shake}.keyboard{flex-direction:column;gap:6px;padding:8px 0 10px;display:flex}.keyboard-row{justify-content:center;gap:5px;display:flex}.key{background:var(--key-bg);max-width:44px;height:54px;color:var(--text);text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:4px;flex:1;place-items:center;font-size:.95rem;font-weight:700;display:grid}.key:active{filter:brightness(1.25)}.key-wide{flex:1.6;max-width:72px;font-size:.7rem}.key-green{background:var(--green);color:#fff}.key-yellow{background:var(--yellow);color:#fff}.key-gray{background:var(--gray);color:var(--text-dim)}.toast{background:var(--text);color:var(--bg);border-radius:var(--radius);z-index:20;pointer-events:none;padding:8px 16px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.overlay{z-index:10;background:#0a0a14b3;place-items:center;display:grid;position:absolute;inset:0}.overlay-panel{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;max-width:90%;padding:24px 32px}.overlay-panel h2{margin:0 0 8px}.overlay-panel p{color:var(--text-dim);margin:0 0 20px}.overlay-buttons{justify-content:center;gap:12px;display:flex}.button-primary,.button-secondary{border-radius:var(--radius);padding:10px 20px;font-size:1rem;font-weight:700}.button-primary{background:var(--green);color:#fff}.button-secondary{background:var(--surface-raised);color:var(--text)}@keyframes pop{50%{transform:scale(1.1)}}@keyframes reveal{0%{opacity:.4;transform:scaleY(.1)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.tile,.board-row,.category-box,.length-box{transition:none!important;animation:none!important}}