:root{--bg-top:#3b2f72;--bg-bottom:#1d1838;--ink:#fff;--soft:#ffffffb8;--accent:#ffcf5c;--accent-ink:#3a2a00;--panel:#ffffff1f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:linear-gradient(var(--bg-top), var(--bg-bottom));height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}.big{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:.8rem 2.8rem;font-size:1.4rem;font-weight:800;box-shadow:0 6px #c99a2a}.big:active{transform:translateY(3px);box-shadow:0 3px #c99a2a}.ghost{background:var(--panel);border-radius:999px;padding:.6rem 2rem;font-size:1.05rem;font-weight:700}.icon{background:var(--panel);border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:1.5rem;line-height:1;display:grid}.screen{padding:calc(var(--safe-top) + 1rem) 1rem calc(var(--safe-bottom) + 1rem);background:linear-gradient(var(--bg-top), var(--bg-bottom));z-index:5;position:fixed;inset:0}#home{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}#home h1{letter-spacing:-.02em;text-shadow:0 6px #00000040;margin:0 0 .2rem;font-size:4.2rem;line-height:.95}.tagline{color:var(--soft);margin:0 0 1.5rem}[hidden]{display:none!important}#levels header{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}#levels h2{margin:0}#levels{flex-direction:column;display:flex}#star-total{color:var(--accent);margin-left:auto;font-weight:800}#level-grid{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:2rem;overflow-y:auto}.world{margin-bottom:1.4rem}.world h3{justify-content:space-between;align-items:baseline;margin:0 0 .6rem;font-size:1.1rem;display:flex}.world h3 small{color:var(--accent);font-size:.85rem}.world.locked{opacity:.5}.world .grid{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.lv.next{background:var(--accent);color:var(--accent-ink)}.lv{aspect-ratio:1;background:var(--panel);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:1.3rem;font-weight:800;display:flex}.lv small{letter-spacing:.05em;color:var(--accent);font-size:.7rem}.lv:disabled{opacity:.35}#hud{pointer-events:none;z-index:2;position:fixed;inset:0}.bar{left:0;right:0;top:calc(var(--safe-top) + .6rem);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 .8rem;display:grid;position:absolute}.bar .right{justify-self:end;gap:.45rem;display:flex}.bar>*{pointer-events:auto}.bar.bottom{top:auto;bottom:calc(var(--safe-bottom) + .8rem);color:var(--soft);justify-content:center;gap:1.5rem;font-weight:700;display:flex}#level-name{font-size:1.25rem;font-weight:800}.bar .title{text-align:center}#world-name,#play-world{color:var(--soft);font-size:.85rem;font-weight:700}#play-world{min-height:1rem;margin-top:-.4rem}#tip{left:1rem;right:1rem;bottom:calc(var(--safe-bottom) + 3.2rem);text-align:center;background:#141028d9;border-radius:1rem;padding:.8rem 1rem;font-weight:600;line-height:1.35;position:absolute}.overlay{z-index:10;background:#0f0c1e8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.card{text-align:center;background:linear-gradient(#4a3c8c,#2e2660);border-radius:1.5rem;flex-direction:column;align-items:center;gap:.8rem;width:min(100%,20rem);padding:1.6rem 1.4rem;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;display:flex;box-shadow:0 20px 50px #0006}.card h2{margin:0;font-size:2rem}.card p{color:var(--soft);margin:0}#win-stars{letter-spacing:.2rem;font-size:2.6rem}#win-stars .off{opacity:.25}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.link{color:var(--soft);text-underline-offset:3px;background:0 0;padding:.4rem .6rem;font-size:.95rem;font-weight:700;text-decoration:underline}.big.small{padding:.7rem 1.4rem;font-size:1.05rem}#home-status,#sync-message{color:var(--accent);min-height:1.2em;margin:0;font-weight:600}#sync-panel .card{width:min(100%,22rem)}#sync-status{line-height:1.45}.code{color:var(--ink);letter-spacing:.06em;white-space:nowrap;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.15rem}.copy{background:var(--panel);border-radius:999px;margin-left:.4rem;padding:.15rem .7rem;font-size:.85rem;font-weight:700}#sync-enter{gap:.5rem;width:100%;display:flex}#sync-enter input{min-width:0;font:inherit;text-transform:uppercase;color:#2a2350;background:#ffffffe6;border:0;border-radius:999px;flex:1;padding:.5rem .8rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.1rem}#sync-enter button{padding:.5rem 1rem}#home .row{gap:.6rem;display:flex}#board{flex-direction:column;display:flex}#board header{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}#board h2{margin:0}#name-form{background:var(--panel);border-radius:1rem;flex-direction:column;gap:.6rem;margin-bottom:1rem;padding:.9rem;font-weight:700;display:flex}.name-row{gap:.5rem;display:flex}#name-input{min-width:0;font:inherit;color:#2a2350;background:#ffffffeb;border:0;border-radius:999px;flex:1;padding:.55rem .9rem;font-size:1.05rem}#name-message{min-height:1.1em;color:var(--accent);margin:0}#board-list{flex-direction:column;flex:1;gap:.45rem;margin:0;padding:0 0 1rem;list-style:none;display:flex;overflow-y:auto}#board-list li{background:var(--panel);border-radius:.9rem;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.6rem;padding:.6rem .9rem;display:grid}#board-list li.me{background:var(--accent);color:var(--accent-ink)}#board-list .rank{text-align:center;font-size:1.1rem;font-weight:800}#board-list .who{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}#board-list .who small{opacity:.75;font-weight:600;display:block}#board-list .score{text-align:right;white-space:nowrap;font-weight:800}#board-list .empty{text-align:center;color:var(--soft);background:0 0;display:block}.daily-button{color:#10322a;background:linear-gradient(135deg,#6fcf97,#5cc8d6);border-radius:1.2rem;flex-direction:column;align-items:center;padding:.6rem 1.6rem;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 5px #3e9a8a}.daily-button small{opacity:.85;font-size:.8rem;font-weight:700}.daily-button:active{transform:translateY(3px);box-shadow:0 2px #3e9a8a}.tabs{background:var(--panel);border-radius:999px;gap:.4rem;margin-bottom:1rem;padding:.25rem;display:flex}.tab{color:var(--soft);background:0 0;border-radius:999px;flex:1;padding:.5rem;font-weight:800}.tab.picked{background:var(--ink);color:#2a2350}.icon.corner{top:calc(var(--safe-top) + .8rem);font-size:1.2rem;position:absolute;right:1rem}#combo{left:0;right:0;top:calc(var(--safe-top) + 4.2rem);text-align:center;color:var(--accent);text-shadow:0 3px #0000004d;pointer-events:none;font-size:1.6rem;font-weight:900;position:absolute}#combo.pop{animation:.7s ease-out forwards combo-pop}@keyframes combo-pop{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(1)translateY(-14px)}}#confetti{pointer-events:none;z-index:11;position:fixed;inset:0;overflow:hidden}#confetti i{width:9px;height:14px;animation:fall var(--t,1.8s) cubic-bezier(.3, .6, .6, 1) var(--d,0s) forwards;border-radius:2px;position:absolute;top:-12px}@keyframes fall{to{transform:translate(var(--x,0), 105vh) rotate(var(--r,540deg))}}@media (prefers-reduced-motion:reduce){#confetti{display:none}}