:root{color:#e8e8df;font-synthesis:none;--line:#31373d;--muted:#a1aaa8;--green:#c4ef91;--panel:#1a1f24;background:#111419;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#e5e9df;cursor:pointer;background:#282f33;border:1px solid #424a4c;border-radius:7px;padding:10px 14px;transition:background .15s}button:hover{background:#38423e}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--green);color:#152215;border-color:var(--green);font-weight:700}button.primary:hover{background:#d5ffad}button.quiet{color:#b7c9b8;background:0 0;border-color:#0000}button.danger{color:#ffae9b}button.small{padding:7px 10px;font-size:.82rem}a{color:var(--green)}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:100px;padding:0 5vw;display:flex}.brand{color:#f1f2e8;letter-spacing:.1em;align-items:center;gap:14px;font-size:1rem;font-weight:800;text-decoration:none;display:flex}.brand small{letter-spacing:.17em;color:var(--muted);margin-top:7px;font-size:.58rem}.brand-icon{background:var(--green);color:#172116;border-radius:10px;place-items:center;width:42px;height:46px;font-size:1.8rem;display:grid}#identity{align-items:center;gap:18px;font-size:.85rem;display:flex}main{max-width:1600px;margin:auto;padding:24px 5vw 65px}.notice{color:var(--muted);background:#19201b;border-left:3px solid #536647;min-height:40px;padding:10px 14px;font-size:.85rem}.notice.error{color:#ffd4c9;background:#30221f;border-color:#ff947b}.intro{justify-content:space-between;align-items:end;gap:30px;padding:48px 0 36px;display:flex}.eyebrow{letter-spacing:.18em;color:var(--green);font-size:.7rem;font-weight:700}h1{letter-spacing:-.045em;margin:18px 0;font-size:clamp(2.3rem,4vw,4.1rem);font-weight:650;line-height:1.06}h1 span{color:var(--green)}h2{letter-spacing:-.02em;margin:0;font-size:1.18rem}h3{margin:20px 0 10px;font-size:.95rem}p{color:#b6bfba;line-height:1.6}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:330px;display:flex}.arcade-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;margin-bottom:20px;overflow:hidden}.panel .section-head{padding:20px}.section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.count{min-width:25px;color:var(--green);background:#313a35;border-radius:5px;place-items:center;margin-left:8px;padding:4px;font-size:.8rem;display:inline-grid}.filters{gap:10px;padding:0 20px 20px;display:flex}.filters input{flex:1;min-width:0}.filters select{width:160px}input,select,textarea{color:#e5e9df;background:#11171b;border:1px solid #3b4547;border-radius:7px;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{text-transform:uppercase;letter-spacing:.1em;color:#92a097;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#151b1e;padding:13px 20px;font-size:.65rem}td{border-bottom:1px solid #2d3338;padding:19px 20px;font-size:.87rem}tr:last-child td{border-bottom:0}td strong{font-size:.94rem}small{color:var(--muted);margin-top:5px;font-size:.72rem;line-height:1.4;display:block}.console{letter-spacing:.05em;white-space:nowrap;border-radius:4px;padding:5px 7px;font-size:.62rem;font-weight:700}.console.snes{color:#c3b5f3;background:#342e46}.console.genesis{color:#9cd5dc;background:#213d44}.status{color:#c7e4a9;font-size:.78rem}.row-actions{white-space:nowrap;gap:5px;display:flex}.muted{color:var(--muted);font-size:.85rem}.pill{color:#c7d1c1;border:1px solid #455049;border-radius:20px;padding:4px 8px;font-size:.68rem;display:inline-block}aside .panel>p,aside #room,aside #players,aside #open-rooms,aside #invites{padding:0 20px 16px}aside h3{margin:0}.room-row,.player-row,.admin-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 0;font-size:.83rem;display:flex}.room-row>span,.player-row>span,.admin-row>span{flex:1}.room-row button,.player-row button{padding:7px;font-size:.72rem}.star{padding:4px!important;font-size:1.2rem!important}.current-room{background:#232d26;border:1px solid #475d41;border-radius:8px;padding:15px}.current-room p{font-size:.8rem}.room-actions{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.room-actions button{font-size:.8rem}.controller-indicator{border-top:1px solid var(--line);color:#b7c6ae;overflow-wrap:anywhere;background:#13191c;padding:16px 20px;font-size:.72rem;line-height:1.5}.invitation{margin:0 0 14px}.invitation button{margin:9px 5px 0 0;font-size:.75rem}.auth{max-width:540px;margin:7vh auto}.auth p{max-width:450px}.auth form{gap:4px;margin-top:28px;display:grid}label{color:#bdc6bf;margin:15px 0;font-size:.8rem;display:block}label input,label select,label textarea{margin-top:7px;display:block}label.inline{align-items:center;gap:10px;display:flex}label.inline input{width:auto;margin:0}.auth-actions{flex-wrap:wrap;gap:9px;margin:15px 0;display:flex}.auth-actions button{font-size:.8rem}.local-tools{background:#21262b;border:1px dashed #697266;border-radius:8px;margin-top:40px;padding:20px}.local-tools p{font-size:.8rem}footer{border-top:1px solid var(--line);color:#87938c;letter-spacing:.02em;justify-content:space-between;padding:25px 5vw;font-size:.75rem;display:flex}#environment{color:#bccab2;letter-spacing:.12em;font-size:.65rem}dialog{color:#edf0e6;background:#1b2226;border:1px solid #48534c;border-radius:12px;width:calc(100vw - 40px);max-width:690px;max-height:90vh;padding:28px}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070b0dc9}dialog h2{font-size:1.6rem}dialog p{font-size:.88rem}dialog #close-dialog{margin-top:22px}.mapping-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mapping-grid button{min-height:68px}.mapping-grid small{overflow-wrap:anywhere;font-size:.65rem}.badges{flex-wrap:wrap;gap:9px;display:flex}.hash{overflow-wrap:anywhere;color:#b4c5aa;font-size:.75rem;display:block}pre{white-space:pre-wrap;color:#bbc7b6;font-size:.75rem}.game-session{background:#0a0f11;border:1px solid #435342;border-radius:12px;margin:0 0 28px;padding:20px}.game-session:fullscreen{flex-direction:column;padding:20px;display:flex;overflow:auto}.game-session:fullscreen .screen{flex:1}.game-session[hidden]{display:none}.screen{background:#030707;place-items:center;min-height:220px;max-height:70vh;margin:20px auto;display:grid;position:relative}.screen canvas{width:auto;max-width:100%;height:min(65vh,600px);max-height:65vh;image-rendering:pixelated;object-fit:contain}.game-loading{background:#131b16e8;border-radius:8px;padding:18px;position:absolute}.game-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-bar>span{color:#c5d6bb;flex:1;min-width:190px;font-size:.75rem}.game-bar button{font-size:.8rem}.game-session #play-mode{letter-spacing:.12em;color:var(--green);margin-bottom:6px;font-size:.62rem}.game-session #game-help{margin-bottom:0;font-size:.75rem}button[hidden],div[hidden]{display:none!important}@media (max-width:1150px){.arcade-grid{grid-template-columns:minmax(0,1fr)}aside{grid-template-columns:1fr 1fr;gap:20px;display:grid}.toolbar{max-width:250px}td,th{padding:14px}.intro{padding-top:35px}}@media (max-width:640px){header{height:80px;padding:0 20px}.brand{font-size:.85rem}.brand-icon{width:33px;height:38px}main{padding:18px 16px 35px}.intro{padding:30px 0 25px;display:block}.toolbar{justify-content:flex-start;max-width:none;margin-top:25px}.toolbar button{font-size:.8rem}.arcade-grid,aside{display:block}th:nth-child(3),td:nth-child(3){display:none}td,th{padding:13px 10px}.row-actions{flex-wrap:wrap}.row-actions .quiet{padding-left:0}.filters{padding:0 12px 15px}.filters select{width:120px}.panel .section-head{padding:16px 12px}.section-head button{font-size:.75rem}h1{font-size:2.75rem}.auth{margin:4vh auto}.mapping-grid{grid-template-columns:1fr 1fr}#identity{gap:5px;font-size:.7rem}footer{gap:20px}.game-session{padding:12px}.screen canvas{width:100%;height:auto}}.volume-control{white-space:nowrap;align-items:center;gap:8px;margin:0;padding:4px 8px;display:flex}.volume-control input{width:110px;accent-color:var(--green);cursor:pointer;margin:0;padding:0}.volume-control output{font-variant-numeric:tabular-nums;min-width:35px}#audio[aria-pressed=false]{color:#a1aaa8;background:#171c20}.filters{flex-wrap:wrap}.filters input{flex:180px}.filters select{flex:0 160px}@media (max-width:640px){.filters input{flex-basis:100%}.filters select{flex:120px}}.library-tabs{gap:6px;padding:0 20px;display:flex}.library-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px}.library-tabs button[aria-selected=true]{color:var(--green);background:#35432c}.library-view-hint{margin:12px 20px 18px;font-size:.75rem}.game-name{align-items:center;gap:10px;display:flex}.game-favorite{color:#8d9b8f;background:0 0;border:0;padding:3px;font-size:1.55rem;line-height:1}.game-favorite[aria-pressed=true]{color:#d5eb93}.preset-card{background:#222c24;border:1px solid #495c41;border-radius:8px;padding:16px}.preset-card p{font-size:.8rem}.game-disc{vertical-align:middle;isolation:isolate;background:conic-gradient(from 20deg,#adbebc,#f8fff7 14%,#687a8f 21%,#d8e7df 33%,#66768c 43%,#faffef 57%,#859ba6 69%,#e0dfef 79%,#60756c 88%,#adbebc);border-radius:50%;flex:0 0 78px;width:78px;height:78px;display:inline-block;position:relative;box-shadow:0 3px 12px #0008,inset 0 0 0 1px #d6e8dc;-webkit-mask:radial-gradient(circle,#0000 0 8%,#000 9%);mask:radial-gradient(circle,#0000 0 8%,#000 9%)}.disc-art{object-fit:cover;width:90%;height:90%;image-rendering:pixelated;filter:saturate(.85);background:#18231f;border-radius:50%;position:absolute;inset:5%}.game-disc:after{content:"";pointer-events:none;background:conic-gradient(from 20deg,#fff0 0deg 60deg,#fff5 71deg,#fff0 89deg 240deg,#bcd8ff55 258deg,#fff0 278deg);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #e0eddf66}.disc-hub{background:radial-gradient(circle,#10191a 0 35%,#aebeb7 39% 62%,#d5ded4 68%,#52675d 74%,#d8e1d8 80%);border-radius:50%;position:absolute;inset:39%;box-shadow:0 0 0 1px #e4ebd577}.disc-console{text-align:center;letter-spacing:.14em;color:#d7e9d0;background:#121b20c9;padding:2px 0;font-size:5px;position:absolute;bottom:13%;left:11%;right:11%}.disc-fallback{color:#ece9f7;text-shadow:0 2px 4px #0008;background:radial-gradient(at 30% 20%,#596485,#272c40 70%);border-radius:50%;place-items:center;font-size:24px;font-weight:800;display:grid;position:absolute;inset:5%}.game-disc.genesis .disc-fallback{background:radial-gradient(at 30% 20%,#54868c,#18373c 70%)}.game-name>div{min-width:150px}.library-pages{justify-content:center;align-items:center;gap:16px;font-size:.8rem;display:flex}.library-pages:not(:empty){padding:15px}.library-pages button{font-size:.8rem}@media (max-width:640px){.game-disc{flex-basis:52px;width:52px;height:52px}.disc-console{font-size:4px}.disc-fallback{font-size:18px}.game-name{gap:7px}.game-name>div{min-width:100px}.game-favorite{font-size:1.25rem}}