.w2h-ah[hidden]{display:none!important}
.w2h-ah{--ah-phosphor:#70f2b8;--ah-dim:#478678;position:fixed;inset:0;z-index:1500;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 82% 70% at 52% 58%,#11283b 0%,#06131f 44%,#01050b 82%),#01050b;color:#d2ffed;display:grid;place-items:center;opacity:0;transition:opacity 1.5s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.w2h-ah.is-visible{opacity:1}
.w2h-ah::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(36,116,169,.028) 0 1px,transparent 1px 76px),linear-gradient(112deg,transparent 8%,rgba(42,136,189,.07) 29%,transparent 52%),radial-gradient(circle at 50% 112%,rgba(0,150,222,.17),transparent 50%);pointer-events:none}
.w2h-ah::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 22%,rgba(0,0,0,.77) 99%);pointer-events:none}
.w2h-ah__grain{position:absolute;inset:-100%;z-index:6;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(0deg,rgba(220,255,255,.07) 0 1px,transparent 1px 3px);animation:ah-grain 6s linear infinite}
.w2h-ah__motes{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 22% 27%,#71d9e9 0 1px,transparent 2px),radial-gradient(circle at 80% 38%,#c8efff 0 1px,transparent 2px),radial-gradient(circle at 47% 72%,#fff 0 1px,transparent 2px),radial-gradient(circle at 66% 15%,#84bce6 0 1px,transparent 2px),radial-gradient(circle at 30% 85%,#84bce6 0 1px,transparent 2px);opacity:.32;filter:blur(.45px);animation:ah-motes 19s ease-in-out infinite alternate}
.w2h-ah__halo{position:absolute;width:min(95vw,960px);height:min(86vh,800px);left:50%;top:52%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(25,138,125,.16),rgba(14,82,117,.08) 36%,transparent 69%);filter:blur(38px);pointer-events:none}
.w2h-ah__stage{position:relative;z-index:4;width:min(1150px,calc(100vw - 52px));height:min(89dvh,850px);min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:min(9vh,60px);padding-bottom:35px}
.w2h-ah__eyebrow{position:absolute;left:0;top:2%;color:#73d7d1;font:11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.22em;opacity:.8}
.w2h-ah__eyebrow::before{content:"▰ ";color:#70ffaf}
.w2h-ah__frame{position:relative;display:flex;flex-direction:column;align-items:center;width:min(780px,93%);transform:perspective(1300px) rotateX(1deg);filter:drop-shadow(0 26px 32px #000);animation:ah-hardware 13s ease-in-out infinite alternate}
.w2h-ah__machine{position:relative;width:min(610px,100%);padding:clamp(12px,2.5vw,26px);border-radius:42px 40px 34px 36px;border:2px solid #41515b;background:linear-gradient(116deg,#354c58 0%,#6a7473 4%,#1f343e 10%,#121f2a 20%,#293840 48%,#405057 76%,#0e151b 91%,#0a131a 100%);box-shadow:inset 5px 4px 5px rgba(210,230,220,.18),inset -10px -9px 17px #05090e,0 13px 0 #050b10,0 17px 0 #18252c,0 24px 30px #000}
.w2h-ah__bezel{position:relative;border:clamp(14px,2.8vw,27px) solid transparent;border-radius:35px;background:linear-gradient(156deg,#01090c,#051b16 50%,#01080b) padding-box,linear-gradient(132deg,#030a0b,#71837f 13%,#151c20 25%,#050a0d 77%,#708682 99%) border-box;box-shadow:inset 0 0 23px #000,inset 0 0 6px #74beaf,0 2px 8px #000;overflow:hidden}
.w2h-ah__glass{position:relative;width:100%;aspect-ratio:1.38/1;min-height:175px;overflow:hidden;border-radius:20% / 9%;background:radial-gradient(ellipse at 47% 43%,#053b27 0%,#031f16 50%,#000a0c 100%);box-shadow:inset 0 0 35px #000,inset 0 0 6px rgba(171,255,209,.35);color:var(--ah-phosphor);padding:clamp(21px,3.3vw,43px);font:clamp(10px,1.2vw,14px)/1.6 'Courier New',ui-monospace,monospace;text-shadow:0 0 9px rgba(103,248,164,.45)}
.w2h-ah__glass::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0px,transparent 2px,rgba(0,0,0,.31) 3px,rgba(0,0,0,.31) 4px),radial-gradient(ellipse at 32% 13%,rgba(174,255,251,.11),transparent 45%);mix-blend-mode:screen}
.w2h-ah__glass::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(175deg,rgba(202,255,243,.06),transparent 29%,transparent 72%,rgba(22,84,73,.15)),radial-gradient(ellipse at 50% 50%,transparent 52%,rgba(0,0,0,.78) 100%)}
.w2h-ah__scan{position:absolute;z-index:4;pointer-events:none;top:-10%;left:0;right:0;height:15%;opacity:.3;background:linear-gradient(180deg,transparent,rgba(93,255,160,.13),transparent);animation:ah-scan 10s linear infinite}
.w2h-ah__session{position:relative;z-index:2;opacity:.96;white-space:pre-wrap;min-height:34%;overflow:hidden;color:var(--ah-phosphor);transition:opacity .5s ease}
.w2h-ah__connection{position:relative;z-index:2;min-height:22%;display:grid;place-items:center;text-align:center;color:#b6ffd7;font-size:clamp(18px,2.7vw,37px);font-weight:700;letter-spacing:.16em;text-shadow:0 0 9px rgba(91,255,176,.65),0 0 35px rgba(56,237,137,.25);opacity:0;transition:opacity 2.1s ease}
.w2h-ah__connection.is-on{opacity:1;animation:ah-connection 5s steps(1,end) infinite}
.w2h-ah__status{position:absolute;z-index:2;bottom:clamp(13px,2vw,28px);left:clamp(21px,3.3vw,43px);right:clamp(21px,3.3vw,43px);color:#42886c;font:10px/1.4 ui-monospace,monospace;letter-spacing:.08em;border-top:1px solid rgba(56,184,115,.22);padding-top:9px}
.w2h-ah__console{width:min(610px,100%);padding:10px 23px 11px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#10191e,#34424a 23%,#09131a 70%,#24333b);border:1px solid #485a60;border-top:0;border-radius:0 0 21px 21px;box-shadow:inset 0 2px 2px #5e7071,0 10px 13px #000;color:#88a3a7;font:9px/1 ui-monospace,monospace;letter-spacing:.13em}
.w2h-ah__led{width:6px;height:6px;border-radius:50%;background:#2ff487;box-shadow:0 0 6px #2ff487,0 0 15px #4bff89;display:inline-block;animation:ah-led 3.4s steps(1,end) infinite}
.w2h-ah__stand{position:relative;width:min(160px,30%);height:clamp(20px,5vh,46px);background:linear-gradient(90deg,#0d1a20,#4e6068 25%,#1a2830 75%,#0b151c);clip-path:polygon(28% 0,72% 0,84% 100%,16% 100%);margin-top:10px;box-shadow:0 5px 10px #000}
.w2h-ah__foot{width:min(300px,56%);height:13px;background:linear-gradient(180deg,#52666d,#0a151b 65%,#111e25);border-radius:50% 50% 8px 8px;box-shadow:0 10px 17px #000}
.w2h-ah__keyboard{position:relative;margin-top:12px;width:min(550px,93%);height:clamp(40px,8vh,78px);transform:perspective(440px) rotateX(48deg);border:4px solid #23353e;border-radius:9px 9px 17px 17px;background:repeating-linear-gradient(90deg,transparent 0 10px,#080f13 10px 13px,transparent 13px 27px),repeating-linear-gradient(180deg,#26353a 0 9px,#080e14 9px 16px);box-shadow:inset 0 0 12px #000,0 13px 30px #000}
.w2h-ah__underlight{position:absolute;bottom:4%;height:8px;width:60%;background:#36e8b0;filter:blur(30px);opacity:.32;animation:ah-glow 5s ease-in-out infinite alternate}
.w2h-ah__details{position:absolute;left:0;right:0;bottom:0;display:flex;gap:15px;align-items:center;justify-content:space-between;color:#70b9c2;font:clamp(9px,.85vw,12px)/1.4 ui-monospace,Consolas,monospace;letter-spacing:.16em;max-width:100%;opacity:.8}
.w2h-ah__details b{font-weight:400;color:#d5ffff}.w2h-ah__details span:last-child{color:#4fffaa}
.w2h-ah__dismiss{position:absolute;right:0;top:2%;background:transparent;color:#8fd2d4;border:1px solid rgba(130,223,221,.4);padding:9px 12px;cursor:pointer;z-index:10;letter-spacing:.12em;font:11px/1.2 ui-monospace,monospace}
.w2h-ah__dismiss:hover,.w2h-ah__dismiss:focus-visible{color:#fff;border-color:#f1ffff;background:#0b2d37}
:root[data-museum-era="1983"] .w2h-ah{--ah-phosphor:#f5c47a;--ah-dim:#aa704b}
:root[data-museum-era="1993"] .w2h-ah{--ah-phosphor:#8dd9ff;--ah-dim:#417ab7}
:root[data-museum-era="2003"] .w2h-ah{--ah-phosphor:#b5ffd7;--ah-dim:#4fa7b8}
@keyframes ah-hardware{0%,100%{transform:perspective(1300px) rotateX(1deg) translateY(0)}50%{transform:perspective(1300px) rotateX(1deg) translateY(-3px)}}
@keyframes ah-led{0%,100%{opacity:1}28%,32%{opacity:.3}35%{opacity:1}}
@keyframes ah-scan{to{top:110%}}
@keyframes ah-connection{0%,100%{opacity:.88}23%{opacity:.62}25%{opacity:.94}46%{opacity:1}47%{opacity:.38}49%{opacity:.98}73%{opacity:.8}}
@keyframes ah-grain{to{transform:translateY(12px)}}
@keyframes ah-motes{to{transform:translateY(-24px)}}
@keyframes ah-glow{to{opacity:.6;transform:scaleX(1.1)}}
@media(max-width:660px){.w2h-ah__stage{height:min(93dvh,680px);width:calc(100vw - 18px);padding-top:26px;padding-bottom:40px}.w2h-ah__frame{width:min(470px,92%)}.w2h-ah__machine{padding:12px;border-radius:22px}.w2h-ah__bezel{border-width:13px;border-radius:22px}.w2h-ah__glass{aspect-ratio:1.18/1;padding:20px;font-size:10px}.w2h-ah__connection{font-size:clamp(14px,4vw,23px)}.w2h-ah__status{bottom:14px;left:20px;right:20px;font-size:8px}.w2h-ah__details{flex-direction:column;gap:3px;font-size:9px;text-align:center}.w2h-ah__eyebrow{font-size:9px;top:0;letter-spacing:.1em}.w2h-ah__dismiss{top:0;font-size:10px;padding:8px}.w2h-ah__console{font-size:7px}}
@media(max-width:420px){.w2h-ah__glass{min-height:160px}.w2h-ah__session{font-size:9px}.w2h-ah__keyboard{margin-top:6px}.w2h-ah__stage{padding-bottom:50px}}
@media(max-height:530px) and (orientation:landscape){.w2h-ah__stage{height:98dvh;padding:8px 0 26px;width:min(780px,92vw)}.w2h-ah__frame{width:min(520px,58vw)}.w2h-ah__machine{padding:8px;border-radius:20px}.w2h-ah__bezel{border-width:9px}.w2h-ah__glass{aspect-ratio:1.7/1;min-height:100px;padding:12px;font-size:9px}.w2h-ah__status{display:none}.w2h-ah__stand,.w2h-ah__keyboard{display:none}.w2h-ah__console{padding:6px 15px}.w2h-ah__details{font-size:8px;bottom:0}.w2h-ah__connection{font-size:18px}.w2h-ah__eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){.w2h-ah,.w2h-ah__grain,.w2h-ah__motes,.w2h-ah__frame,.w2h-ah__scan,.w2h-ah__connection,.w2h-ah__led,.w2h-ah__underlight{animation:none!important;transition:none!important}.w2h-ah.is-visible{opacity:1}}