:root{color-scheme:light;--bg:#f5f2e9;--text:#242722;--card:#fffdf7;--accent:#176956}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-underline-offset:4px}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.site-header,main.maze-page,.site-footer{width:100%;max-width:1280px;margin:auto;padding-inline:32px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px;border-bottom:1px solid #24272230}
.brand{font-size:32px;font-weight:900;letter-spacing:-2px;line-height:1;text-decoration:none}
.brand span{color:#c83a17}
.site-header nav{font-size:13px;font-weight:650}
.site-header nav a{text-decoration:none}
.site-header nav a:hover{text-decoration:underline}
main.maze-page{padding-block:28px}
.card{background:var(--card);border:1px solid color-mix(in srgb,var(--text) 25%,transparent);border-radius:8px}
.site-footer{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-block:24px;font-size:12px;border-top:1px solid #24272230}
.site-footer p{margin:0}
.theme-toggle{margin-left:auto}
.theme-toggle summary{cursor:pointer}
.theme-options{display:flex;gap:8px;padding-top:10px}
.theme-options button{font:inherit;padding:6px 10px;border:1px solid var(--text);border-radius:4px;background:var(--card);color:var(--text);cursor:pointer}
.theme-options button[aria-pressed=true]{background:var(--text);color:var(--card)}
.skip{position:absolute;top:-80px;left:20px;padding:12px;background:var(--text);color:var(--card);z-index:100}
.skip:focus{top:12px}
html[data-theme=dos]{color-scheme:dark;--bg:#07120a;--text:#91e998;--card:#102016;--accent:#a3f9ac;font-family:monospace}
html[data-theme=nes]{--bg:#e8e5f4;--text:#252340;--card:#faf8ff;--accent:#584691}
html[data-theme=dos] body,html[data-theme=nes] body{font-family:monospace}
html[data-theme=dos] .card,html[data-theme=nes] .card{border-radius:0;border-width:2px}
@media(max-width:600px){.site-header,main.maze-page,.site-footer{padding-inline:18px}.brand{font-size:28px}.site-footer{gap:14px}.theme-toggle{margin-left:0}.maze-titlebar h1{font-size:1.65rem}.maze-titlebar p{max-width:38ch}}
@media print{.skip{display:none!important}}