*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:#04040a;overflow:hidden;font-family:JetBrains Mono,Fira Code,Courier New,monospace}canvas{position:fixed;top:0;left:0;z-index:1}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#guide-link{position:absolute;top:20px;left:26px;font-size:11px;letter-spacing:.18em;color:#46c896b3;text-decoration:none;pointer-events:auto;transition:color .2s;border:1px solid rgba(70,200,150,.25);padding:4px 10px}#guide-link:hover{color:#46c896;border-color:#46c89699}#hud{position:absolute;top:22px;right:26px;text-align:right;line-height:1.9}.hrow{font-size:10px;letter-spacing:.13em;color:#50d2a080}.hrow span{color:#50d2a0e0}#terminal{position:absolute;bottom:0;left:0;right:0;pointer-events:auto;padding:13px 28px 15px;background:#04040ceb;border-top:1px solid rgba(70,190,150,.12);display:flex;align-items:center;gap:14px;min-height:56px;transition:border-top-color .5s,box-shadow .5s}#terminal.attract{border-top-color:#46c89699;box-shadow:0 -1px 28px #46c89624,0 -1px 6px #46c89633;animation:terminal-breathe 2s ease-in-out infinite}#terminal.attract #prompt{color:#46c896f2;text-shadow:0 0 10px rgba(70,200,150,.4)}@keyframes terminal-breathe{0%,to{box-shadow:0 -1px 18px #46c8961a,0 -1px 4px #46c89626}50%{box-shadow:0 -1px 38px #46c89638,0 -1px 8px #46c8964d}}#hidden-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border:none;outline:none;background:transparent;color:transparent;caret-color:transparent;font-size:16px;cursor:text;z-index:1}#prompt{color:#46c89680;font-size:11px;letter-spacing:.14em;flex-shrink:0;-webkit-user-select:none;user-select:none}#seq{flex:1;display:flex;flex-wrap:wrap;align-items:center;font-size:14px;letter-spacing:.14em;min-height:22px}.ct{display:inline-block}#caret{display:inline-block;width:8px;height:16px;background:#46c896bf;vertical-align:middle;margin-left:1px;animation:blink 1.1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#quick-guide{position:absolute;top:58px;bottom:70px;left:50%;transform:translate(-50%);width:min(96vw,1020px);display:flex;flex-direction:column;justify-content:center;pointer-events:none;opacity:1;transition:opacity .8s ease;z-index:5;padding:0 4px}#quick-guide:before{content:"";position:absolute;top:-30px;right:-10px;bottom:-30px;left:-10px;background:radial-gradient(ellipse 80% 90% at 50% 50%,rgba(2,6,18,.6) 0%,transparent 72%);z-index:-1}#quick-guide.hidden{opacity:0}.qg-header{text-align:center;margin-bottom:22px}.qg-logo{font-size:clamp(15px,2.4vw,26px);letter-spacing:.4em;color:#46c896;text-shadow:0 0 18px rgba(70,200,150,.55),0 0 40px rgba(70,200,150,.2);margin-bottom:7px}.qg-tagline{font-size:clamp(9px,1.1vw,11px);letter-spacing:.14em;color:#a0e6c880}.qg-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2px;flex:1;min-height:0}@media(min-width:860px){.qg-grid{grid-template-columns:240px 1fr 1fr}.qg-col-families{display:flex!important}}.qg-col{padding:0 20px;border-left:1px solid rgba(70,190,150,.13);overflow:hidden}.qg-col:first-child{border-left:none;padding-left:4px}.qg-col-families{display:none;flex-direction:column}.qg-col-heading{font-size:9px;letter-spacing:.35em;color:#46c896bf;text-shadow:0 0 10px rgba(70,200,150,.3);margin-bottom:13px;padding-bottom:7px;border-bottom:1px solid rgba(70,190,150,.12)}.qg-fam-list{display:flex;flex-direction:column;gap:11px}.qg-fam{display:flex;align-items:flex-start;gap:10px}.qg-dot{width:9px;height:9px;border-radius:50%;background:var(--fc);box-shadow:0 0 8px var(--fc),0 0 16px color-mix(in srgb,var(--fc) 40%,transparent);flex-shrink:0;margin-top:2px}.qg-fam-name{font-size:10px;letter-spacing:.16em;color:var(--fc);text-shadow:0 0 12px var(--fc);margin-bottom:2px}.qg-fam-chars{font-size:10px;letter-spacing:.08em;color:#a0e6c8d1;margin-bottom:2px}.qg-fam-info{font-size:9px;letter-spacing:.06em;color:#a0e6c861;line-height:1.5}.qg-ctrl-list{display:flex;flex-direction:column;gap:12px}.qg-ctrl{display:flex;flex-direction:column;gap:4px}.qg-key-badge{display:inline-block;font-size:10px;letter-spacing:.14em;color:#46c896f2;border:1px solid rgba(70,200,150,.38);padding:3px 9px;text-shadow:0 0 8px rgba(70,200,150,.35);align-self:flex-start}.qg-ctrl-desc{font-size:10px;letter-spacing:.07em;color:#a0e6c89e;line-height:1.55}.qg-fact-list{display:flex;flex-direction:column;gap:7px}.qg-fact{display:flex;gap:8px;font-size:10px;letter-spacing:.06em;color:#a0e6c885;line-height:1.5}.qg-arrow{color:#46c896a6;flex-shrink:0}.qg-ev-list{display:flex;flex-direction:column;gap:9px}.qg-ev2{display:flex;align-items:baseline;gap:11px;font-size:11px;letter-spacing:.07em;color:#a0e6c899;line-height:1.4}.qg-ev2 b{color:#a0e6c8e0;font-weight:400;letter-spacing:.08em}.qg-ev-key{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;font-size:12px;color:#46c896f2;border:1px solid rgba(70,200,150,.32);padding:0 6px;flex-shrink:0;text-shadow:0 0 8px rgba(70,200,150,.45);box-shadow:inset 0 0 8px #46c8960d}.qg-cta{text-align:center;margin-top:18px;font-size:clamp(9px,1.1vw,11px);letter-spacing:.3em;color:#46c896b3;text-shadow:0 0 12px rgba(70,200,150,.35);animation:qg-breathe 2.2s ease-in-out infinite}@keyframes qg-breathe{0%,to{opacity:.55}50%{opacity:1}}#pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#04040e9e;z-index:15;pointer-events:none}#pause-text{font-size:28px;letter-spacing:.45em;color:#46c896cc}#pause-sub{margin-top:14px;font-size:10px;letter-spacing:.28em;color:#46c89666}#tooltip{position:absolute;padding:8px 12px;background:#04040ee0;border:1px solid rgba(80,200,160,.15);font-size:10px;letter-spacing:.1em;color:#a0e6c8e0;line-height:1.7;pointer-events:none;display:none}