:root{color:#f4f7fb;background:#0b1020;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{color:#f4f7fb;background:radial-gradient(circle at top,#5872ff2e,#0000 35%),linear-gradient(#050b1d 0%,#040817 100%);min-width:320px;min-height:100%;margin:0}body{overflow:hidden auto}button,input,select{font:inherit}button{color:#04110a;cursor:pointer;background:linear-gradient(#2fcf68 0%,#22b458 100%);border:1px solid #ffffff1f;border-radius:.8rem;padding:.65rem .95rem;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}input,select{color:#f4f7fb;background:#081027f2;border:1px solid #7894ff2e;border-radius:.8rem;width:100%;padding:.65rem .8rem}label span{color:#c4cee8;margin-bottom:.3rem;font-size:.85rem;display:block}.app-shell{width:100%;max-width:none;margin:0;padding:.35rem .35rem 1rem}.hero{margin:0 0 .35rem;padding:0 .25rem}.hero h1{margin:.05rem 0 .15rem;font-size:clamp(1.7rem,2.4vw,3rem)}.hero .muted{margin:0;font-size:.9rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#67b8ff;margin:0;font-size:.72rem}.app-layout{grid-template-columns:240px 1fr 260px;align-items:start;gap:.5rem;width:100%;display:grid}.left-column,.center-column,.right-column{flex-direction:column;gap:.5rem;min-width:0;display:flex}.panel,.emulator-card{background:#070e21eb;border:1px solid #7894ff24;border-radius:1rem;overflow:hidden;box-shadow:0 14px 30px #00000038}.panel-header{border-bottom:1px solid #ffffff0f;padding:.8rem .95rem}.panel-header h2{margin:0;font-size:1rem}.panel-body{padding:.9rem}.field{margin-bottom:.85rem;display:block}.button-row{gap:.5rem;margin:.8rem 0;display:flex}.status-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.status-dot{border-radius:999px;width:.65rem;height:.65rem;display:inline-block}.status-dot.online{background:#37d67a;box-shadow:0 0 12px #37d67a99}.status-dot.offline{background:#ff5f73;box-shadow:0 0 12px #ff5f7373}.muted{color:#9ba8cc}.error{color:#ff8c98}.presence-list{margin:0;padding:0;list-style:none}.presence-list li{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.92rem;display:flex}.presence-list li.me{color:#9fc2ff}.tag{color:#cdd7ff;background:#6375ff29;border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.72rem;display:inline-flex}.emulator-card{padding:.15rem}.emulator-surface{background:linear-gradient(#081024fa,#050b18fa);border:1px solid #4dd89b33;border-radius:1rem;outline:none;justify-content:center;align-items:flex-start;min-height:820px;padding:.15rem;display:flex;position:relative;overflow:auto}.emulator-surface.ready{box-shadow:inset 0 0 0 1px #4dd89b33}.emulator-surface.idle{opacity:.95}.scanline{pointer-events:none;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 2px 4px);position:absolute;inset:0}.emulator-content{z-index:1;justify-content:center;align-items:flex-start;width:100%;min-height:740px;display:flex;position:relative}.emulator-mount{justify-content:center;align-items:flex-start;width:100%;min-width:0;display:flex}.emulator-mount>*{max-width:100%}.emulator-content canvas{image-rendering:pixelated;margin:0 auto;display:block}.emulator-content .jsspeccy,.emulator-content .main-container,.emulator-content .viewport{margin:0 auto}.emulator-content table,.emulator-content td,.emulator-content tr{max-width:none}.emulator-overlay{color:#9ba8cc;text-align:center;place-items:center;min-height:720px;padding:1rem;display:grid}.emulator-status-bar{z-index:2;color:#9ba8cc;background:#0307128c;border-top:1px solid #ffffff0f;padding:.45rem .7rem;font-size:.82rem;position:relative}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (width<=1400px){.app-layout{grid-template-columns:220px 1fr 240px}}@media (width<=1200px){.app-layout{grid-template-columns:220px 1fr}.right-column{grid-column:1/-1}}@media (width<=900px){.app-layout{grid-template-columns:1fr}.emulator-surface{min-height:620px}}.home-shell{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem 3rem}.home-hero{margin-bottom:1.5rem}.system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.system-card{color:inherit;background:#070e21eb;border:1px solid #7894ff24;border-radius:1rem;padding:1.2rem;text-decoration:none;transition:transform .15s,border-color .15s;display:block;box-shadow:0 14px 30px #00000038}.system-card:hover{border-color:#7894ff59;transform:translateY(-2px)}.system-card-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.system-status{border-radius:999px;padding:.2rem .55rem;font-size:.72rem}.system-status.live{color:#7ff0a2;background:#2fcf6829}.system-status.soon{color:#ffd86b;background:#ffc10729}.back-link{color:#8fd1ff;text-decoration:none}.placeholder-page{max-width:1000px;margin:0 auto}@media (width<=900px){.system-grid{grid-template-columns:1fr}}.amstrad-page,.amstrad-embed-panel{width:100%}.amstrad-embed-body{padding:0}.amstrad-iframe{background:#000;border:0;width:100%;height:85vh;display:block}.cpcbox-shell{background:#000;border:1px solid #4dd89b33;border-radius:1rem;width:100%;min-height:820px;overflow:hidden}.cpcbox-iframe{background:#000;border:0;width:100%;height:820px;display:block}.roadmap-list{margin:0;padding-left:1.1rem}.roadmap-list li{margin-bottom:.45rem}@media (width<=900px){.cpcbox-iframe{height:620px}.cpcbox-shell{min-height:620px}}.amstrad-info-list p{margin:0 0 .6rem}
