:root{--ink:#111820;--ink-soft:#33424f;--paper:#f6eddc;--paper-hot:#fff7e7;--orange:#f28f1c;--teal:#00a99d;--teal-dark:#086c67;--goblin:#a0b52d;--navy:#101b2e;--shadow:#0c121938}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:radial-gradient(circle at 15% 20%,#00a99d2e,#0000 26rem),radial-gradient(circle at 85% 10%,#f28f1c38,#0000 24rem),linear-gradient(135deg,#fff8e9 0%,#f0dfc4 56%,#d8efea 100%);min-height:100vh;margin:0;font-family:Georgia,Times New Roman,serif}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:44px 0}.hero{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:34px;display:grid}.heroCopy,.consolePanel,.characterCard{border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.heroCopy{background:linear-gradient(90deg, #11182012 1px, transparent 1px), linear-gradient(#11182012 1px, transparent 1px), var(--paper-hot);background-size:22px 22px;min-height:520px;padding:clamp(28px,5vw,58px)}.eyebrow{border:2px solid var(--ink);background:var(--orange);width:max-content;color:var(--ink);text-transform:uppercase;letter-spacing:.12em;box-shadow:4px 4px 0 var(--ink);margin:0 0 24px;padding:8px 12px;font:800 13px/1.1 Courier New,monospace}h1{letter-spacing:-.08em;max-width:760px;margin:0;font-size:clamp(60px,11vw,128px);line-height:.82}.lede{max-width:680px;color:var(--ink-soft);margin:28px 0 0;font-size:clamp(20px,2.2vw,31px);line-height:1.14}.heroActions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.heroActions button,.promptForm button{border:2px solid var(--ink);background:var(--teal);color:#fff;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);padding:12px 16px;font:800 14px/1 Courier New,monospace;transition:transform .12s,box-shadow .12s}.heroActions button:hover,.promptForm button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.promptForm .stopButton{background:#ff695f}.characterCard{background:linear-gradient(#102337,#0a1422 68%,#071019);flex-direction:column;min-height:520px;display:flex;position:relative;overflow:hidden}.scanlines{pointer-events:none;z-index:2;opacity:.22;background:repeating-linear-gradient(0deg,#0000 0 4px,#ffffff59 5px 6px);position:absolute;inset:0}.spriteStage{background:radial-gradient(circle at 50% 36%,#a0b52d61,#0000 13rem);flex:1;place-items:end center;padding:28px 24px 0;display:grid}.spriteStage img{width:min(100%,290px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 18px #00000047);animation:2.4s steps(4,end) infinite idleBob}.statBar{z-index:3;border-top:3px solid var(--ink);background:var(--goblin);justify-content:space-between;gap:16px;padding:16px 18px;font-family:Courier New,monospace;display:flex;position:relative}.statBar span{text-transform:uppercase;font-weight:800}.modelBadge{z-index:4;border:2px solid var(--ink);min-width:118px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#f8ead4;gap:4px;padding:10px 12px;font-family:Courier New,monospace;display:grid;position:absolute;top:16px;right:16px}.modelBadge span,.modelError span{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.modelBadge strong{text-transform:uppercase;font-size:15px}.miniProgress{border:2px solid var(--ink);background:#1118202e;width:100%;height:8px;overflow:hidden}.miniProgress i,.progressTrack i{background:repeating-linear-gradient(90deg, #ffffff52 0 5px, transparent 5px 10px), var(--teal);height:100%;transition:width .18s linear;display:block}.modelBadge.ready{background:var(--goblin)}.modelBadge.loading,.modelBadge.generating{background:var(--orange)}.modelBadge.error{background:#ff695f}.consolePanel{color:#f8ead4;background:#101820;margin-top:34px;overflow:hidden}.terminalHeader{border-bottom:3px solid var(--ink);color:var(--ink);background:#f8ead4;align-items:center;gap:9px;padding:14px 16px;font:800 14px/1 Courier New,monospace;display:flex}.terminalHeader p{margin:0 0 0 8px}.dot{border:2px solid var(--ink);border-radius:999px;width:13px;height:13px}.dotOrange{background:var(--orange)}.dotTeal{background:var(--teal)}.dotCream{background:var(--paper)}.messages{gap:16px;max-height:420px;padding:22px;display:grid;overflow:auto}.message{background:#ffffff0f;border:2px solid #f8ead473;max-width:820px;padding:16px}.message.user{background:#00a99d38;justify-self:end}.message.pending{opacity:.72}.loadCard{opacity:1;gap:10px;display:grid}.progressTrack{background:#071019;border:2px solid #f8ead4b3;height:18px;overflow:hidden}.loadCard small{color:#f8ead4b8;letter-spacing:.05em;text-transform:uppercase;font:800 12px/1.2 Courier New,monospace}.modelError{background:#ff695f24;border:2px solid #ff695f;padding:14px 16px}.modelError span{color:#ffb08a;margin-bottom:8px;font-family:Courier New,monospace;display:block}.modelError p{overflow-wrap:anywhere;margin:0;font:14px/1.45 Courier New,monospace}.message span,.promptForm label{color:var(--orange);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font:800 12px/1 Courier New,monospace;display:block}.message p{margin:0;font-size:20px;line-height:1.35}.promptForm{border-top:3px solid #f8ead44d;padding:20px 22px 24px}.promptForm div{grid-template-columns:1fr auto auto;gap:12px;display:grid}.promptForm input{color:#f8ead4;background:#071019;border:2px solid #f8ead4;outline:none;min-width:0;padding:13px 14px;font-size:18px}.promptForm input:focus{border-color:var(--orange)}.promptForm input:disabled,.promptForm button:disabled{cursor:not-allowed;opacity:.6}.loadGate{text-align:center;place-items:center;min-height:320px;padding:clamp(36px,7vw,74px) 24px;display:grid}.loadGateInner{justify-items:center;gap:18px;max-width:470px;display:grid}.loadGateLabel{border:2px solid var(--orange);color:var(--orange);letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;font:800 12px/1 Courier New,monospace}.loadGate h2{letter-spacing:-.03em;color:#f8ead4;margin:0;font-size:clamp(32px,6vw,46px);line-height:.92}.loadGate p{color:#f8ead4d1;margin:0;font-size:18px;line-height:1.4}.loadGateButton{border:2px solid var(--ink);background:var(--goblin);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;box-shadow:6px 6px 0 var(--ink);margin-top:6px;padding:16px 22px;font:800 16px/1 Courier New,monospace;transition:transform .12s,box-shadow .12s}.loadGateButton:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(2px,2px)}.loadGate small{color:#f8ead499;letter-spacing:.08em;text-transform:uppercase;font:800 12px/1 Courier New,monospace}.loadGateWarn{color:#f8ead4;background:#ff695f1f;border:2px solid #ff695f;max-width:440px;margin:2px 0;padding:11px 14px;font:600 14px/1.4 Georgia,Times New Roman,serif}.hintCard{border:2px solid var(--goblin);background:repeating-linear-gradient(45deg,#a0b52d17 0 9px,#0000 9px 18px),linear-gradient(#a0b52d2e,#a0b52d0d);grid-template-columns:auto 1fr;align-self:stretch;align-items:start;gap:14px;margin:4px 0;padding:16px 18px;animation:.26s ease-out hintPop;display:grid;box-shadow:0 0 20px #a0b52d47,4px 4px #0c121973}.hintBulb{border:2px solid var(--ink);background:var(--orange);width:34px;height:34px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);place-items:center;display:grid}.hintLabel{color:var(--goblin);letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px;font:800 11px/1 Courier New,monospace;display:block}.hintBody p{color:#f8ead4;margin:0;font-size:16px;line-height:1.4}.hintBody a{color:var(--orange);font-weight:700;text-decoration:underline}@keyframes hintPop{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}@keyframes idleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ertasLink{color:var(--teal-dark);text-underline-offset:3px;font-weight:700;text-decoration:underline}.ertasLink:hover{color:var(--orange)}.siteFooter{border-top:2px solid var(--ink);margin-top:28px;padding:20px 4px 0}.siteFooter p{max-width:860px;color:var(--ink-soft);margin:0;font:15px/1.55 Georgia,Times New Roman,serif}.siteFooter a{color:var(--teal-dark);text-underline-offset:2px;font-weight:700;text-decoration:underline}.siteFooter a:hover{color:var(--orange)}@media (max-width:860px){.shell{width:min(100% - 22px,680px);padding:22px 0}.hero{grid-template-columns:1fr}.heroCopy,.consolePanel,.characterCard{box-shadow:6px 6px 0 var(--ink)}.heroCopy,.characterCard{min-height:auto}.characterCard{min-height:420px}.promptForm div{grid-template-columns:1fr}}