.repair-page{--repair-header:76px;background:var(--deep);min-height:100svh;color:var(--text);font-family:var(--font-mono)}.repair-header{z-index:20;min-height:var(--repair-header);align-items:center;gap:var(--space-md);padding:var(--space-sm) clamp(var(--space-sm),4vw,var(--space-xl));border-bottom:1px solid var(--border);background:var(--deep);grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:relative}.repair-header>a:first-child{width:min(190px,42vw);display:inline-flex}.repair-header img{width:100%;height:auto;display:block}.repair-header>div{text-align:right;display:grid}.repair-header span{color:var(--muted);font-size:.62rem}.repair-header strong{color:var(--red);font-size:.72rem}.repair-back{min-height:44px;padding:0 var(--space-sm);border:1px solid var(--border);white-space:nowrap;align-items:center;font-size:.68rem;font-weight:900;display:inline-flex}.repair-workspace{min-height:calc(100svh - var(--repair-header) - 92px);grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);display:grid}.repair-console{border-right:1px solid var(--border);background:linear-gradient(145deg,var(--panel),var(--deep));grid-template-rows:auto auto minmax(320px,1fr) auto auto;min-width:0;display:grid}.repair-console__status{justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) clamp(var(--space-sm),3vw,var(--space-lg));border-bottom:1px solid var(--border);letter-spacing:.1em;font-size:.68rem;font-weight:900;display:flex}.repair-console__status span{color:var(--green)}.repair-console__status b{color:var(--red)}.repair-guide{padding:var(--space-sm) clamp(var(--space-sm),3vw,var(--space-lg));border-bottom:1px solid var(--border);background:var(--deep)}.repair-guide>header{gap:var(--space-sm);margin-bottom:var(--space-sm);grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);align-items:end;display:grid}.repair-guide>header div{gap:.25rem;display:grid}.repair-guide>header small,.next-command>span{color:var(--green);letter-spacing:.1em;font-size:.58rem;font-weight:900}.repair-guide>header strong{font-size:clamp(1rem,2vw,1.35rem)}.repair-guide>header p{color:var(--soft);margin:0;font-size:.72rem;line-height:1.45}.repair-guide ol{border:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.repair-guide li{border-right:1px solid var(--border);background:var(--panel);grid-template-columns:auto minmax(0,1fr);gap:.45rem;min-width:0;padding:.65rem;display:grid}.repair-guide li:last-child{border-right:0}.repair-guide li>span{color:var(--muted);font-size:.58rem}.repair-guide li>div{align-content:start;gap:.25rem;min-width:0;display:grid}.repair-guide li strong{font-size:.62rem;line-height:1.25}.repair-guide li code{color:var(--muted);font:600 .58rem var(--font-mono);overflow-wrap:anywhere}.repair-guide li button,.next-command button{border:1px solid var(--border);min-height:36px;color:var(--soft);font:900 .6rem var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0}.repair-guide li button{grid-column:1/-1;margin-top:.2rem}.repair-guide li[data-state=current]{background:color-mix(in srgb,var(--green) 9%,var(--panel));box-shadow:inset 0 0 0 1px var(--green)}.repair-guide li[data-state=current]>span,.repair-guide li[data-state=current] code{color:var(--green)}.repair-guide li[data-state=current] button{border-color:var(--green);background:var(--green);color:var(--deep)}.repair-guide li[data-state=done]{opacity:.58}.repair-guide li[data-state=done] button{color:var(--green);border-color:var(--green)}.repair-guide li button:hover,.next-command button:hover{border-color:var(--green);color:var(--green)}.repair-guide li[data-state=current] button:hover{color:var(--deep)}.repair-guide li button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.next-command button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.repair-guide li button:active,.next-command button:active{transform:translateY(1px)}.repair-guide li button:disabled,.next-command button:disabled{cursor:not-allowed;opacity:.5}.next-command{gap:var(--space-sm);margin-top:var(--space-sm);border:1px solid var(--green);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:.65rem .75rem;display:grid}.next-command>strong{color:var(--green);overflow-wrap:anywhere;font-size:.75rem}.next-command>button,.next-command>div button{padding-inline:.7rem}.next-command>div{gap:.4rem;display:flex}.repair-log{min-height:0;padding:clamp(var(--space-md),4vw,var(--space-xl));scrollbar-color:var(--green) var(--panel);font-size:clamp(.72rem,1.4vw,.92rem);line-height:1.75;overflow-y:auto}.repair-log p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.repair-log p+p{margin-top:.22rem}.repair-log .is-error{color:var(--red);font-weight:800}.repair-log .is-ok{color:var(--green);font-weight:900}.repair-log .is-muted{color:var(--muted);margin-block:.65rem}.repair-input{align-items:center;gap:var(--space-xs);padding:var(--space-sm) clamp(var(--space-sm),3vw,var(--space-lg));border-top:1px solid var(--green);background:var(--deep);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.repair-input label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.repair-input>span{color:var(--green);font-weight:900}.repair-input input{min-width:0;min-height:48px;color:var(--text);font:700 1rem var(--font-mono);background:0 0;border:0;outline:0}.repair-input input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.repair-input button,.command-hints button,.repair-complete button{border:1px solid var(--green);background:var(--green);min-height:48px;color:var(--deep);font:900 .68rem var(--font-mono);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.command-hints{gap:var(--space-2xs);padding:0 clamp(var(--space-sm),3vw,var(--space-lg)) var(--space-sm);background:var(--deep);flex-wrap:wrap;display:flex}.command-hints button{min-height:36px;color:var(--soft);border-color:var(--border);background:0 0;padding:.45rem .65rem}.repair-input button:hover,.repair-complete button:hover,.command-hints button:hover{transform:translateY(-2px)}.repair-input button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.repair-complete button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.command-hints button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.repair-back:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.repair-input button:active,.repair-complete button:active,.command-hints button:active{transform:translateY(1px)}.repair-input button:disabled,.command-hints button:disabled{cursor:not-allowed;opacity:.42;transform:none}.agi-stage{background:var(--panel);min-width:0;min-height:520px;position:relative;overflow:hidden}.agi-visual{position:absolute;inset:0}.agi-visual img{object-fit:cover;object-position:72% center;filter:saturate(.75)contrast(1.08);transition:opacity var(--dur-reboot) var(--ease-in-out),filter var(--dur-medium) var(--ease-out),transform var(--dur-medium) var(--ease-out)}.agi-stage:after{content:"";background:linear-gradient(90deg,var(--deep),transparent 28%),linear-gradient(0deg,var(--deep),transparent 36%);pointer-events:none;position:absolute;inset:0}.agi-blackout{z-index:4;background:var(--deep);opacity:0;pointer-events:none;transition:opacity var(--dur-medium) var(--ease-in-out);position:absolute;inset:0}.agi-smoke{z-index:3;color:var(--soft);opacity:0;transform:translateY(var(--space-lg));pointer-events:none;font-size:3rem;position:absolute;top:18%;right:20%}.agi-readout{z-index:5;left:var(--space-lg);right:var(--space-lg);bottom:var(--space-lg);padding:var(--space-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--deep) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute}.agi-readout>span{color:var(--muted);font-size:.62rem}.agi-readout>strong{margin:.25rem 0 var(--space-sm);color:var(--red);font-size:clamp(1.6rem,5vw,3.2rem);display:block}.agi-readout dl{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.agi-readout dl div{border-bottom:0;padding:.65rem .45rem;display:grid}.agi-readout dt{font-size:.55rem}.agi-readout dd{color:var(--text);overflow-wrap:anywhere;font-size:.65rem}.repair-page[data-mode=scanning] .agi-visual img{filter:saturate(1.15)contrast(1.2);transform:scale(1.012)}.repair-page[data-mode=scanning] .agi-smoke{animation:repair-smoke var(--dur-long) var(--ease-out)}.repair-page[data-mode=rebooting] .agi-blackout{opacity:.98}.repair-page[data-mode=rebooting] .agi-readout{opacity:.12}.repair-page[data-mode=online] .agi-readout>strong,.repair-page[data-mode=online] .repair-console__status b{color:var(--green)}.repair-page[data-mode=online] .agi-visual img{filter:saturate()contrast(1.04)}.repair-progress{align-items:center;gap:var(--space-lg);min-height:92px;padding:var(--space-sm) clamp(var(--space-sm),4vw,var(--space-xl));border-block:1px solid var(--border);background:var(--panel);grid-template-columns:auto minmax(0,1fr);display:grid}.repair-progress>div:first-child{align-items:baseline;gap:var(--space-sm);display:flex}.repair-progress span{color:var(--muted);font-size:.62rem}.repair-progress strong{color:var(--green);font-size:1.4rem}.repair-progress__track{background:var(--deep);border:1px solid var(--border);height:8px;overflow:hidden}.repair-progress__track span{background:var(--green);transform-origin:0;width:100%;height:100%;transition:transform var(--dur-medium) var(--ease-out);display:block}.repair-complete{gap:var(--space-xl);padding:clamp(var(--space-xl),8vw,7rem) clamp(var(--space-sm),6vw,6rem);background:var(--deep);color:var(--text);border-top:1px solid var(--green);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.repair-complete>p{grid-column:1/-1;margin:0;font-size:.7rem;font-weight:900}.repair-complete h1{font:400 clamp(5rem,16vw,12rem)/1 var(--font-display);letter-spacing:-.035em;text-transform:uppercase;overflow-wrap:anywhere;min-width:0;margin:0}.repair-complete>div{padding-bottom:var(--space-sm);gap:.4rem;font-size:.72rem;display:grid}.repair-complete>div strong{margin-top:var(--space-sm);font-size:1rem}.repair-complete button{padding:.8rem var(--space-lg);border-color:var(--green);background:var(--green);color:var(--deep);grid-column:1/-1;justify-self:start}@keyframes repair-smoke{0%{opacity:0;transform:translateY(var(--space-lg))}35%{opacity:.8}to{opacity:0;transform:translateY(calc(var(--space-lg) * -1))}}@media (max-width:59.99rem){.repair-guide>header,.repair-guide ol{grid-template-columns:minmax(0,1fr)}.repair-guide li{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.repair-guide li:last-child{border-bottom:0}.repair-guide li button{grid-column:auto;margin-top:0}.repair-header{grid-template-columns:minmax(0,1fr) auto}.repair-header>div{display:none}.repair-workspace{grid-template-columns:minmax(0,1fr)}.agi-stage{grid-row:1;min-height:clamp(340px,70vw,560px)}.repair-console{border-right:0;border-top:1px solid var(--border);grid-row:2}.repair-log{min-height:420px;max-height:62svh}.repair-progress{grid-template-columns:minmax(0,1fr)}}@media (max-width:30rem){.next-command{grid-template-columns:minmax(0,1fr)}.next-command>span{display:none}.next-command>button,.next-command>div{justify-self:stretch}.next-command>button,.next-command>div button{width:100%}.repair-header{gap:var(--space-xs)}.repair-header>a:first-child{width:122px}.repair-back{padding-inline:.65rem;font-size:.6rem}.command-hints{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.command-hints button:last-child{grid-column:1/-1}.agi-readout{left:var(--space-sm);right:var(--space-sm);bottom:var(--space-sm)}.agi-readout dl{grid-template-columns:minmax(0,1fr)}.agi-readout dl div{grid-template-columns:1fr auto}.repair-complete{grid-template-columns:minmax(0,1fr)}.repair-complete h1{font-size:clamp(4.5rem,25vw,7rem)}}@media (hover:none){.repair-input button:hover,.repair-complete button:hover,.command-hints button:hover{transform:none}}@media (prefers-reduced-motion:reduce){.agi-visual img,.agi-blackout,.repair-progress__track span,.repair-input button,.repair-complete button,.command-hints button{transition-duration:var(--dur-reduced)}.repair-page[data-mode=scanning] .agi-smoke{animation:none}.repair-page[data-mode=scanning] .agi-visual img{transform:none}}.repair-console{border:1px solid var(--green);background:var(--deep);color:var(--green);box-shadow:inset 0 0 48px color-mix(in srgb,var(--green) 4%,transparent);grid-template-rows:auto auto minmax(320px,1fr) auto auto}.repair-console__status{background:var(--deep);border-bottom:1px solid var(--green);color:var(--green)}.repair-console__status span,.repair-console__status b{color:var(--green)}.c64-banner{padding:var(--space-md) clamp(var(--space-sm),3vw,var(--space-lg));background:var(--deep);color:var(--green);text-align:left;border-bottom:1px solid var(--border);justify-items:start;gap:.25rem;display:grid}.c64-banner strong{letter-spacing:.08em;font-size:clamp(.9rem,2vw,1.2rem)}.c64-banner span,.c64-banner small{font-size:.62rem}.c64-banner p{margin:var(--space-sm) 0 0;font-size:1.1rem;font-weight:900}.c64-banner small{color:var(--soft)}.repair-log{background:var(--deep);color:var(--green);text-shadow:0 0 8px color-mix(in srgb,var(--green) 24%,transparent);font-size:clamp(.8rem,1.5vw,1rem)}.repair-log .is-error{color:var(--red);text-shadow:none}.repair-log .is-ok{color:var(--green)}.repair-log .is-muted{color:var(--soft);text-shadow:none}.repair-input{border-top:1px solid var(--green);background:var(--deep)}.repair-input>span,.repair-input input{color:var(--green)}.repair-input input::placeholder{color:var(--muted)}.repair-input:focus-within{box-shadow:inset 0 0 0 1px var(--green)}.command-hints{justify-content:flex-start;gap:var(--space-2xs);padding:0 clamp(var(--space-sm),3vw,var(--space-lg)) var(--space-sm);background:var(--deep);display:flex}.command-hints button{border-color:var(--green);min-width:92px;min-height:44px;color:var(--green);background:0 0}.command-hints button:last-child{background:var(--green);color:var(--deep)}@media (max-width:30rem){.command-hints{flex-wrap:wrap;display:flex}.command-hints button{flex:1}.command-hints button:last-child{grid-column:auto}}
