:root{--paper:#f3eee1;--ink:#17140f;--muted:#686052;--panel:#fffaf0;--line:#17140f29;--blue:#275c88;--green:#19764f;--red:#b5412e;--amber:#d8a23a;color:var(--ink);background:var(--paper);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% 18%, #275c8829, transparent 26rem), var(--paper);min-height:100dvh;margin:0}button,input{font:inherit}button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);cursor:pointer;border-radius:14px;padding:.75rem 1rem;transition:transform .16s,background .16s,border-color .16s;box-shadow:inset 0 1px #ffffffb3}button:hover{transform:translateY(-1px)}button:active{transform:translateY(1px)scale(.99)}button:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:800}.start{place-items:center;min-height:100dvh;padding:1rem;display:grid}.start-card{border:1px solid var(--line);background:#fffaf0db;border-radius:30px;width:min(860px,100%);padding:clamp(1.4rem,5vw,4rem);box-shadow:0 28px 90px #17140f24}.micro{letter-spacing:.13em;color:var(--blue);margin:0 0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:800}h1{letter-spacing:-.08em;max-width:8ch;margin:0;font-size:clamp(3.6rem,11vw,8.4rem);line-height:.82}.lede{color:var(--muted);max-width:62ch;font-size:clamp(1.08rem,2vw,1.4rem);line-height:1.45}.actions{flex-wrap:wrap;gap:.75rem;margin:2rem 0 1rem;display:flex}.best{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app{min-height:100dvh;padding:clamp(.75rem,2vw,1.4rem);transition:background .3s}.stage-1{background:radial-gradient(circle at 80% 12%, #275c881f, transparent 22rem), var(--paper)}.stage-2{background:radial-gradient(circle at 20% 20%,#d8a23a30,#0000 25rem),#eee6d8}.stage-3{background:radial-gradient(circle at 76% 18%,#b5412e29,#0000 28rem),#ded8cb}.stage-4{background:radial-gradient(circle at 50% 18%,#17140f38,#0000 30rem),#cfc8ba}.shell{grid-template-columns:1fr 280px;align-items:start;gap:1rem;width:min(1180px,100%);margin:0 auto;display:grid}.hud{grid-column:1/-1;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:.6rem;display:grid}.stat{border:1px solid var(--line);background:#fffaf0c7;border-radius:16px;min-height:58px;padding:.55rem .65rem;position:relative;overflow:hidden}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:800;display:block}.stat strong{z-index:2;font-size:1.2rem;position:relative}.stat i{background:var(--green);height:4px;position:absolute;bottom:0;left:0}.stat.danger i{background:var(--red)}.stat.human i{background:var(--blue)}.widget{border:1px solid var(--line);background:#fffaf0e6;border-radius:30px;min-height:680px;padding:clamp(1.2rem,4vw,2.4rem);position:relative;overflow:hidden;box-shadow:0 20px 70px #17140f1c}.stage-3 .widget:after,.stage-4 .widget:after{content:"";pointer-events:none;opacity:.12;mix-blend-mode:multiply;background-image:linear-gradient(90deg,#0000 0 48%,#b5412eb3 49% 51%,#0000 52%),radial-gradient(circle,#17140f80 1px,#0000 1px);background-size:96px 100%,15px 15px;position:absolute;inset:0}.widget h1{font-size:clamp(3.2rem,8vw,6.6rem)}.widget h2{max-width:17ch;margin:1rem 0;font-size:clamp(1.45rem,3vw,2.4rem);line-height:1.02}.message,.hint{color:var(--muted);font-weight:650}.terms{border:1px solid var(--line);background:#fffaf0c2;border-radius:24px;padding:1rem;position:sticky;top:1rem}.terms h2{margin-top:0}.grid{grid-template-columns:repeat(3,minmax(74px,1fr));gap:.65rem;max-width:560px;margin:1rem 0;display:grid}.cell{border-radius:18px;place-items:center;gap:.25rem;min-height:118px;display:grid}.cell span{font-size:clamp(2rem,6vw,3.4rem)}.cell small{color:var(--muted);text-align:center}.cell.active{border-color:var(--green);background:#e2f0e8}.wide{width:min(560px,100%)}.checkbox{align-items:center;gap:.8rem;min-width:min(320px,100%);margin:1.2rem 0;transition:transform .2s cubic-bezier(.2,1,.2,1);display:inline-flex}.checkbox span{border:2px solid var(--blue);background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.final-box{border-color:var(--red)}.verify{text-transform:uppercase;min-width:210px;min-height:86px;font-size:1.5rem;font-weight:900}.verify.ready{animation:1s ease-in-out infinite pulse}.slider-wrap{border:1px solid var(--line);background:#f8f1e4;border-radius:18px;max-width:560px;margin:2rem 0 1rem;padding:2rem 1rem;position:relative}.slider-wrap span{pointer-events:none;background:#19764f2e;border:1px solid #19764f73;border-radius:999px;height:30px;position:absolute;top:50%;transform:translate(-50%,-50%)}.slider-wrap input{width:100%;min-height:44px}.choices{gap:.7rem;max-width:640px;margin:1rem 0;display:grid}.choices button{text-align:left}.number-choices{grid-template-columns:repeat(4,1fr)}.result{grid-template-columns:repeat(5,1fr);gap:.7rem;margin:1.6rem 0;display:grid}.result div{border:1px solid var(--line);border-radius:16px;padding:.8rem}.result dt{color:var(--muted);font-weight:800}.result dd{margin:.2rem 0 0;font-size:1.8rem;font-weight:900}.debug{z-index:20;color:#fff;background:#17140fe6;border-radius:18px;gap:.4rem;padding:.75rem;display:grid;position:fixed;bottom:1rem;right:1rem}.debug button{color:var(--ink);min-height:38px;padding:.4rem .7rem}@keyframes pulse{50%{transform:scale(1.04)}}.crt{--crt:.14}.crt:before{content:"";z-index:55;pointer-events:none;opacity:var(--crt);mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#17140f4d 0 1px,#0000 1px 3px);position:fixed;inset:0}.crt:after{content:"";z-index:56;pointer-events:none;background:radial-gradient(at 50% 38%,#0000 58%,#17140f33);position:fixed;inset:0}.app.stage-1{--crt:.08}.app.stage-2{--crt:.16}.app.stage-3{--crt:.26}.app.stage-4{--crt:.4}.ending.crt{--crt:.22}.stage-3:after,.stage-4:after{animation:5s linear infinite crt-flicker}@keyframes crt-flicker{0%,89%,92%,95%,to{opacity:1}90%{opacity:.68}93%{opacity:.85}}.stage-3 .widget h1,.stage-4 .widget h1{text-shadow:2px 0 #b5412e80,-2px 0 #275c8880}.stage-4 .widget h1{animation:2.8s step-end infinite glitch-jitter}@keyframes glitch-jitter{0%,93%,to{transform:none}94%{transform:translate(2px,-1px)skew(2deg)}96%{transform:translate(-2px,1px)}98%{transform:translate(1px)}}.stage-4 .widget{box-shadow:0 20px 70px #b5412e2e}.popup-layer{z-index:40;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1rem;display:flex;position:fixed;inset:0}.popup{pointer-events:auto;width:min(430px,100%);transform:translate(var(--popup-offset,0px), var(--popup-offset,0px));background:var(--panel);border:1px solid var(--ink);border-radius:12px;animation:.16s ease-out popup-in;box-shadow:0 30px 90px #17140f66}.popup-title{background:var(--ink);color:var(--paper);letter-spacing:.12em;justify-content:space-between;gap:1rem;padding:.5rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;font-weight:800;display:flex}.popup-body{margin:0;padding:.9rem .9rem .1rem}.popup button{margin:.8rem .9rem .9rem}@keyframes popup-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.flavor{color:var(--blue);min-height:2.6em;font-style:italic}.readout{border-top:1px dashed var(--line);margin-top:1rem;padding-top:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.readout-title{letter-spacing:.13em;color:var(--blue);margin:.7rem 0 .15rem;font-size:.66rem;font-weight:800}.webcam-line{margin:0;font-size:.82rem}.webcam-line:before{content:"●";color:var(--red);animation:1.6s steps(2,end) infinite rec-blink}@keyframes rec-blink{50%{opacity:.15}}.files{margin:0;padding:0;list-style:none}.files li{color:var(--muted);font-size:.8rem}.files li:before{content:"> ";color:var(--amber)}.readout-note{color:var(--muted);margin:.7rem 0 0;font-size:.68rem;font-style:italic}.trail-layer{z-index:70;pointer-events:none;position:fixed;inset:0}.trail-dot{background:#275c882e;border:1px solid #275c88b3;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:.65s ease-out forwards trail-fade;position:absolute}@keyframes trail-fade{to{opacity:0;transform:scale(.4)}}.verdict{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.copy-note{color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.share-raw{text-align:left;border:1px dashed var(--line);white-space:pre-wrap;-webkit-user-select:all;user-select:all;background:#17140f0f;border-radius:12px;padding:.8rem;font-size:.85rem}.reduce-motion,.reduce-motion *,.reduce-motion:before,.reduce-motion:after,.reduce-motion :before,.reduce-motion :after{transition-duration:.01ms!important;animation:none!important}.reduce-motion .trail-layer{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}.trail-layer{display:none}}@media (width<=820px){.shell{grid-template-columns:1fr}.hud{grid-template-columns:repeat(2,1fr)}.terms{position:static}.widget{min-height:auto}.result{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.app{padding:.45rem}.shell{grid-template-columns:minmax(0,1fr);gap:.4rem}.hud{top:env(safe-area-inset-top,0px);z-index:30;border:1px solid var(--line);background:#f3eee1fa;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem;position:sticky}.stat{border-radius:10px;min-width:0;min-height:38px;padding:.25rem .35rem}.stat span{letter-spacing:.04em;overflow-wrap:anywhere;font-size:.62rem;line-height:1.1}.stat strong{overflow-wrap:anywhere;font-size:1rem;line-height:1}.hud>button{grid-column:1/-1;min-height:44px;padding:.25rem .7rem}.widget{border-radius:20px;min-height:0;padding:.75rem}.widget>.micro{margin-bottom:.2rem;font-size:.62rem}.widget>h1{letter-spacing:-.045em;max-width:100%;margin:0;font-size:clamp(1.55rem,7vw,2.15rem);line-height:1}.widget h2{max-width:none;margin:.5rem 0;font-size:clamp(1.05rem,4.5vw,1.35rem);line-height:1.1}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:100%;margin:.6rem auto}.cell{border-radius:12px;gap:.15rem;min-width:0;min-height:clamp(62px,8vh,74px);padding:.3rem .15rem}.cell span{font-size:clamp(1.5rem,7vw,2rem);line-height:1}.cell small{overflow-wrap:anywhere;max-width:100%;font-size:.68rem;line-height:1.1}.number-choices,.result{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox{text-align:left;overflow-wrap:anywhere;gap:.45rem;width:calc(100% - 16px);min-width:0;max-width:100%;min-height:44px;margin:.55rem 0;margin-inline:8px;padding:.3rem .45rem;transform:translate(clamp(-8px, var(--dodge-x,0px), 8px), clamp(-8px, var(--dodge-y,0px), 8px))!important}.checkbox span{flex:0 0 34px}.final-box{max-width:100%}.verify{width:min(210px,100%);min-width:0;min-height:56px;padding:.5rem .7rem;font-size:clamp(1.1rem,6vw,1.4rem)}.timed-click-status{align-items:center;min-height:5.25em;margin:.35rem 0;line-height:1.25;display:flex}.appeal{justify-items:start;gap:.1rem;margin:.55rem 0 0;display:grid}.appeal .hint{margin:.1rem 0 0;font-size:.76rem;line-height:1.2}.ending .start-card{min-width:0;max-width:100%;padding:1rem}.ending h1{letter-spacing:-.05em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.8rem,9vw,3rem);line-height:.98}.ending .result>div{min-width:0;padding:.55rem}.ending .result dd{font-size:clamp(1.1rem,6vw,1.8rem)}.start-card{min-width:0;max-width:100%}.start h1{letter-spacing:-.06em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(2rem,13vw,3.4rem);line-height:.92}.start .actions>button{overflow-wrap:anywhere;max-width:100%}.share-raw,.files li,.terms h2,.terms p{overflow-wrap:anywhere}.popup-layer{inset:auto 0 env(safe-area-inset-bottom,0px);top:var(--mobile-hud-clearance,calc(env(safe-area-inset-top,0px) + 152px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:center;gap:.45rem;padding:.4rem .5rem;overflow:hidden auto}.popup{flex:none;transform:none}}@media (height<=520px) and (orientation:landscape){.app{padding:.35rem}.shell{grid-template-columns:minmax(0,1fr);gap:.35rem}.hud{top:env(safe-area-inset-top,0px);z-index:30;border:1px solid var(--line);background:#f3eee1fa;border-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;padding:.2rem;position:sticky}.stat{border-radius:9px;min-width:0;min-height:38px;padding:.2rem .3rem}.stat span{letter-spacing:.03em;overflow-wrap:anywhere;font-size:.6rem;line-height:1.1}.stat strong{overflow-wrap:anywhere;font-size:.95rem;line-height:1}.hud>button{min-height:44px;padding:.2rem .4rem;font-size:.78rem}.terms{position:static}.terms h2,.terms p{overflow-wrap:anywhere}.widget{border-radius:18px;min-height:0;padding:.6rem .8rem}.widget>.micro{margin-bottom:.15rem;font-size:.58rem}.widget>h1{max-width:100%;margin:0;font-size:1.55rem;line-height:1}.widget h2{max-width:none;margin:.35rem 0;font-size:1.15rem;line-height:1.1}.grid{gap:.3rem;margin:.4rem 0}.cell{min-height:60px;padding:.25rem}.cell span{font-size:1.6rem;line-height:1}.cell small{overflow-wrap:anywhere;font-size:.68rem;line-height:1.05}.checkbox{width:calc(100% - 16px);min-width:0;max-width:100%;min-height:44px;margin:.4rem 0;margin-inline:8px;transform:translate(clamp(-8px, var(--dodge-x,0px), 8px), clamp(-8px, var(--dodge-y,0px), 8px))!important}.checkbox span{flex:0 0 34px}.verify{min-width:0;min-height:52px}.timed-click-status{align-items:center;min-height:3.5em;margin:.25rem 0;line-height:1.2;display:flex}.appeal{justify-items:start;gap:.1rem;margin:.4rem 0 0;display:grid}.appeal .hint{margin:.1rem 0 0;font-size:.72rem;line-height:1.15}.popup-layer{inset:auto 0 env(safe-area-inset-bottom,0px);top:var(--mobile-hud-clearance,calc(env(safe-area-inset-top,0px) + 64px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:center;gap:.4rem;padding:.35rem .5rem;overflow:hidden auto}.popup{flex:none;transform:none}.ending .start-card{min-width:0;max-width:100%}.ending h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.7rem,5vw,2.5rem);line-height:1}}
