.retro-page{color:#eef6ff;background:#070d16;min-height:100vh;padding:24px 16px 64px;font-family:Arial,Helvetica,sans-serif}.retro-wrap{max-width:900px;margin:auto}.retro-nav{color:#91a7bd;letter-spacing:.1em;justify-content:space-between;gap:12px;font:700 11px monospace;display:flex}.retro-nav a{color:#8de7d6;text-decoration:none}.retro-heading{margin:52px 0 28px}.retro-kicker{color:#91e7d4;letter-spacing:.18em;font:700 12px monospace}.retro-heading h1{letter-spacing:-.08em;margin:14px 0 20px;font-size:clamp(48px,12vw,106px);line-height:.95}.retro-heading h1 em{color:#80e0cf;font-style:normal}.retro-heading>p:last-child{color:#b1c1d0;max-width:620px;line-height:1.6}.retro-console{background:#192536;border:1px solid #39516a;border-radius:26px;padding:20px;box-shadow:0 24px 80px #0008}.retro-screen-frame{background:#050910;border:8px solid #0c1421;border-radius:18px;padding:8px;box-shadow:inset 0 0 0 2px #40516b}.retro-screen{aspect-ratio:256/240;background:#000;justify-content:center;align-items:center;width:100%;max-height:590px;display:flex;overflow:hidden}.retro-screen canvas{object-fit:contain;image-rendering:pixelated;width:100%!important;height:100%!important}.retro-empty{text-align:center;color:#8ac9bd;letter-spacing:.12em;gap:12px;font:700 14px monospace;display:grid}.retro-empty span{font-size:56px}.retro-empty small{color:#7890a5;font-size:11px}.retro-console-bar{color:#a9bdce;align-items:center;gap:10px;min-width:0;margin:14px 2px;font:700 11px monospace;display:flex}.retro-console-bar span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.retro-console-bar span:last-child{margin-left:auto}.retro-light{background:#576875;border-radius:50%;flex:none;width:9px;height:9px}.retro-light[data-on=true]{background:#8cffa8;box-shadow:0 0 12px #8cffa8}.retro-toolbar{flex-wrap:wrap;gap:10px;display:flex}.retro-toolbar button,.retro-file{color:#e9f8fb;cursor:pointer;background:#263b50;border:1px solid #4c6680;border-radius:10px;padding:13px 16px;font:700 12px monospace;position:relative}.retro-file{color:#102731;background:#87e7d4;border:0}.retro-file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.retro-toolbar button:disabled{opacity:.4;cursor:not-allowed}.retro-error{color:#ffb5af;font-size:14px}.retro-pad{grid-template-columns:repeat(8,1fr);gap:8px;margin-top:22px;display:grid}.retro-pad button{color:#f2f8ff;touch-action:none;-webkit-user-select:none;user-select:none;background:#30465d;border:1px solid #56708a;border-radius:11px;min-height:54px;font-size:17px;font-weight:800}.retro-pad button:active{color:#0b2230;background:#83decf}.retro-pad-select,.retro-pad-start{font-size:10px!important}.retro-note{color:#a9bbcb;margin:22px 6px;font-size:14px;line-height:1.6}.retro-note strong{color:#82e0cd;letter-spacing:.12em;font:700 12px monospace}@media (max-width:650px){.retro-nav span{display:none}.retro-heading{margin-top:36px}.retro-console{border-radius:16px;padding:10px}.retro-screen-frame{border-width:4px;padding:3px}.retro-pad{grid-template-columns:repeat(4,1fr)}.retro-pad button{min-height:58px}}