*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#090b08}body{color:#e3e4d0;font-family:Courier New,ui-monospace,monospace;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{color:inherit;cursor:pointer}#scene{display:block;width:100%;height:100%;image-rendering:pixelated}.post{position:fixed;inset:0;pointer-events:none;z-index:4}.fx-grain{opacity:.12;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}.fx-scanlines{opacity:.16;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#000 4px)}.fx-vignette{background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.2) 65%,rgba(0,0,0,.8) 120%)}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(1%,1%)}}.screen{position:fixed;inset:0;z-index:10;background:#070906c2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.menu-screen{padding:28px clamp(25px,5vw,78px);display:flex;flex-direction:column;justify-content:space-between}.menu-top{display:flex;justify-content:space-between;color:#949a7c;font-size:9px;letter-spacing:.15em;border-bottom:1px solid #4a4f3d;padding-bottom:13px}.menu-title{position:relative;text-align:center;margin-top:-2vh}.menu-title p{font-size:9px;letter-spacing:.28em;color:#a8ad90}.menu-title h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(65px,12vw,148px);line-height:.76;letter-spacing:-.065em;margin:24px 0;color:#e7e7d5;text-shadow:2px 0 #5f1818,-2px 0 #263d32,0 8px 35px #000}.japanese{position:absolute;left:5%;top:45%;color:#787e63;writing-mode:vertical-rl;font-family:serif;font-size:18px;letter-spacing:.5em}.title-rule{display:flex;align-items:center;justify-content:center;gap:16px;color:#b6ba9e;font-size:9px;letter-spacing:.2em}.title-rule i{height:1px;width:55px;background:#777d60}.menu-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.tape-objective{display:flex;flex-direction:column;border-left:2px solid #812c25;padding-left:15px}.tape-objective span{color:#8e9478;font-size:8px;letter-spacing:.16em}.tape-objective strong{font-size:15px;letter-spacing:.07em;margin:8px 0}.tape-objective small{color:#8f957e;font-size:9px;line-height:1.6}.demo-picker{display:flex;justify-content:center;gap:8px;margin-top:-3vh}.demo-picker button{min-width:210px;min-height:35px;color:#8e957a;font-size:9px}.demo-picker button.active{color:#e3e6cc;border-color:#a54539;background:#4819148c}.menu-actions{display:grid;gap:9px}button{border:1px solid #5e644e;background:#11150ed9;min-height:43px;padding:0 16px;font-size:10px;letter-spacing:.08em}button:hover{border-color:#c3c9a4;background:#262c1d}button.primary{background:#d9ddc1;color:#12150e;border-color:#d9ddc1;font-weight:700}button.primary:hover{background:#f0f2df}button span{float:right;color:#858c72;font-size:8px}.privacy{color:#747c65;font-size:7px;letter-spacing:.08em;text-align:center}.menu-controls{text-align:center;color:#747b65;font-size:8px;letter-spacing:.1em}#hud{position:fixed;inset:0;z-index:6;pointer-events:none}.objective{position:absolute;left:max(24px,env(safe-area-inset-left));top:max(25px,env(safe-area-inset-top));padding-left:12px;border-left:2px solid #c6cba7;display:flex;flex-direction:column;text-shadow:0 2px 6px #000}.objective span,.blink-counter span{font-size:9px;letter-spacing:.15em;color:#b0b69a}.objective strong{margin-top:8px;font-size:13px;letter-spacing:.08em}.objective small{margin-top:7px;color:#a1a88c;font-size:9px}.blink-counter{position:absolute;right:max(25px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));text-align:right;text-shadow:0 2px 8px #000}.blink-counter strong{display:block;color:#e4e6ce;font-family:Georgia,serif;font-size:74px;font-weight:400;line-height:.95}.blink-counter strong.danger{color:#c95443}.blink-counter small{color:#a5ac90;font-size:8px;letter-spacing:.12em}.crosshair{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#dfe2c88c}.interaction-prompt{position:absolute;left:50%;top:63%;transform:translate(-50%);padding:8px 12px;color:#e2e5c9;background:#070a06b3;font-size:11px;letter-spacing:.1em;white-space:nowrap}.interaction-prompt:empty{display:none}.tracking-panel{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom));width:185px}.tracking-panel>div:first-child{display:flex;justify-content:space-between;color:#c6cbae;font-size:9px;letter-spacing:.08em}.tracking-panel b{font-weight:400}.eye-track{height:3px;background:#3b4130;margin:8px 0}.eye-track i{display:block;height:100%;width:0;background:#c4d58e}.tracking-panel small{color:#8b947b;font-size:8px}.control-hint{position:absolute;left:50%;bottom:25px;transform:translate(-50%);color:#929b80;font-size:9px;white-space:nowrap}.small-button{min-height:33px;font-size:8px;padding:0 11px;pointer-events:auto;background:#0d110ab3}#calibration-toggle{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom))}.debug-panel{position:absolute;right:25px;bottom:72px;display:flex;align-items:center;gap:10px;color:#b94f42;font-size:7px}.calibration{position:fixed;z-index:12;right:24px;bottom:70px;width:285px;padding:18px;border:1px solid #596048;background:#0a0d08f5;box-shadow:0 15px 60px #000b}.calibration-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em}.calibration-head button{min-height:25px;border:0;background:none;font-size:20px;padding:0 3px}.calibration p,.calibration small{display:block;color:#838b72;font-size:8px;line-height:1.6}.calibration label{display:grid;grid-template-columns:1fr auto;margin-top:17px;font-size:9px}.calibration output{color:#c8d69c}.calibration input{grid-column:1 / -1;width:100%;margin-top:11px;accent-color:#c8d69c}.calibration .small-button{width:100%;margin-top:18px}.calibration .camera-off{color:#c47b6c;margin-top:8px}#touch-blink{position:fixed;z-index:13;left:50%;bottom:24px;transform:translate(-50%);min-width:130px;background:#5b241dd1}.calibration-screen{z-index:16;display:grid;place-items:center;background:#060805f5}.calibration-card{width:min(420px,calc(100vw - 40px));text-align:center}.calibration-kicker{color:#a44b3e;font-size:8px;letter-spacing:.2em}.calibration-card h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:20px 0 12px}.calibration-card p{color:#a2aa8d;font-size:11px;line-height:1.7;min-height:38px}.calibration-target{position:relative;height:190px;margin:15px 0;border:1px solid #343b2b;background:#14191073}.calibration-target i{position:absolute;width:14px;height:14px;border:2px solid #d2dcaa;border-radius:50%;box-shadow:0 0 15px #d2dcaa55}.calibration-target[data-position=center] i{left:calc(50% - 7px);top:calc(50% - 7px)}.calibration-target[data-position=top-left] i{left:12%;top:15%}.calibration-target[data-position=top-right] i{right:12%;top:15%}.calibration-target[data-position=bottom-left] i{left:12%;bottom:15%}.calibration-target[data-position=bottom-right] i{right:12%;bottom:15%}.calibration-target[data-position=hidden]{visibility:hidden}.calibration-reading{display:flex;justify-content:space-between;color:#bbc49e;font-size:9px}.calibration-reading b{font-weight:400}.calibration-meter{height:3px;background:#343c29;margin:10px 0 16px}.calibration-meter i{display:block;height:100%;width:0;background:#c4d58e}.calibration-blinks{min-height:22px;color:#d3dbb5;font-size:12px}.calibration-card button{width:100%;margin-top:8px}.calibration-card>small{display:block;color:#778369;font-size:8px;margin-top:16px}.end-screen{background:#04050399;display:grid;place-items:center;text-align:center}.end-content{padding:35px;text-shadow:0 3px 14px #000}.end-content>span{color:#a3493d;font-size:9px;letter-spacing:.25em}.end-content h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(50px,9vw,105px);letter-spacing:-.04em;margin:20px 0 12px}.end-content p{color:#b0b49a;font-size:10px;letter-spacing:.18em}.end-stats{color:#858d74;font-size:9px;margin:24px 0}.end-content button{min-width:210px}.mobile-controls{position:fixed;inset:0;z-index:7;pointer-events:none}.touch-zone{position:absolute;left:24px;bottom:62px;width:130px;height:150px;pointer-events:auto;touch-action:none;text-align:center;color:#828b6e;font-size:8px}.look-zone{left:auto;right:24px}.touch-ring{width:100px;height:100px;margin:15px auto;border:1px solid #737c5e;border-radius:50%;display:grid;place-items:center;font-size:22px}.touch-ring i{display:block;width:38px;height:38px;border-radius:50%;background:#929b7555}@media(pointer:coarse){.control-hint{display:none}.tracking-panel{bottom:18px}}@media(max-width:650px){.menu-screen{padding:20px}.menu-bottom{grid-template-columns:1fr;gap:25px}.menu-title h1{font-size:68px}.menu-title p,.title-rule{font-size:7px}.tape-objective small,.menu-controls{display:none}.blink-counter strong{font-size:54px}.objective strong{font-size:10px}.objective small,.blink-counter small{display:none}.tracking-panel{width:130px}.calibration{right:12px;bottom:60px}}body[data-demo="1"]{color:#c5ccc3;background:#080d0b}body[data-demo="1"] .fx-grain{opacity:.12;mix-blend-mode:screen}body[data-demo="1"] .fx-scanlines{opacity:.08}body[data-demo="1"] .fx-vignette{background:radial-gradient(ellipse at center,transparent 25%,rgba(5,12,9,.3) 60%,rgba(2,7,5,.9) 115%)}body[data-demo="1"] .menu-screen{background:radial-gradient(ellipse at 20% 20%,rgba(83,98,88,.16),transparent 55%),#050a08e0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}body[data-demo="1"] .menu-top{color:#7e8a81;border-color:#333e36}body[data-demo="1"] .menu-title{text-align:left;margin-left:5vw}body[data-demo="1"] .menu-title h1{font-family:Arial Narrow,Helvetica Neue,sans-serif;font-weight:300;font-stretch:condensed;letter-spacing:-.075em;color:#cbd1c8;text-shadow:0 2px 0 #29352d,0 0 32px rgba(177,193,179,.17)}body[data-demo="1"] .menu-title p{color:#7f8b82}body[data-demo="1"] .japanese{display:none}body[data-demo="1"] .title-rule{justify-content:flex-start;color:#965248}body[data-demo="1"] .title-rule i{background:#61372f}body[data-demo="1"] .demo-picker{justify-content:flex-start;margin-left:5vw}body[data-demo="1"] .demo-picker button{color:#7d897f;border-color:#3d4941}body[data-demo="1"] .demo-picker button.active{color:#ccd3c8;border-color:#7d4037;background:#36181480}body[data-demo="1"] .menu-bottom{border-top:1px solid #3c4740;padding-top:22px}body[data-demo="1"] .tape-objective{border-color:#6e2c26}body[data-demo="1"] .tape-objective strong{font-family:Courier New,monospace;font-weight:400;color:#c5cdc1}body[data-demo="1"] button{border-radius:0;border-color:#48554b;background:#0c120ee0}body[data-demo="1"] button.primary{background:#bec7ba;color:#101611;border-color:#bec7ba}body[data-demo="1"] .privacy,body[data-demo="1"] .menu-controls{color:#6e7b70}body[data-demo="1"] .objective{border-color:#78867a}body[data-demo="1"] .objective strong{font-family:Courier New,monospace;font-weight:400;color:#d0d6cb}body[data-demo="1"] .objective span,body[data-demo="1"] .blink-counter span{color:#89958b}body[data-demo="1"] .objective small{color:#8f9c90}body[data-demo="1"] .blink-counter strong{font-family:Arial Narrow,Helvetica Neue,sans-serif;font-weight:300;color:#cbd2c6;transform:rotate(-2deg);text-shadow:1px 0 #4b5a4e,-1px 0 #2e3c32}body[data-demo="1"] .blink-counter strong.danger{color:#a6473b}body[data-demo="1"] .tracking-panel{padding:10px;left:14px;bottom:14px;background:#080e0a94;border-left:1px solid #4a5a4d}body[data-demo="1"] .eye-track{background:#2d3930}body[data-demo="1"] .eye-track i{background:#a4b29e}body[data-demo="1"] .control-hint{color:#7c8b7e}body[data-demo="1"] .small-button{border-color:#46534a;background:#0a100cd1}body[data-demo="1"] .interaction-prompt{color:#c6d0c0;background:#070d09c7;border:1px solid #39483d}body[data-demo="1"] .calibration{border-color:#46544a;background:#080e0af7}body[data-demo="1"] .end-screen{background:#050a07cc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}body[data-demo="1"] .end-content h2{font-family:Arial Narrow,Helvetica Neue,sans-serif;font-weight:300;color:#cbd2c6;text-transform:uppercase}body[data-demo="1"] .end-content>span{color:#93483d}body[data-demo="1"] .end-content p,body[data-demo="1"] .end-stats{color:#8e9b8f}