:root{color:#f4ead8;font-synthesis:none;background:#120f17;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}.app-shell,.game-viewport{width:100vw;height:100vh}.game-viewport{position:absolute;inset:0}.game-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.reload-cue{z-index:3;color:#f4ead8;letter-spacing:.12em;text-align:center;pointer-events:none;width:min(18rem,64vw);font:700 .72rem/1.3 system-ui,sans-serif;position:absolute;bottom:28%;left:50%;transform:translate(-50%)}.reload-track{background:#17141d;border:2px solid;height:.55rem;margin-bottom:.45rem;display:block;overflow:hidden}.reload-track span{background:#d86b4b;height:100%;display:block}.reload-perfect{color:#ffe69a}.reload-good{color:#a8e6b0}.reload-failed{color:#ff8a72}.reload-result{animation:.7s ease-out both reload-result}@keyframes reload-result{0%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:0;transform:translate(-50%)translateY(-.8rem)}}@media (prefers-reduced-motion:reduce){.reload-result{animation:none}}.title-panel{z-index:1;pointer-events:none;width:min(34rem,100% - 3rem);padding:clamp(2rem,8vh,7rem) 0 0 clamp(1.5rem,6vw,6rem);position:relative}.lobby-panel{z-index:4;background:#17141df5;border:1px solid #6b5a58;width:min(38rem,100% - 2rem);margin:6vh auto;padding:clamp(1.5rem,5vw,3.5rem);position:relative}.lobby-panel h1{font-size:clamp(2.5rem,8vw,5.5rem)}.lobby-panel label{gap:.4rem;margin:1rem 0;display:grid}.lobby-panel input,.lobby-panel button{color:#f4ead8;background:#241c25;border:1px solid #8d756c;padding:.75rem .9rem;font:700 1rem system-ui,sans-serif}.lobby-panel button{cursor:pointer}.lobby-panel button:disabled{cursor:not-allowed;opacity:.45}.lobby-actions{gap:.65rem;display:grid}.lobby-actions.row{grid-template-columns:repeat(3,minmax(0,1fr))}.roster{padding:0;list-style:none}.roster li{border-bottom:1px solid #493d43;justify-content:space-between;padding:.8rem 0;display:flex}.eyebrow,.status{color:#d86b4b;letter-spacing:.12em;text-transform:uppercase;font-family:system-ui,sans-serif}h1{text-wrap:balance;text-shadow:0 .08em .3em #120f17;margin:.2em 0;font-size:clamp(2.6rem,7vw,6rem);line-height:.9}button{color:#f4ead8;font:inherit;opacity:.8;background:#120f17cc;border:1px solid #d86b4b;margin-top:1.5rem;padding:.8rem 1.1rem}.connection-status,.connection-error{background:#120f17d1;border:1px solid #d86b4b73;width:min(32rem,100%);padding:.7rem .9rem;font-family:system-ui,sans-serif;font-size:.9rem}.connection-status[data-status=connected]{color:#dce9c6;border-color:#88a96b}.connection-error{color:#ffd4cc;border-color:#e15353}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}