:root{color-scheme:dark}body{background:#131426}#ui{padding:64px 20px 36px;gap:14px;justify-content:flex-start;background:radial-gradient(ellipse at 15% 0%,#34314c 0,transparent 45%),radial-gradient(ellipse at 95% 40%,#173c42 0,transparent 45%),#131426}.eyebrow{color:#c9c8dc;letter-spacing:.22em;font-size:.68rem;font-weight:800}h1{position:relative;font-size:clamp(3.5rem,13vw,5.5rem);line-height:.88;letter-spacing:-.065em;color:#fff6da;background:none;transform:rotate(-4deg);margin:10px 0;text-shadow:4px 5px 0 #ff5268}h1 span{color:#ffe16a}h1 i{position:absolute;font-size:.5em;right:-.8em;top:0;color:#76e4c1;text-shadow:none}.tagline{color:#cac9de;font-size:.95rem}.entry-panel{width:min(100%,390px);padding:24px;background:#24253b;border:1px solid #43445c;border-radius:24px;box-shadow:0 12px 35px #0003;display:flex;flex-direction:column;gap:12px}label{text-align:left;font-size:.65rem;font-weight:800;letter-spacing:.16em;color:#cbcadd}input,.entry-panel button{width:100%}input{border-width:1px;border-color:#575870;border-radius:10px;background:#17182b;text-align:left}input#code{text-align:center}input::placeholder{color:#a1a0b8}button{font-size:.88rem;letter-spacing:.04em;border-radius:12px;min-height:48px}button.primary,button.go{background:#ffe16a;color:#222135;box-shadow:0 4px #b58f32}button.secondary{background:#37394f;border:1px solid #646780}button:focus-visible,input:focus-visible{outline:3px solid #76e4c1;outline-offset:4px}.divider{margin:6px 0 0;color:#aaa9c2;font-size:.65rem;letter-spacing:.16em}.hint{color:#b8b7ce;line-height:1.5;font-size:.8rem;max-width:390px}.error:empty{display:none}.error{font-size:.85rem}.control-guide{color:#c5c3db;font-size:.63rem;letter-spacing:.06em;line-height:2}kbd{display:inline-block;font:inherit;border:1px solid #77768d;border-bottom-width:3px;border-radius:4px;padding:0 6px}.game-library{width:min(100%,800px);text-align:left;margin-top:24px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.library-heading h2{font-size:1.1rem;letter-spacing:-.02em}.library-heading>span{white-space:nowrap;color:#76e4c1;font-size:.65rem;font-weight:800}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.game-card{display:flex;gap:12px;padding:16px 12px;background:#24253b;border:1px solid #3d3e54;border-radius:14px;align-items:center}.game-icon{font-size:1.6rem}.game-card h3{font-size:.8rem;margin-bottom:5px}.game-card p{font-size:.67rem;line-height:1.4;color:#bbb9d1}.duration{margin-left:auto;color:#ffe16a;font-size:.65rem}#sound{position:fixed;z-index:100;right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));width:auto;min-height:32px;padding:8px 12px;font-size:.6rem;background:#303147;border:1px solid #696a80;box-shadow:none}#game.active{top:44px;bottom:env(safe-area-inset-bottom)}.players{width:min(100%,390px)}.player-row{background:#292a40;min-height:52px}.empty-seat{color:#aaa8c1;font-size:.8rem;border:1px dashed #64617c;background:transparent}@media(max-width:650px){.game-grid{grid-template-columns:1fr}.game-card{padding:12px 16px}.game-card h3{font-size:.9rem}.game-card p{font-size:.75rem}.library-heading h2{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}