:root{font-family:Arial,Helvetica,sans-serif;color:#20232c;background:#667995;--blue:#174cb1;--paper:#d3d3d7;--edge:#424550;--orange:#d95a27}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#8d9cad,#536c8b);min-height:100vh}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{color:#242833;background:#d6d6db;border:2px solid;border-color:#fff #535763 #535763 #fff;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:bold;white-space:nowrap}button:hover{background:#eeeef2}button:active,button.selected,button[aria-pressed=true]{border-color:#454858 #fff #fff #454858;background:#bdc9e0}button:disabled{cursor:default;opacity:.45}button.primary{background:var(--blue);color:white;border-color:#8daeed #122953 #122953 #8daeed}button:focus-visible,a:focus-visible{outline:3px solid #ed853b;outline-offset:2px}a{color:#16418a}input,select{min-width:0;background:#f1f1f3;border:2px solid;border-color:#555a66 #fff #fff #555a66;padding:9px;font-size:13px;color:#262b33}input:focus,select:focus{outline:2px solid #396dbb;outline-offset:1px}[hidden]{display:none!important}.menubar{height:48px;display:flex;gap:24px;align-items:center;padding:0 24px;background:#eeeeef;border-bottom:3px solid #3e4656;box-shadow:0 2px #c1cbdc;position:relative;z-index:5;font-size:12px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#252934;font-size:18px;letter-spacing:2px}.brand strong{font-size:17px}.menubar nav{display:flex;align-self:stretch;gap:2px}.menubar nav button{border:0;background:transparent;border-bottom:3px solid transparent;font-size:13px}.menubar nav .selected{border-bottom-color:#d5532b;color:#153d80}.ram{margin-left:auto;color:#5a6070}.menubar time{font-family:monospace}.boing{display:inline-block;width:27px;height:27px;border-radius:50%;background:conic-gradient(#e84539 25%,#fff 0 50%,#e84539 0 75%,#fff 0) 0 0/14px 14px;box-shadow:inset -5px -4px 8px #49131575,1px 2px 2px #0005;transform:rotate(-20deg)}main{max-width:1800px;margin:auto;padding:30px 28px 0}.hero{display:flex;justify-content:space-between;align-items:center;padding:0 9px 28px;color:#fff}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;margin:0 0 12px}h1{font-size:clamp(30px,3.4vw,54px);line-height:1.02;letter-spacing:-2px;margin:0 0 12px}h1 em{font-style:normal;color:#e2e9f3;font-weight:400}p{line-height:1.6}.hero p:not(.eyebrow){font-size:13px;margin:0;color:#e4e9f0}.hero-note{display:flex;align-items:center;gap:20px;border-left:1px solid #cdd7e677;padding:12px 20px;font-size:13px}.hero-note strong{font-size:18px}.hero-note span:not(.tiny-disk){display:inline-block;margin-top:12px;color:#fce6a5;font:11px monospace}.tiny-disk{width:53px;height:59px;background:#e1d6bd;border:2px solid #333e50;box-shadow:4px 4px #29394b66;position:relative;transform:rotate(6deg)}.tiny-disk:before{content:'';position:absolute;left:10px;right:10px;top:0;height:22px;background:linear-gradient(90deg,#8493a2 65%,#26313d 65%);border:2px solid #535e6a}.tiny-disk:after{content:'RAI';position:absolute;left:5px;right:5px;bottom:4px;height:21px;background:#fff4d3;border-top:5px solid #d66145;font:9px monospace;text-align:center;padding-top:3px}.desktop{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.window{background:var(--paper);border:2px solid;border-color:#f8f8fc #252f40 #252f40 #f8f8fc;box-shadow:7px 7px 0 #25395055}.titlebar{height:33px;display:flex;align-items:center;gap:9px;background:var(--blue);color:white;padding:3px 5px;font-size:12px;border-bottom:2px solid #263350}.titlebar strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:12px}.titlebar button{font:11px monospace;padding:2px 6px}.window-gadget{width:15px;height:15px;border:2px solid #fff;background:#ddd;box-shadow:inset 2px 2px #72798a}.stretch{flex:1}.monitor-toolbar{padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #9b9da5;font-size:11px}.monitor-toolbar label{display:flex;gap:10px;align-items:center}.monitor-toolbar select{padding:5px;font-size:11px}.power{display:flex;align-items:center;gap:7px;font:9px monospace;white-space:nowrap}.power i{height:7px;width:7px;border-radius:50%;background:#7d8492}.power i.on{background:#328341;box-shadow:0 0 5px #43b349}.monitor{position:relative;width:100%;aspect-ratio:2134/1200;background:linear-gradient(#dedde1,#b1adb3);overflow:hidden}.bezel{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;z-index:2;object-fit:contain}.screen{position:absolute;left:24.3%;top:18%;width:52.3%;height:60.2%;overflow:hidden;background:#05080d}#playerHost,#playerHost iframe,#remoteVideo{width:100%;height:100%;border:0;position:absolute;inset:0;display:block}#remoteVideo{object-fit:contain;background:black;z-index:1}.welcome{position:absolute;inset:0;background:#174491;color:#f6f0d9;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:12px;font:11px monospace}.welcome h2{font-size:clamp(12px,1.6vw,25px);line-height:1.2;letter-spacing:-1px}.welcome p{font-size:10px;margin:0 0 15px}.boing.large{width:56px;height:56px;background-size:28px 28px;margin:8px}.bootline{font-size:8px;border-top:1px solid #7c9dc1;padding-top:10px}.transport{border-top:2px solid #989ba6;padding:12px 15px}.button-row{display:flex;gap:6px;flex-wrap:wrap}.transport p{font-size:12px;margin:12px 0 9px;min-height:20px}.keylegend{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:#575e6c}.keylegend span{white-space:nowrap}kbd{font:10px monospace;background:#eaeaec;padding:2px 4px;border:1px solid #9b9da4;box-shadow:0 1px #7b7f87}.drawer{height:690px;max-height:calc(100vh - 85px);min-height:440px;display:flex;flex-direction:column;position:sticky;top:18px}.panel{min-height:0;flex:1;display:flex;flex-direction:column}.library-tools{padding:13px;border-bottom:2px solid #969ba6}.library-tools input{width:100%}.filters{display:flex;gap:8px;margin-top:8px}.filters select{flex:1}.filters button{font-size:10px;padding:6px}.games{overflow:auto;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;align-content:start;background:#b9bbc3;scrollbar-color:#647794 #dadbe0;scrollbar-width:thin}.game{position:relative;min-width:0;background:#e0e0e4;border:1px solid #8b8f99;box-shadow:1px 2px #777d8a}.game .open-game{padding:0;border:0;background:transparent;display:block;white-space:normal;width:100%;text-align:left}.game img{width:100%;height:91px;object-fit:cover;display:block;background:#25364b;image-rendering:auto}.game .caption{padding:8px;display:block;line-height:1.3;font-size:11px;min-height:48px}.game .chip{display:block;font:9px monospace;color:#596073;margin-top:5px}.favorite{position:absolute;right:3px;top:3px;border:1px solid #abb1be;background:#ecedf3e8;padding:3px 5px;font:11px monospace;min-width:25px}.favorite.active{background:#f3d080}.pagination{display:flex;justify-content:space-between;align-items:center;padding:9px;border-top:2px solid #fff;font:10px monospace}.pagination button{font-size:10px;padding:5px 7px}.info-panel{overflow:auto;padding:20px;display:block}.info-panel h2{font-size:24px;letter-spacing:-1px;margin:0 0 15px}.info-panel p{font-size:12px}.info-panel label{display:block;font-size:11px;font-weight:bold;margin:16px 0 8px}.info-panel input{display:block;width:100%;margin-top:6px}.notice{font-size:11px;line-height:1.6;border-left:3px solid #c5602d;padding:10px;background:#f0e7d4;margin:15px 0}.notice.subtle{background:#c8cbd3;color:#424b5e;border-color:#727f95}details{font-size:12px;border-bottom:1px solid #939ba9;padding:12px 0}summary{font-weight:bold;cursor:pointer}footer{display:flex;justify-content:space-between;gap:16px;color:#e0e5ed;padding:23px 0;font:10px monospace;letter-spacing:.5px}footer strong{color:white}dialog{padding:0;background:var(--paper);border:2px solid #fff;max-width:620px;width:92vw;box-shadow:8px 8px #17243966;color:#1f2734}dialog::backdrop{background:#17263899;backdrop-filter:blur(3px)}.game-details{padding:24px;display:grid;grid-template-columns:180px 1fr;gap:24px}.game-details img{width:100%;object-fit:contain;align-self:start;border:3px solid #929bad;background:#1c2a40}.game-details h2{font-size:24px;margin:0 0 12px}.game-details p{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focused .desktop{grid-template-columns:minmax(0,1fr)}.focused .drawer,.focused .hero{display:none}.focused .monitor{aspect-ratio:16/9;background:black}.focused .bezel{display:none}.focused .screen{inset:0;width:100%;height:100%}.focused main{max-width:1300px}.monitor:fullscreen{background:black}.monitor:fullscreen .bezel{display:none}.monitor:fullscreen .screen{inset:0;width:100%;height:100%}.peer-request{padding:10px;border:1px solid #8693aa;margin:10px 0;font-size:12px}.peer-request button{margin:8px 4px 0 0}
@media(min-width:1600px){.desktop{grid-template-columns:minmax(0,1fr) 410px}.game img{height:112px}.drawer{height:790px}}
@media(max-width:1000px){main{padding:22px 16px 0}.desktop{grid-template-columns:minmax(0,1fr) 310px;gap:14px}.hero-note{display:none}.menubar{gap:14px;padding:0 14px}.ram{display:none}.menubar time{margin-left:auto}.game img{height:78px}.transport button{font-size:10px;padding:7px}.keylegend{gap:8px}.monitor-toolbar{flex-wrap:wrap}.power{display:none}.boing.large{width:35px;height:35px;background-size:17px 17px}.welcome h2{margin:5px}.bootline{display:none}}
@media(max-width:760px){.desktop{grid-template-columns:1fr}.drawer{position:static;height:570px;max-height:none}.hero{padding-bottom:18px}.hero h1{font-size:36px}.menubar{gap:8px;padding:0 10px}.menubar .brand{font-size:12px;letter-spacing:0}.brand strong{font-size:12px}.menubar .brand .boing{width:19px;height:19px}.menubar nav button{padding:5px 8px;font-size:11px}.menubar time,.menubar>a:last-child{display:none}.hero .eyebrow{font-size:8px}.monitor{aspect-ratio:4/3}.bezel{display:none}.screen{inset:0;width:100%;height:100%}.welcome h2{font-size:26px}.welcome p{font-size:13px}.boing.large{width:70px;height:70px;background-size:35px 35px}.games{grid-template-columns:repeat(3,minmax(0,1fr))}.game img{height:88px}.game .caption{font-size:10px}.game-details{grid-template-columns:1fr;gap:15px}.game-details img{max-height:190px}.game-details h2{font-size:22px}footer{flex-wrap:wrap;font-size:8px}.focused main{padding:8px}.keylegend{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.welcome .boing{animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-5px) rotate(-10deg)}}}

.audio-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:11px}.audio-controls input{padding:0;width:140px;accent-color:#174cb1}.audio-controls output{min-width:32px;font:11px monospace}.audio-controls span{color:#586377;font-size:10px}

/* Missing catalogue art is labelled, never replaced by unrelated game artwork. */
.missing-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;width:100%;padding:16px;box-sizing:border-box;background:linear-gradient(140deg,#142335,#223b55);color:#a9c7e8;font:600 13px monospace;text-align:center;border-bottom:1px solid #336699}.library-tools #availability{width:100%;margin:8px 0;background:#10151f;color:#d9eaff;border:1px solid #33465d;padding:8px;border-radius:5px}