:root{--ink:#201d1a;--night:#171513;--cream:#f4eddf;--paper:#fffaf0;--red:#c8453e;--muted:#a99f91;--line:#433a32;--green:#477b61}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--cream);font-family:'Noto Serif SC',serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(#fff 0.6px,transparent .7px);background-size:8px 8px}.app-shell{max-width:1120px;min-height:100vh;margin:auto;padding:24px 28px;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;color:var(--muted);font:11px 'DM Mono',monospace;letter-spacing:.14em}.eyebrow{color:var(--red)}.screen{display:none;min-height:calc(100vh - 100px);align-items:center;justify-content:center;animation:cardIn .35s ease}.screen.active{display:flex}@keyframes cardIn{from{opacity:0;transform:translateY(10px) rotateX(-2deg)}to{opacity:1;transform:none}}.hero{text-align:center;max-width:600px}.seal{display:inline-flex;width:90px;height:90px;border:1px solid var(--red);border-radius:50%;align-items:center;justify-content:center;color:var(--red);font:13px/1.2 'DM Mono';letter-spacing:.12em;transform:rotate(-10deg);margin-bottom:30px}.kicker,.step{color:var(--red);font:12px 'DM Mono',monospace;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(55px,10vw,106px);margin:8px 0 15px;line-height:1;letter-spacing:-.08em}.lead{color:var(--muted);font-size:16px;margin:0 auto 38px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button{border:1px solid transparent;border-radius:3px;padding:14px 24px;font:13px 'DM Mono',monospace;letter-spacing:.05em;cursor:pointer;transition:.2s;min-height:50px}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary{background:var(--cream);color:var(--ink)}.ghost{background:transparent;border-color:#66594d;color:var(--cream)}.accent{background:var(--red);color:white}.success{background:var(--green);color:white}.muted{background:#4b4139;color:var(--cream)}.full{width:100%}.panel{background:var(--paper);color:var(--ink);padding:40px;max-width:600px;width:100%;box-shadow:12px 12px 0 #332b25}.narrow{max-width:530px}.section-heading h2,.panel h2{font-size:36px;margin:8px 0 25px}.rules-list{padding:0;list-style:none;margin:0 0 30px}.rules-list li{border-top:1px solid #d9cdbb;padding:17px 0;display:flex;flex-direction:column;gap:5px}.rules-list span{font-size:14px;color:#786d61}.prepare{text-align:center}.card-back{width:180px;height:240px;margin:0 auto 25px;background:var(--red);border:8px solid var(--paper);outline:1px solid var(--red);display:grid;place-items:center;color:var(--cream);font-size:90px}.warning{font-size:15px;line-height:1.8;margin-bottom:28px}.draw-layout,.score-layout{width:min(780px,100%)}.draw-layout>.section-heading{margin-bottom:14px}.draw-layout h2{font-size:34px;margin:8px 0}.art-card{height:min(52vh,450px);background:var(--paper);padding:12px;position:relative;box-shadow:8px 8px 0 #332b25}.art-card img,.score-art img{width:100%;height:100%;object-fit:cover;display:block}.art-cover{position:absolute;inset:12px;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--cream);font-size:25px}.art-cover small{font:11px 'DM Mono';color:var(--muted)}.art-cover.hidden{display:none}.timer-wrap{text-align:center;margin:20px 0 14px}.timer{font:clamp(48px,8vw,70px) 'DM Mono';letter-spacing:.04em}.timer.danger{color:var(--red);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.55}}.timer-caption{font:11px 'DM Mono';color:var(--muted);letter-spacing:.15em}.time-settings{margin:14px auto 0;max-width:460px;color:var(--muted);font:11px 'DM Mono';letter-spacing:.06em}.time-label{display:block;margin-bottom:8px}.preset-row,.custom-time{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap}.time-preset{border:1px solid #66594d;border-radius:3px;background:transparent;color:var(--cream);padding:8px 11px;font:11px 'DM Mono';cursor:pointer}.time-preset:hover,.time-preset.selected{background:var(--cream);color:var(--ink)}.custom-time{margin-top:8px}.custom-time label{display:flex;align-items:center;gap:3px}.custom-time input{width:48px;padding:7px 4px;border:1px solid #66594d;background:#211d1a;color:var(--cream);font:12px 'DM Mono';text-align:center}.time-settings.locked{opacity:.45;pointer-events:none}.hidden{display:none!important}.score-layout{align-self:flex-start;padding-top:6vh}.score-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.score-head h2{font-size:34px;margin:8px 0 0}.score-badge{border:1px solid var(--red);color:var(--red);padding:8px 12px;font:28px 'DM Mono'}.score-badge small,.final-score small{font-size:14px;color:var(--muted)}.score-art{height:min(30vh,250px);background:var(--paper);padding:8px;position:relative;margin-bottom:18px}.stamp{position:absolute;right:16px;top:16px;border:1px solid var(--red);color:var(--red);font:11px 'DM Mono';padding:4px;transform:rotate(8deg)}.criterion-card{background:var(--paper);color:var(--ink);padding:20px 22px;box-shadow:7px 7px 0 #332b25}.criterion-meta{display:flex;justify-content:space-between;font:11px 'DM Mono';color:#837668}.hidden-label{color:var(--red)}.criterion-card p{font-size:20px;min-height:32px;margin:20px 0}.criterion-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result{text-align:center}.result-icon{color:var(--red);font-size:48px;margin:18px}.final-score{font:90px 'DM Mono';line-height:1;margin:8px 0 16px}.result>p:not(.kicker){color:#786d61;margin-bottom:32px}@media(max-width:560px){.app-shell{padding:18px 16px}.panel{padding:28px 22px}.hero h1{font-size:64px}.art-card{height:43vh}.button{flex:1;padding-inline:12px}.score-layout{padding-top:3vh}.criterion-card p{font-size:18px}.topbar{font-size:9px}}