:root{
  --blue:#087cff;--blue2:#345dff;--cyan:#00eaff;--ice:#d9fbff;--dark:#01040a;
  --panel:rgba(2,9,22,.72);--line:rgba(62,164,255,.34);--muted:#88a4c7;
  --safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)
}
*{box-sizing:border-box}html{min-height:100%;background:#01030a;scroll-behavior:smooth}html,body{margin:0;width:100%;overflow-x:hidden}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% 15%,#071a42 0,#020813 27%,#01030a 60%,#000 100%);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}
button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hidden{display:none!important}
#starfield,#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#starfield{z-index:0}#particles{z-index:50}.noise{position:fixed;inset:0;z-index:45;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.vignette{position:fixed;inset:0;z-index:44;pointer-events:none;background:radial-gradient(circle at center,transparent 33%,rgba(0,0,0,.25) 66%,rgba(0,0,0,.82) 100%)}
.bg-grid{position:fixed;z-index:1;left:-35%;right:-35%;bottom:-22vh;height:76vh;background:linear-gradient(rgba(0,157,255,.115) 1px,transparent 1px),linear-gradient(90deg,rgba(0,157,255,.115) 1px,transparent 1px);background-size:68px 68px;transform:perspective(680px) rotateX(67deg);transform-origin:center bottom;mask-image:linear-gradient(to top,#000 35%,transparent 95%);animation:gridMove 7s linear infinite}.scan{position:fixed;z-index:4;left:0;right:0;top:-42%;height:40%;background:linear-gradient(transparent,rgba(0,229,255,.04),rgba(0,185,255,.13),rgba(255,255,255,.05),transparent);pointer-events:none;animation:scan 7.5s linear infinite}.beam{position:fixed;z-index:2;width:2px;height:140vh;background:linear-gradient(transparent,#0bf,#fff,#0274ff,transparent);filter:drop-shadow(0 0 14px #0af);opacity:.18;transform:rotate(42deg);animation:beam 10s ease-in-out infinite}.beam-a{left:9%;top:-48%}.beam-b{right:16%;top:-55%;animation-delay:-3s}.beam-c{left:54%;top:-66%;animation-delay:-6s}.orb{position:fixed;z-index:0;width:42vw;height:42vw;border-radius:50%;filter:blur(100px);opacity:.13}.orb-a{background:#005cff;top:-15vw;right:-16vw;animation:float 9s ease-in-out infinite}.orb-b{background:#00d9ff;left:-16vw;bottom:-18vw;animation:float 12s ease-in-out infinite reverse}
body:before,body:after{content:"";position:fixed;z-index:6;pointer-events:none;inset:0}body:before{background:linear-gradient(90deg,transparent 0 2.2%,rgba(0,196,255,.22) 2.25% 2.35%,transparent 2.4% 97.6%,rgba(0,196,255,.22) 97.65% 97.75%,transparent 97.8%);opacity:.28}body:after{background:linear-gradient(transparent 0 3%,rgba(0,196,255,.18) 3.05% 3.14%,transparent 3.2% 96.8%,rgba(0,196,255,.18) 96.85% 96.94%,transparent 97%);opacity:.22}
.hud-corner{position:fixed;z-index:70;font:700 9px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;color:#7ebeff;opacity:.68;pointer-events:none}.hud-corner b,.hud-corner span{display:block}.hud-corner span{font-size:7px;color:#b9eaff;margin-top:2px}.tl{left:max(22px,calc(var(--safe-l) + 14px));top:max(18px,calc(var(--safe-t) + 10px))}.tr{right:max(22px,calc(var(--safe-r) + 14px));top:max(18px,calc(var(--safe-t) + 10px));text-align:right}.bl{left:max(22px,calc(var(--safe-l) + 14px));bottom:max(18px,calc(var(--safe-b) + 10px))}.br{right:max(22px,calc(var(--safe-r) + 14px));bottom:max(18px,calc(var(--safe-b) + 10px));text-align:right}
#app{position:relative;z-index:20;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(74px,calc(var(--safe-t) + 62px)) max(20px,calc(var(--safe-r) + 16px)) max(58px,calc(var(--safe-b) + 42px)) max(20px,calc(var(--safe-l) + 16px))}.stage{width:min(1040px,100%);min-height:min(760px,calc(100dvh - 110px));display:grid;place-items:center;position:relative;isolation:isolate}.stage:before{content:"";position:absolute;inset:4% -3%;z-index:-1;border:1px solid rgba(0,180,255,.06);clip-path:polygon(4% 0,96% 0,100% 7%,100% 93%,96% 100%,4% 100%,0 93%,0 7%);box-shadow:0 0 80px rgba(0,105,255,.06),inset 0 0 80px rgba(0,105,255,.025)}
.top-brand{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:35;display:grid;place-items:center}.top-brand:after{content:"";position:absolute;width:180%;height:1px;top:calc(100% + 11px);left:-40%;background:linear-gradient(90deg,transparent,rgba(0,234,255,.38),transparent);box-shadow:0 0 12px rgba(0,234,255,.5)}.brand-logo{display:block;max-width:min(240px,54vw);max-height:92px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(0,149,255,.38))}.brand-fallback{text-align:center;letter-spacing:.2em}.brand-fallback small{display:block;font-size:9px;letter-spacing:.65em;margin-left:.65em;color:#cdefff}.brand-fallback strong{display:block;font-size:54px;line-height:.9;letter-spacing:-.08em;text-shadow:0 0 30px rgba(46,157,255,.45)}.brand-fallback em{font-style:normal;font:600 12px ui-monospace,monospace;color:#00d8ff;letter-spacing:.72em;margin-left:.72em}
.gate-wrap,.identified,.decrypt,.invite{width:min(850px,100%);text-align:center;position:relative}.gate-wrap,.identified{padding-top:100px}.portal-ring{position:absolute;left:50%;top:173px;border:1px solid rgba(0,175,255,.22);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.r1{width:260px;height:260px;animation:spin 18s linear infinite;border-style:dashed}.r2{width:195px;height:195px;animation:spin 10s linear infinite reverse;border-color:rgba(0,238,255,.36);box-shadow:0 0 34px rgba(0,170,255,.09),inset 0 0 30px rgba(0,170,255,.05)}.r3{width:132px;height:132px;animation:pulse 2.4s ease-in-out infinite}.core{position:relative;width:80px;height:80px;border-radius:50%;margin:36px auto 70px;background:radial-gradient(circle,#effeff 0 4%,#00d9ff 7%,#045cff 22%,rgba(2,57,143,.4) 38%,transparent 70%);box-shadow:0 0 18px #0bf,0 0 65px rgba(0,120,255,.72),0 0 130px rgba(0,120,255,.22);animation:core 2s ease-in-out infinite}.core:before,.core:after{content:"";position:absolute;border-radius:50%;inset:-22px;border:1px solid rgba(0,218,255,.15);animation:spin 8s linear infinite}.core:after{inset:-40px;border-style:dashed;border-color:rgba(57,110,255,.18);animation-direction:reverse;animation-duration:15s}.core-dot{position:absolute;inset:29px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff}.core-label{position:absolute;top:98px;width:100%;font:800 9px ui-monospace,monospace;letter-spacing:.34em;color:#71dfff}.protocol,.micro{font:800 10px ui-monospace,monospace;letter-spacing:.34em;color:#00d8ff;text-transform:uppercase;margin-bottom:18px}.gate-wrap h1,.identified h1{font-size:clamp(42px,7.4vw,86px);line-height:.95;letter-spacing:-.055em;margin:0;font-weight:850;text-wrap:balance;text-shadow:0 0 30px rgba(25,115,255,.2)}.gate-wrap h1 span{font-weight:300;color:#b6deff}.lead{width:min(650px,92%);margin:24px auto 28px;color:var(--muted);font-size:15px;line-height:1.75;text-wrap:balance}
.credential-form{width:min(560px,100%);margin:38px auto 0}.credential-form label{display:block;text-align:left;font:800 9px ui-monospace,monospace;letter-spacing:.24em;color:#64cfff;margin:0 0 9px 12px}.code-shell{height:80px;position:relative;border:1px solid rgba(33,154,255,.46);background:linear-gradient(90deg,rgba(3,25,61,.78),rgba(1,8,22,.9));clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:0 0 0 1px rgba(0,200,255,.05),0 0 48px rgba(0,95,255,.14),inset 0 0 34px rgba(0,97,255,.07);display:flex;align-items:center;padding:0 22px;transition:transform .25s,border-color .25s,box-shadow .25s}.code-shell:focus-within{border-color:#00eaff;box-shadow:0 0 0 1px rgba(0,234,255,.2),0 0 58px rgba(0,154,255,.27),inset 0 0 36px rgba(0,166,255,.11);transform:translateY(-2px)}.code-icon{font-size:27px;color:#00ddff;text-shadow:0 0 15px #00b7ff;margin-right:15px}.code-shell input{flex:1;background:transparent;border:0;outline:0;color:#fff;font:800 clamp(18px,4vw,27px) ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;min-width:0;caret-color:#00eaff}.code-shell input::placeholder{color:#415675}.cursor-line{position:absolute;left:0;bottom:0;width:32%;height:2px;background:linear-gradient(90deg,transparent,#00eaff,#4e7cff);box-shadow:0 0 14px #00d8ff;animation:cursor 2.6s ease-in-out infinite}.primary{margin-top:18px;width:100%;min-height:64px;border:0;color:#fff;background:linear-gradient(92deg,#063fb2,#0084ff 45%,#00aeea);position:relative;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);font:800 11px ui-monospace,monospace;letter-spacing:.2em;cursor:pointer;overflow:hidden;box-shadow:0 0 34px rgba(0,115,255,.27);transition:.25s;isolation:isolate}.primary:after{content:"";position:absolute;inset:1px;z-index:-1;background:linear-gradient(110deg,rgba(255,255,255,.02),transparent 45%,rgba(255,255,255,.12));clip-path:inherit}.primary:hover{transform:translateY(-3px);filter:brightness(1.15);box-shadow:0 0 52px rgba(0,180,255,.36)}.primary:active{transform:translateY(0) scale(.992)}.primary>span{position:absolute;top:0;left:-50%;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);animation:shine 3.2s infinite}.primary i{position:absolute;right:22px;font-style:normal;font-size:20px;top:50%;transform:translateY(-50%)}.access-error{margin-top:13px;padding:10px 12px;border:1px solid rgba(255,91,132,.2);background:rgba(125,0,34,.12);color:#ff8fab;font:800 10px/1.5 ui-monospace,monospace;letter-spacing:.07em}.gate-status{margin:25px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:13px 28px;color:#637d9e;font:700 8px ui-monospace,monospace;letter-spacing:.13em}.gate-status i,.live-dot,.reveal-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#00f0a8;box-shadow:0 0 10px #00f0a8;margin-right:5px}.identity-chip,.reveal-status{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid rgba(0,221,255,.25);background:rgba(0,66,102,.16);font:800 8px ui-monospace,monospace;letter-spacing:.2em;color:#8feaff;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.avatar-orbit{width:132px;height:132px;margin:24px auto;position:relative;border-radius:50%;border:1px solid rgba(0,192,255,.26);animation:spin 10s linear infinite}.avatar-orbit:before,.avatar-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(49,105,255,.32);inset:-15px}.avatar-orbit:after{inset:12px;border-color:rgba(0,229,255,.35)}.avatar-orbit .hex{position:absolute;inset:30px;display:grid;place-items:center;background:radial-gradient(circle,rgba(0,224,255,.25),rgba(0,65,196,.16));clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);font:800 23px ui-monospace,monospace;color:#cffaff;text-shadow:0 0 18px #0cf;animation:spin 10s linear infinite reverse}.identified h1{font-size:clamp(52px,9vw,102px)}.identified h2{margin:5px auto 0;font-size:clamp(25px,4.2vw,42px);font-weight:300;letter-spacing:-.035em;color:#b6d7f5;text-wrap:balance}.access-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(32,127,255,.16);width:min(700px,100%);margin:30px auto 12px;border:1px solid rgba(35,145,255,.18)}.access-meta span{padding:13px;background:rgba(1,8,20,.75);font:700 7px ui-monospace,monospace;color:#6380a2;letter-spacing:.15em}.access-meta b{display:block;color:#bbeaff;margin-top:5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.huge{width:min(580px,100%);min-height:72px}.audio-tip{font:700 8px ui-monospace,monospace;letter-spacing:.16em;color:#627b99;margin-top:14px}
.decrypt{padding-top:100px}.decrypt-core{width:min(240px,55vw);aspect-ratio:1;margin:0 auto 36px;position:relative;display:grid;place-items:center}.decrypt-core .dcircle{position:absolute;border-radius:50%;inset:0;border:1px solid rgba(0,199,255,.25)}.decrypt-core .a{border-style:dashed;animation:spin 7s linear infinite}.decrypt-core .b{inset:12%;border-color:rgba(55,91,255,.6);animation:spin 3s linear infinite reverse}.decrypt-core .c{inset:24%;border:2px solid rgba(0,238,255,.35);box-shadow:inset 0 0 35px rgba(0,174,255,.15),0 0 35px rgba(0,174,255,.12);animation:pulse 1.4s ease-in-out infinite}.decrypt-core strong{font:850 clamp(48px,11vw,68px) ui-monospace,monospace;letter-spacing:-.07em;color:#e7feff;text-shadow:0 0 24px #00bfff}.decrypt-core small{position:absolute;transform:translate(52px,24px);font:800 11px ui-monospace,monospace;color:#00eaff}.decrypt-title{font:800 clamp(11px,2vw,14px) ui-monospace,monospace;letter-spacing:.22em;color:#ccefff;min-height:22px}.decrypt-bar{width:min(620px,100%);height:5px;margin:22px auto;border:1px solid rgba(0,178,255,.24);background:rgba(1,17,42,.65);overflow:hidden}.decrypt-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#194cff,#00eaff,#fff);box-shadow:0 0 15px #00d9ff}.terminal{width:min(620px,100%);min-height:98px;margin:0 auto;text-align:left;padding:14px 16px;border-left:1px solid rgba(0,195,255,.22);background:linear-gradient(90deg,rgba(0,76,120,.08),transparent);font:700 9px/1.8 ui-monospace,monospace;letter-spacing:.08em;color:#5f85aa;overflow:hidden}.terminal .hot{color:#8deeff}.binary{margin-top:16px;min-height:16px;font:700 8px ui-monospace,monospace;letter-spacing:.12em;color:#426c9e;overflow:hidden;white-space:nowrap}.countdown{position:fixed;inset:0;z-index:80;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(0,73,153,.2),rgba(0,0,0,.9) 65%);backdrop-filter:blur(8px)}.countdown #countNum{font:900 clamp(100px,25vw,220px)/.8 ui-sans-serif,system-ui;color:#effeff;text-shadow:0 0 24px #00d8ff,0 0 90px #006eff;letter-spacing:-.08em}.countdown span{position:absolute;top:calc(50% + min(150px,20vw));font:800 9px ui-monospace,monospace;letter-spacing:.28em;color:#71b9e9}
.invite{margin-top:90px;padding:52px 52px 34px;border:1px solid rgba(56,166,255,.28);background:linear-gradient(150deg,rgba(5,20,50,.82),rgba(1,7,18,.92) 45%,rgba(0,30,55,.74));clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 24px),calc(100% - 24px) 100%,24px 100%,0 calc(100% - 24px),0 24px);box-shadow:0 0 0 1px rgba(0,216,255,.035),0 32px 100px rgba(0,0,0,.55),0 0 100px rgba(0,94,255,.15),inset 0 0 90px rgba(0,105,255,.035);transform-style:preserve-3d;transition:transform .15s ease;overflow:hidden}.invite:before,.invite:after{content:"";position:absolute;pointer-events:none}.invite:before{inset:0;background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.035) 48%,transparent 60%);transform:translateX(-100%);animation:cardSweep 7s ease-in-out infinite}.invite:after{inset:12px;border:1px solid rgba(0,226,255,.08);clip-path:inherit}.invite-glow{position:absolute;width:55%;height:50%;left:22%;top:-30%;background:#006eff;filter:blur(80px);opacity:.18}.invite-circuit{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(90deg,transparent 49.5%,rgba(0,221,255,.08) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(0,221,255,.06) 50%,transparent 50.5%);background-size:110px 110px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.nominee-line{position:relative;margin-top:24px;font:300 clamp(24px,4vw,42px)/1.1 ui-sans-serif,system-ui;letter-spacing:-.035em;color:#bddaf4}.nominee-line span{font-weight:900;color:#fff;text-shadow:0 0 26px rgba(0,208,255,.42)}.person-name{position:relative;margin:12px auto 25px;font-size:clamp(48px,10vw,108px);line-height:.92;letter-spacing:-.065em;text-wrap:balance;background:linear-gradient(180deg,#fff,#d2f8ff 42%,#73b9ff 95%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 20px 70px rgba(0,110,255,.18)}.category-caption{position:relative;font:800 8px ui-monospace,monospace;letter-spacing:.38em;color:#638db6}.category-name{position:relative;margin:8px auto 25px;font:900 clamp(24px,5vw,44px)/1.05 ui-sans-serif,system-ui;letter-spacing:.02em;color:#00e7ff;text-shadow:0 0 28px rgba(0,230,255,.27);text-wrap:balance}.divider{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;width:min(500px,85%);margin:28px auto}.divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(0,211,255,.38))}.divider i:last-child{transform:scaleX(-1)}.divider b{font-size:13px;color:#bffaff;text-shadow:0 0 14px #00dfff}.letter{position:relative;width:min(690px,100%);margin:0 auto;text-align:left;color:#b9cbe0;font-size:15px;line-height:1.8}.letter .greeting{color:#fff;font-size:19px;font-weight:700;margin-top:0}.letter .signature{margin-top:24px;color:#dff8ff}.secret-strip{position:relative;margin:34px auto 0;padding:11px 15px;border-top:1px solid rgba(0,208,255,.13);border-bottom:1px solid rgba(0,208,255,.13);font:800 8px ui-monospace,monospace;letter-spacing:.16em;color:#6ea2c9}.secret-strip i{font-style:normal;color:#00efb1}.invite-footer{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:26px;font:700 7px ui-monospace,monospace;letter-spacing:.16em;color:#486989}.invite-footer b{color:#79c9ff}.invite-footer span:last-child{text-align:right}
.flash,.glitch-overlay{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0}.flash{background:#dfffff}.glitch-overlay{background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,225,255,.22) 5px,transparent 6px),linear-gradient(90deg,rgba(0,85,255,.25),transparent 33%,rgba(0,239,255,.12) 66%,transparent)}.sound{position:fixed;z-index:75;right:max(18px,calc(var(--safe-r) + 12px));bottom:max(18px,calc(var(--safe-b) + 12px));min-width:108px;height:38px;border:1px solid rgba(0,196,255,.22);background:rgba(1,10,24,.72);backdrop-filter:blur(14px);color:#8acfff;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font:800 8px ui-monospace,monospace;letter-spacing:.13em;cursor:pointer}.sound span{color:#00efb1;margin-right:5px}.shake{animation:shake .7s linear}.revealing .hud-corner{opacity:.38}
@keyframes gridMove{to{background-position:0 68px,68px 0}}@keyframes scan{to{top:110%}}@keyframes beam{0%,100%{opacity:.06;filter:drop-shadow(0 0 6px #0af)}50%{opacity:.32;filter:drop-shadow(0 0 20px #0af)}}@keyframes float{50%{transform:translate3d(5vw,-3vw,0) scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 30px rgba(0,212,255,.16)}}@keyframes core{50%{transform:scale(1.08);box-shadow:0 0 25px #0bf,0 0 85px rgba(0,120,255,.78),0 0 150px rgba(0,120,255,.25)}}@keyframes cursor{0%,100%{left:0}50%{left:68%}}@keyframes shine{0%,60%{left:-50%}100%{left:120%}}@keyframes countPop{0%{opacity:0;transform:scale(.45);filter:blur(18px)}40%{opacity:1;transform:scale(1.14);filter:blur(0)}100%{opacity:.25;transform:scale(1)}}@keyframes cardSweep{0%,62%{transform:translateX(-120%)}86%,100%{transform:translateX(130%)}}@keyframes shake{0%,100%{transform:translate(0)}20%{transform:translate(-8px,3px)}40%{transform:translate(7px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}

/* Tablets */
@media (max-width:900px){
  #app{padding-top:max(66px,calc(var(--safe-t) + 56px));padding-bottom:max(54px,calc(var(--safe-b) + 44px))}.stage{min-height:calc(100dvh - 100px)}
  .hud-corner{font-size:8px}.bl,.br{display:none}.gate-wrap,.identified{padding-top:92px}.portal-ring{top:158px}.r1{width:225px;height:225px}.r2{width:170px;height:170px}.r3{width:115px;height:115px}.core{width:70px;height:70px;margin:32px auto 60px}.core-dot{inset:26px}.core-label{top:88px}
  .invite{padding:44px 36px 30px;margin-top:78px}.letter{font-size:14.5px}
}

/* Phones */
@media (max-width:640px){
  body:before,body:after{opacity:.12}.beam{opacity:.12}.beam-c{display:none}.bg-grid{bottom:-16vh;height:56vh;background-size:42px 42px}.noise{opacity:.018}.vignette{background:radial-gradient(circle at center,transparent 28%,rgba(0,0,0,.2) 64%,rgba(0,0,0,.72) 100%)}
  #app{display:block;min-height:100dvh;padding:max(58px,calc(var(--safe-t) + 48px)) max(14px,calc(var(--safe-r) + 12px)) max(82px,calc(var(--safe-b) + 72px)) max(14px,calc(var(--safe-l) + 12px))}.stage{width:100%;min-height:calc(100dvh - 130px);display:grid;place-items:center}.stage:before{inset:2% -6%;opacity:.7}
  .hud-corner{font-size:7px;letter-spacing:1.4px}.hud-corner span{font-size:6px}.tl{left:max(12px,calc(var(--safe-l) + 8px));top:max(10px,calc(var(--safe-t) + 7px))}.tr{right:max(12px,calc(var(--safe-r) + 8px));top:max(10px,calc(var(--safe-t) + 7px))}.tl span,.tr span{display:none}
  .top-brand{top:2px}.top-brand:after{top:calc(100% + 7px)}.brand-logo{max-width:47vw;max-height:58px}.brand-fallback small{font-size:7px}.brand-fallback strong{font-size:39px}.brand-fallback em{font-size:9px}
  .gate-wrap,.identified,.decrypt,.invite{width:100%}.gate-wrap,.identified{padding-top:72px}.portal-ring{top:127px}.r1{width:170px;height:170px}.r2{width:128px;height:128px}.r3{width:88px;height:88px}.core{width:54px;height:54px;margin:28px auto 50px}.core-dot{inset:20px}.core-label{top:69px;font-size:7px}.core:before{inset:-17px}.core:after{inset:-28px}
  .protocol,.micro{font-size:7.5px;letter-spacing:.22em;margin-bottom:14px}.gate-wrap h1{font-size:clamp(34px,11.5vw,54px);line-height:.96}.identified h1{font-size:clamp(48px,15vw,72px)}.identified h2{font-size:clamp(22px,7.6vw,32px);line-height:1.02;padding:0 8px}.lead{width:94%;margin:18px auto 22px;font-size:13.5px;line-height:1.62}
  .credential-form{margin-top:25px}.credential-form label{margin-left:9px;font-size:7.5px}.code-shell{height:66px;padding:0 15px}.code-icon{font-size:21px;margin-right:10px}.code-shell input{font-size:18px;letter-spacing:.12em}.primary{min-height:58px;font-size:9px;letter-spacing:.14em}.primary i{right:16px;font-size:17px}.gate-status{gap:9px 14px;margin-top:20px;font-size:6.5px;letter-spacing:.09em}.gate-status span:nth-child(2){display:none}.access-error{font-size:8px;padding:9px}
  .identity-chip,.reveal-status{font-size:7px;letter-spacing:.13em;padding:8px 10px}.avatar-orbit{width:100px;height:100px;margin:20px auto}.avatar-orbit:before{inset:-11px}.avatar-orbit .hex{inset:24px;font-size:18px}.access-meta{grid-template-columns:1fr;margin-top:22px}.access-meta span{padding:9px 11px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.access-meta b{display:inline;margin:0;max-width:68%;text-align:right}.huge{min-height:62px}.audio-tip{font-size:6.5px;line-height:1.5;padding:0 15px}
  .decrypt{padding-top:72px}.decrypt-core{width:170px;margin-bottom:26px}.decrypt-title{font-size:9px;letter-spacing:.14em;padding:0 8px}.decrypt-bar{width:92%;margin:18px auto}.terminal{width:92%;font-size:7.3px;line-height:1.7;min-height:88px;padding:11px 12px}.binary{width:92%;margin:12px auto 0;font-size:6.5px}.countdown span{font-size:7px;letter-spacing:.16em;top:calc(50% + 105px)}
  .invite{margin-top:66px;padding:38px 18px 26px;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.invite:after{inset:7px}.nominee-line{margin-top:20px;font-size:clamp(23px,8vw,32px)}.person-name{font-size:clamp(46px,15vw,76px);line-height:.94;margin:10px auto 20px}.category-caption{font-size:6.5px}.category-name{font-size:clamp(24px,8.2vw,36px);margin-top:7px}.divider{margin:22px auto;gap:12px}.letter{font-size:14px;line-height:1.7}.letter .greeting{font-size:17px}.secret-strip{font-size:6.5px;line-height:1.5;padding:10px 7px;margin-top:28px}.invite-footer{grid-template-columns:1fr;gap:7px;text-align:center;margin-top:20px}.invite-footer span:last-child{text-align:center}.invite-footer span:first-child{display:none}
  .sound{right:max(12px,calc(var(--safe-r) + 8px));bottom:max(12px,calc(var(--safe-b) + 8px));min-width:94px;height:36px;font-size:7px;background:rgba(1,10,24,.86)}
}

/* Very small phones */
@media (max-width:380px){
  #app{padding-left:10px;padding-right:10px}.gate-wrap{padding-top:68px}.portal-ring{top:118px}.r1{width:150px;height:150px}.r2{width:112px;height:112px}.r3{width:78px;height:78px}.core{width:48px;height:48px;margin-bottom:45px}.core-dot{inset:18px}.core-label{top:62px}.gate-wrap h1{font-size:33px}.lead{font-size:12.5px}.code-shell{height:62px}.code-shell input{font-size:16px}.primary{font-size:8.2px}.invite{padding-left:14px;padding-right:14px}.letter{font-size:13.2px}.person-name{font-size:44px}.category-name{font-size:23px}}

/* Short screens / landscape */
@media (max-height:680px) and (min-width:641px){#app{padding-top:54px;padding-bottom:40px}.stage{min-height:590px}.gate-wrap,.identified{padding-top:74px}.portal-ring{top:130px}.r1{width:180px;height:180px}.r2{width:135px;height:135px}.r3{width:94px;height:94px}.core{width:58px;height:58px;margin:24px auto 45px}.core-dot{inset:21px}.core-label{top:72px}.lead{margin:16px auto 20px}.credential-form{margin-top:22px}.invite{margin-top:60px}}
@media (orientation:landscape) and (max-height:560px){.hud-corner{display:none}.top-brand{position:relative;top:auto;margin-bottom:8px}.stage{display:block;min-height:0}.gate-wrap,.identified,.decrypt{padding-top:18px;margin:0 auto}.portal-ring{display:none}.core{margin:12px auto 22px;width:44px;height:44px}.core-dot{inset:17px}.core-label{display:none}.gate-wrap h1{font-size:35px}.lead{margin:10px auto 12px}.credential-form{margin-top:12px}.code-shell{height:54px}.primary{min-height:50px;margin-top:10px}.gate-status,.audio-tip{display:none}.invite{margin:20px auto 0}}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.beam,.scan,.bg-grid{display:none}.invite{transition:none!important}}