:root{--viewport-height: 100vh;--shell-shadow: rgba(20, 17, 31, .28);--cream: #fff8ea;--ink: #1d1830;--rose: #f584a8;--rose-deep: #ef547b;--berry: #5f486f;--sky: #94d5ff;--mint: #cbf8ea;color:var(--cream);background:#11131b;font-family:Trebuchet MS,Gill Sans,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{width:100%;height:var(--viewport-height);display:grid;place-items:center;background:radial-gradient(circle at 20% 18%,rgba(255,184,209,.28),transparent 30%),radial-gradient(circle at 80% 12%,rgba(148,213,255,.18),transparent 26%),linear-gradient(180deg,#221c31,#131522)}#app{width:100%;height:var(--viewport-height);display:grid;place-items:center;padding:0;overflow:hidden}#game-shell{position:relative;width:calc(var(--viewport-height) * 9 / 16);height:var(--viewport-height);overflow:hidden;touch-action:none;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.16),transparent 28%),linear-gradient(180deg,#ffffff1f,#ffffff05),#1f2230;box-shadow:0 18px 42px var(--shell-shadow),0 0 0 1px #ffffff0f}#game-canvas,#ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#game-canvas{display:block;touch-action:none}#ui-overlay{pointer-events:none;touch-action:none}#ui-overlay>*{pointer-events:auto}.ui-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;padding:1.1rem;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.ui-screen[data-active=true]{opacity:1;visibility:visible}.ui-screen-loading{align-items:center}.ui-screen-start,.ui-screen-results{align-items:end}.ui-panel{border-radius:1.5rem;background:linear-gradient(180deg,#ffffffd1,#ffffffb3),#fffc;color:var(--ink);box-shadow:0 18px 36px #3219422e,inset 0 1px #ffffffa8}.ui-panel-loading,.ui-panel-start,.ui-panel-results{padding:1.25rem 1.2rem}.ui-panel-loading{margin-top:3.5rem;background:linear-gradient(180deg,#fff4f8eb,#fff2e6c7),#ffffffe0}.eyebrow{margin:0 0 .55rem;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--rose-deep)}.hero-title{margin:0;font-family:Palatino Linotype,Book Antiqua,serif;font-size:clamp(2.3rem,7vw,3.05rem);line-height:.96}.hero-title-small{font-size:clamp(2rem,6vw,2.55rem)}.hero-copy{margin:.9rem 0 0;font-size:.98rem;line-height:1.45;color:#1d1830d1}.results-score{margin:.8rem 0 0;font-size:clamp(2rem,7vw,3rem);color:var(--rose-deep)}.results-detail{margin:.8rem 0 0;font-size:.84rem;color:#1d1830b3}.input-grid{display:grid;gap:.75rem;margin:1rem 0 1.15rem;grid-template-columns:repeat(3,minmax(0,1fr))}.input-grid div{padding:.85rem .7rem;border-radius:1rem;background:#ffffffb3}.input-grid strong,.input-grid span{display:block}.input-grid strong{margin-bottom:.4rem;font-size:.8rem}.input-grid span{font-size:.74rem;color:#1d1830ad}.hero-button{border:0;border-radius:999px;padding:.95rem 1.25rem;width:100%;font:inherit;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff7ba4,#ef547b);box-shadow:0 14px 26px #ef547b47,inset 0 1px #fff6;cursor:pointer}.hero-button-secondary{background:linear-gradient(180deg,#5f486ff2,#42324ff2)}.hero-button:active{transform:translateY(1px)}.action-stack{display:grid;gap:.7rem}.control-dock{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.control-dock[data-active=true]{opacity:1;visibility:visible}.control-button{border:0;border-radius:1.2rem;padding:.95rem .5rem;font:inherit;font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(180deg,#5f486feb,#42324feb);box-shadow:0 12px 24px #16112138,inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.control-button-jump{background:linear-gradient(180deg,#f584a8f2,#ef547bf2)}.ui-panel-register,.ui-panel-character{padding:1.25rem 1.2rem}.form-stack{display:grid;gap:.85rem;margin-top:1rem}.form-label{display:grid;gap:.35rem;font-size:.84rem;color:#1d1830cc}.form-input{width:100%;border:0;border-radius:1rem;padding:.9rem 1rem;font:inherit;font-size:1rem;background:#ffffffe0;color:var(--ink);box-shadow:inset 0 0 0 1px #5f486f1f}.form-helper{margin:0;font-size:.78rem;color:#1d18309e}.form-error{margin:0;font-size:.84rem;color:#b92852}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.character-card{border:0;border-radius:1.2rem;padding:1rem .9rem;display:grid;gap:.35rem;text-align:left;font:inherit;color:var(--ink);background:#ffffffb8;box-shadow:inset 0 0 0 1px #5f486f14}.character-card span{font-size:.8rem;color:#1d1830a3}.character-card-selected{background:#ffe8eff5;box-shadow:inset 0 0 0 2px #ef547b40,0 12px 24px #ef547b1f}.character-badge{font-size:1.8rem}.leaderboard-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;opacity:0;visibility:hidden;pointer-events:none;background:#100d186b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s ease,visibility .18s ease}.leaderboard-modal[data-active=true]{opacity:1;visibility:visible;pointer-events:auto}.leaderboard-sheet{width:100%;border-radius:1.5rem;padding:1.2rem;background:linear-gradient(180deg,#fffbf6f5,#fff4f8e6);color:var(--ink);box-shadow:0 20px 38px #14111f47}.leaderboard-list{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.5rem}.leaderboard-row{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.65rem;padding:.8rem .9rem;border-radius:1rem;background:#ffffffd1}.leaderboard-row-highlighted{background:#ffe3ebf2;box-shadow:inset 0 0 0 1px #ef547b33}.leaderboard-row-empty{grid-template-columns:1fr;text-align:center;color:#1d18309e}.hud-screen{position:absolute;top:0;right:0;bottom:0;left:0;padding:max(.85rem,env(safe-area-inset-top)) .85rem max(.85rem,env(safe-area-inset-bottom)) .85rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.55rem;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.hud-screen[data-active=true]{opacity:1;visibility:visible}.hud-pill{padding:.62rem .72rem;border-radius:1rem;background:#1d18308f;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff1a,0 10px 24px #0f0c171f}.hud-pill-center{text-align:center}.hud-pill-right{text-align:right}.hud-label,.hud-value{display:block}.hud-label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.hud-value{margin-top:.18rem;font-size:1.05rem;font-weight:700}@media(max-width:420px){.input-grid,.character-grid{grid-template-columns:1fr}}@media(max-width:767px){body,#app{place-items:stretch}#game-shell{width:100vw;height:var(--viewport-height);box-shadow:none}.control-dock{bottom:max(1rem,env(safe-area-inset-bottom))}.ui-screen{padding-top:max(1.1rem,env(safe-area-inset-top));padding-bottom:max(1.1rem,env(safe-area-inset-bottom))}}