/* Shared layout for the standalone C64 adaptations. */
:root{color-scheme:dark;--bg:#131d19;--panel:#202d26;--line:#465649;--text:#eee9d9;--muted:#b8c2b2;--accent:#dfc27e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}a{color:var(--accent)}header,main,footer{width:min(1320px,94%);margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.12em}.tag{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}main{padding:32px 0}h1,h2,h3{line-height:1.2;margin:0 0 16px}h1{font:clamp(2rem,4vw,3.6rem)/1.1 Georgia,serif}h2{font-size:1.35rem}h3{font-size:1.1rem}p{color:var(--muted);margin:0 0 18px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;margin-bottom:30px}.landscape{width:100%;border-radius:16px}.panel,.stat,.card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:22px;min-width:0}.card{background:var(--bg);padding:16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.stat small,.stat strong{display:block}.stat small{color:var(--muted)}.stat strong{font-size:1.5rem}.layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);gap:22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.row,.tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.tabs{margin-bottom:22px}button,input,select{font:inherit;border:1px solid var(--line);border-radius:7px;padding:9px 12px;max-width:100%}button{background:var(--accent);color:#171d17;cursor:pointer;font-weight:600}button.secondary,.tabs button{background:transparent;color:var(--text)}.tabs button.active{background:var(--accent);color:#171d17}button:disabled{opacity:.45;cursor:default}input,select{background:var(--bg);color:var(--text)}input[type=number]{width:95px}label{display:block;margin:12px 0}label input,label select{margin-left:6px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.notice{padding:14px;border-left:3px solid var(--accent);background:#ffffff08;margin:16px 0}.hidden{display:none!important}.log{padding-left:20px;max-height:420px;overflow:auto;color:var(--muted)}.log li{margin-bottom:12px}details{margin-top:18px}summary{cursor:pointer;color:var(--accent)}details p{margin-top:16px}table{border-collapse:collapse;width:100%}td,th{padding:10px;text-align:left;border-bottom:1px solid var(--line)}progress{width:100%;accent-color:var(--accent)}footer{padding:26px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}#toast:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;background:var(--accent);color:#171d17;border-radius:10px;width:max-content;max-width:90%;box-shadow:0 8px 30px #0008;z-index:10}.danger{--bg:#191a19;--panel:#252725;--line:#4e514b;--accent:#c6b48a}
@media(max-width:850px){.hero,.layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:22px}.landscape{max-height:230px}header{flex-wrap:wrap}}@media(max-width:500px){.grid{grid-template-columns:1fr}.panel{padding:16px}.stat{padding:14px}.stat strong{font-size:1.15rem}.row{gap:8px}h1{font-size:2rem}}