:root{--c:#00e5ff}*{box-sizing:border-box}html{background:#02040a;scroll-behavior:smooth}body{margin:0;font-family:Courier New,monospace;color:#7fe9ff}canvas#c{position:fixed;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:pan-y;z-index:0}.scan{position:fixed;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000 0 2px,#00e5ff08 2px 3px)}.hud{position:fixed;pointer-events:none;text-shadow:0 0 8px #00e5ff;font-size:12px;letter-spacing:2px;z-index:4}#title{top:22px;left:24px;font-size:18px}#logo{pointer-events:auto;cursor:pointer;color:#e8fbff}#stats{top:22px;right:24px;text-align:right;line-height:1.7;font-size:11px}button{background:#001b2a99;border:1px solid #00e5ff;color:#7fe9ff;padding:7px 10px;font:inherit;font-size:11px;letter-spacing:1.5px;cursor:pointer;box-shadow:0 0 8px #00e5ff44}button:hover{background:#00e5ff33}button.on{background:var(--c);color:#02040a;border-color:var(--c);box-shadow:0 0 16px var(--c)}input[type=text],input[type=email]{background:#001b2acc;border:1px solid #00e5ff;color:#e8fbff;padding:9px 10px;font:inherit;font-size:12px;outline:none;min-width:0}#ui{position:fixed;bottom:16px;right:24px;display:flex;gap:8px;z-index:6}#deck{position:fixed;top:78px;left:20px;width:262px;max-height:calc(100vh - 150px);z-index:6;background:#02040ad9;border:1px solid #00e5ff55;backdrop-filter:blur(6px);display:flex;flex-direction:column}#deckHead{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;cursor:pointer;font-size:11px;letter-spacing:2px;border-bottom:1px solid #00e5ff33}#deckBody{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:7px}#deck.closed #deckBody,#deck.closed #tabs{display:none}#tabs{display:flex;flex-wrap:wrap}#tabs button{flex:1 1 30%;padding:6px 0;font-size:9px;letter-spacing:0;box-shadow:none;border-width:0 0 1px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.row{display:flex;gap:6px}.row>input{flex:1}.lbl{font-size:10px;opacity:.65;letter-spacing:2px;margin-top:4px}.note{font-size:11px;line-height:1.5;opacity:.85;min-height:48px}#deckBody button{text-align:left}#deckBody button i{font-style:normal;opacity:.7;float:right}#eeg{width:100%;height:120px;background:#001b2a66;border:1px solid #00e5ff44}input[type=range]{width:100%;accent-color:#00e5ff}#bubble{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:5;pointer-events:none;text-align:center;max-width:min(520px,90vw);font-size:14px;letter-spacing:1px;color:#e8fbff;text-shadow:0 0 12px #00e5ff;opacity:0;transition:opacity .4s}#bubble.show{opacity:1}#gh{position:fixed;top:112px;left:50%;transform:translate(-50%);z-index:5;pointer-events:none;text-align:center;font-size:13px;letter-spacing:3px;color:#ffe9a8;text-shadow:0 0 10px #ffb300}section.card{position:relative;z-index:2;height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:0 6vw;pointer-events:none}section.hero{justify-content:center;align-items:flex-end;padding-bottom:12vh;text-align:center}section.end{justify-content:center;align-items:flex-end;padding-bottom:14vh;text-align:center}.box{max-width:360px;opacity:0;transform:translateY(30px);transition:all .8s}.show .box,.show.hero .box{opacity:1;transform:none}.box h2{margin:0 0 8px;font-size:clamp(26px,4vw,44px);letter-spacing:.1em;color:#e8fbff;text-shadow:0 0 14px var(--k,#00e5ff)}.box h2 small{display:block;font-size:12px;letter-spacing:4px;color:var(--k,#00e5ff);margin-bottom:6px}.box p{margin:0;line-height:1.7;font-size:14px;color:#bdefff}.hero .box,.end .box{max-width:none}.hero h1{margin:0;font-size:clamp(44px,9vw,110px);letter-spacing:.08em;color:#e8fbff;text-shadow:0 0 12px #00e5ff,0 0 40px #00e5ff88}.hero h1 span{color:#00e5ff}.hero p,.end p{margin:10px 0 0;font-size:clamp(12px,1.6vw,16px);letter-spacing:.25em;opacity:.85}.hero .scroll{margin-top:22px;animation:bob 1.6s infinite;opacity:.7}@keyframes bob{50%{transform:translateY(8px)}}.end h2{font-size:clamp(28px,5vw,60px)}#f{pointer-events:auto;display:inline-flex;margin-top:18px;max-width:92vw}#f input{border-right:0;width:min(280px,52vw)}#f button{padding:10px 16px}#msg{height:16px;margin-top:10px;font-size:12px;letter-spacing:2px;color:#9dffb0}@media (max-width:760px){#stats{display:none}section.card{justify-content:center;align-items:flex-end;padding-bottom:16vh}.box{text-align:center}#deck{width:calc(100vw - 40px)}#ui{left:12px;right:12px;bottom:10px;justify-content:center}}.glitch{animation:glitch .4s steps(2) 1}@keyframes glitch{0%{text-shadow:3px 0 #ff2bd6,-3px 0 #00e5ff;transform:translate(2px)}25%{text-shadow:-4px 0 #ff2bd6,4px 0 #00e5ff;transform:translate(-3px,1px);clip-path:inset(20% 0 40% 0)}50%{text-shadow:2px 0 #00e5ff,-2px 0 #ff2bd6;transform:translate(3px,-1px);clip-path:inset(60% 0 5% 0)}to{text-shadow:none;transform:none;clip-path:none}}