:root{color-scheme:dark;--bg:#17120e;--panel:#2c2118;--inset:#231a12;--fg:#fff9ed;--muted:#e2ccb1;--border:#87623e;--accent:#ffd446;--hot:#ff9847;--action:#ffd237;--shadow:#100b06}
:root[data-theme=light]{color-scheme:light;--bg:#fff5dc;--panel:#fffdf6;--inset:#fff8e7;--fg:#312011;--muted:#65492f;--border:#91704d;--accent:#824000;--hot:#a63c00;--action:#ffbb26;--shadow:#532e10}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--hot);outline-offset:4px}[hidden]{display:none!important}header{border-bottom:1px solid var(--border)}main,.bar{max-width:1070px;padding:0 clamp(16px,4vw,50px);margin:auto}.bar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:10px}.bar strong{display:flex;align-items:center;gap:11px;letter-spacing:-1px;font-size:21px}.mini{width:29px;height:29px;border-radius:50%;background:repeating-radial-gradient(circle,#ffe17f 0 2px,#30200f 2px 4px,#ff9a37 4px 6px,#30200f 6px 9px)}.eyebrow,.meta,footer,aside span,.cover span,.tag{font:700 11px/1.5 'Courier New',monospace;letter-spacing:1.3px}.eyebrow,.tag{color:var(--hot)}h1,h2{margin:0;font-weight:900;letter-spacing:-.065em;line-height:.98}h1{font-size:clamp(48px,7vw,83px);margin:14px 0}h1 span{color:var(--hot)}h2{font-size:clamp(30px,4vw,44px);margin-bottom:8px}p{line-height:1.55;color:var(--muted);margin:0}.welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(25px,5vw,80px);min-height:min(680px,75vh);padding:48px 0}.cover{transform:rotate(-3deg);background:#ffa544;border:2px solid #30200f;color:#30200f;box-shadow:7px 7px 0 var(--shadow)}.cover img{width:100%;display:block}.cover span,aside span{display:block;padding:10px 14px;border-top:1px solid #42250c}.gate p{max-width:360px;font-size:18px}.gate h1{font-size:clamp(50px,6vw,78px)}#gate-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.primary,.secondary,.mode,.back{min-height:44px;border-radius:6px;padding:11px 17px;font-weight:700}.primary{border:1px solid #37200b;background:var(--action);color:#281803;box-shadow:2px 3px 0 var(--shadow)}.primary:hover{filter:brightness(1.07)}.secondary,.mode,.back{background:var(--panel);color:var(--fg);border:1px solid var(--border)}.mode{font-size:13px}.hero{padding:clamp(24px,4vw,46px) 0 25px}.hero p{font-size:17px}.paper{border:1px solid var(--border);background:var(--panel);border-radius:12px;overflow:hidden}.meta{display:flex;justify-content:space-between;padding:16px 22px 10px;color:var(--accent)}.track{display:flex;gap:5px;padding:0 22px 15px;border-bottom:1px solid var(--border)}.track i{flex:1;height:4px;background:var(--border);border-radius:4px}.track .on{background:var(--hot)}.spread{display:grid;grid-template-columns:minmax(165px,28%) 1fr;gap:28px;padding:28px}.spread aside{align-self:start;overflow:hidden;color:#30200f;background:#ffce6a;border:1px solid #30200f;transform:rotate(-1.5deg);box-shadow:3px 4px 0 var(--shadow)}aside img{width:100%;display:block}form{min-width:0}fieldset,.field{border:0;padding:0;margin:22px 0 0;min-width:0}label,legend{font-weight:700}.field>label,legend{display:block;margin-bottom:8px}input[type=text],input[type=password],textarea{font-size:16px;width:100%;padding:13px;border:1px solid var(--border);border-radius:6px;color:var(--fg);background:var(--inset)}::placeholder{color:var(--muted)}textarea{min-height:92px;resize:vertical}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.option{display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 11px;background:var(--inset);border:1px solid var(--border);border-radius:6px;font-size:15px;font-weight:400;cursor:pointer}.option:has(:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}input[type=radio]{accent-color:var(--accent)}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}fieldset+.desc{margin-top:20px;font-size:14px}.verdict img{width:min(100%,360px);display:block;margin:20px 0}.verdict button{margin-top:15px}footer{display:flex;justify-content:space-between;gap:12px;margin:25px 0;color:var(--muted);font-size:10px}body:has(.welcome:not([hidden])) footer{border-top:1px solid var(--border);padding-top:16px}body>main>h1{margin-top:44px}form[method=post]{max-width:500px}
@media(max-width:700px){.welcome{grid-template-columns:1fr;gap:24px;min-height:0;padding:32px 0}.cover{width:min(85%,340px);justify-self:center}.gate{padding:8px 0}.spread{display:flex;flex-direction:column;gap:18px;padding:18px}.spread aside{align-self:stretch;display:flex;align-items:center;transform:none;box-shadow:none;border-radius:6px}.spread aside img{width:112px;height:61px;object-fit:cover}.spread aside span{border:0}.hero h1{font-size:clamp(44px,10vw,62px)}.meta,.track{padding-left:18px;padding-right:18px}.bar strong{font-size:18px}.gate h1{font-size:52px}.gate p{font-size:16px}.options{grid-template-columns:1fr}.bar{min-height:58px}.mode{padding:8px 10px}footer{letter-spacing:.3px}.gate button{flex:1}.welcome:has(.wrong) .cover{transform:none}}
