@font-face{font-family:Archivo Black;src:url(/font/archivo-black-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Archivo;src:url(/font/archivo-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}:root{--space-0: #060b18;--space-1: #0d1730;--space-2: #16223f;--hull-0: #3f4552;--hull-1: #5d6475;--hull-2: #7d8494;--plate: #eceef1;--plate-2: #d5d9e0;--plate-edge: #a8aeb9;--ink: #18213a;--ink-2: #46506a;--ink-3: #8f98ab;--green: #33c94d;--blue: #2a6fe0;--red: #e03a2d;--yellow: #f2c018;--cyan: #25d4ee;--pasta: #f3c43f;--pasta-hi: #ffe793;--danger: #ff4433;--display: "Archivo Black", "Archivo", system-ui, sans-serif;--text: "Archivo", system-ui, -apple-system, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--space-0);color:var(--plate);font-family:var(--text);font-weight:700;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;display:flex;flex-direction:column;pointer-events:none}.screen{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(var(--safe-t) + 16px) 20px calc(var(--safe-b) + 20px);overflow:hidden;animation:fade .25s ease both}@keyframes fade{0%{opacity:0}}.scrim{position:absolute;left:0;right:0;pointer-events:none;z-index:0}.screen>*:not(.scrim){position:relative;z-index:1}.scrim--title{top:28%;height:34%;background:radial-gradient(66% 46% at 50% 52%,rgba(4,8,18,.92) 0%,rgba(4,8,18,.6) 48%,transparent 78%)}.scrim--panel{inset:0;background:radial-gradient(80% 40% at 50% 52%,#040812e6,#0408128c 60%,#04081240)}.scrim--result{inset:0;background:linear-gradient(180deg,#060b188c,#141a28f0 26%,#141a28f5)}.gap{height:22px;flex:0 0 auto}.lead{flex:0 0 9%}.scrim--foot{bottom:0;height:34%;background:linear-gradient(180deg,transparent 0%,rgba(4,8,18,.85) 62%)}.screen--menu{background:radial-gradient(120% 70% at 18% 12%,#24409a44 0%,transparent 62%),linear-gradient(180deg,var(--space-1) 0%,var(--space-0) 100%)}.screen--hull{background:radial-gradient(140% 80% at 50% 0%,#2b3345 0%,transparent 70%),linear-gradient(180deg,var(--hull-0) 0%,#2b3040 100%)}.spacer{flex:1 1 auto;min-height:0}.title{font-family:var(--display);font-weight:400;font-size:min(7.4vw,52px);line-height:.92;letter-spacing:-.025em;white-space:nowrap;text-align:center;background:linear-gradient(180deg,var(--pasta-hi) 8%,var(--pasta) 52%,#d99a16 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #0e1630) drop-shadow(0 0 2px #0e1630) drop-shadow(0 0 22px rgba(243,196,63,.28));transform:scaleX(1.02)}.kicker{font-size:clamp(9px,3vw,13px);letter-spacing:.34em;text-align:center;color:#93a2c4;margin-top:12px;text-transform:uppercase}.verdict{font-family:var(--display);font-weight:400;font-size:clamp(30px,10.5vw,56px);line-height:.94;text-align:center;letter-spacing:-.015em;color:var(--pasta);text-shadow:0 3px 0 #0e1630,0 0 20px rgba(243,196,63,.3)}.verdict--fail{color:#ff7a5e;text-shadow:0 3px 0 #2a0d0c,0 0 22px rgba(255,90,60,.35)}.label{font-size:11px;letter-spacing:.24em;color:#c3d0e8;text-align:center;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.85)}.btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;padding:0 20px;border:0;border-radius:18px;background:linear-gradient(180deg,#fbfcfd 0%,var(--plate) 55%,var(--plate-2) 100%);color:var(--ink);font-family:var(--display);font-weight:400;font-size:clamp(19px,6vw,27px);letter-spacing:.01em;cursor:pointer;outline:3px solid var(--rim, var(--hull-2));outline-offset:-3px;box-shadow:0 6px 0 var(--rim-dark, #2c3342),0 10px 18px #00000073;transition:transform .06s ease,box-shadow .06s ease}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--rim-dark, #2c3342),0 3px 8px #00000073}.btn[disabled]{opacity:.42;pointer-events:none}.btn--green{--rim: var(--green);--rim-dark: #1c7a2e}.btn--blue{--rim: var(--blue);--rim-dark: #17408a}.btn--grey{--rim: #9aa2b2;--rim-dark: #454c5c}.btn--red{--rim: var(--red);--rim-dark: #8a201a}.btn--small{min-height:52px;font-size:clamp(15px,4.6vw,20px);border-radius:14px}.btn-row{display:flex;gap:12px}.icon-btn{width:48px;height:48px;min-height:48px;border-radius:50%;padding:0;font-size:20px;font-family:var(--text);outline-width:2px;box-shadow:0 4px #2c3342}.copied{--rim: var(--green);--rim-dark: #1c7a2e}.stack{display:flex;flex-direction:column;gap:14px}.field{width:100%;min-height:60px;border:0;border-radius:16px;background:#101a33;outline:3px solid #2a3657;outline-offset:-3px;color:var(--plate);font-family:var(--display);font-size:22px;text-align:center;letter-spacing:.1em}.field::placeholder{color:#4d5a7a;letter-spacing:.14em}.code-field{letter-spacing:.5em;text-indent:.5em;font-size:34px;text-transform:uppercase}.code-tiles{display:flex;gap:8px;justify-content:center}.code-tiles span{width:52px;height:62px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,#fbfcfd,var(--plate-2));color:var(--ink);font-family:var(--display);font-size:32px;box-shadow:0 4px #2c3342,0 8px 14px #0006}.rows{display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:none}.rows::-webkit-scrollbar{display:none}.row{display:flex;align-items:center;gap:12px;min-height:62px;padding-right:16px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#fbfcfd,var(--plate-2));color:var(--ink);box-shadow:0 4px #2c3342,0 8px 14px #00000059}.row--first{min-height:76px;outline:3px solid var(--yellow);outline-offset:-3px}.row__rank{width:20px;align-self:stretch;display:grid;place-items:center;background:var(--tint, var(--hull-1));color:#fff;font-family:var(--display);font-size:26px;text-shadow:0 2px 0 rgba(0,0,0,.35)}.row--ranked .row__rank{width:54px}.row__bust{width:30px;height:30px;border-radius:50% 50% 42% 42%;background:var(--tint, var(--hull-1));box-shadow:inset 0 -4px #0000002e;flex:0 0 auto}.row__name{flex:1 1 auto;font-family:var(--display);font-size:17px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__val{font-family:var(--display);font-size:26px;font-variant-numeric:tabular-nums}.row__val small{font-size:14px;color:var(--ink-2);margin-left:3px}.row__sub{font-size:10px;letter-spacing:.1em;color:var(--ink-2)}.toast{position:absolute;left:50%;top:calc(var(--safe-t) + 76px);transform:translate(-50%);padding:10px 18px;border-radius:12px;background:#2a1216;outline:2px solid var(--danger);color:#ffd9d2;font-family:var(--display);font-size:14px;letter-spacing:.08em;white-space:nowrap;animation:fade .2s ease both}.topbar{display:flex;align-items:center;gap:12px;min-height:48px}.topbar .grow{flex:1 1 auto;text-align:center}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--display);font-weight:400}.danger{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(120% 85% at 50% 50%,transparent 48%,rgba(255,60,40,.55) 100%)}.nav{position:absolute;top:calc(var(--safe-t) + 10px);left:52px;right:14px;height:56px}.nav__side{position:absolute;top:0;left:0;text-align:left}.nav__side--right{left:auto;right:0;text-align:right}.nav__cap{font-size:11px;letter-spacing:.14em;color:#e6edff;text-shadow:0 1px 3px #000}.nav__val{font-size:13px;color:#cddaf5;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000;margin-top:15px}.nav__pct{font-size:13px;color:#cddaf5;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}.nav__line{position:absolute;top:20px;left:96px;right:96px;height:2px;background:#d7e6ff8c;border-radius:2px}.nav__ship{position:absolute;top:-7px;width:16px;height:16px;margin-left:-8px;background:#fff;clip-path:polygon(100% 50%,26% 100%,44% 50%,26% 0);filter:drop-shadow(0 0 5px rgba(140,200,255,.9));transition:left .3s linear}.nav__status{position:absolute;top:calc(var(--safe-t) + 72px);right:14px;text-align:right;text-shadow:0 2px 5px #000}.nav__dir{font-size:22px;letter-spacing:.03em;color:#eaf2ff}.nav__dir--bad{color:#ff6a52}.nav__eta{font-size:13px;letter-spacing:.08em;color:#b9c8e6;font-variant-numeric:tabular-nums}.heat{position:absolute;left:50%;transform:translate(-50%,-50%);top:30%;width:62%;max-width:320px;height:26px;border-radius:6px;background:#1b2030;outline:2px solid #3a4256;outline-offset:-2px;overflow:hidden;display:grid;place-items:center}.heat i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#2f7dd6,#f2c018 68%,#ff5a3c);opacity:.85;transition:width .18s linear}.heat span{position:relative;font-size:12.5px;letter-spacing:.16em;color:#eef3ff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.heat--hot{outline-color:#ff7a45}.heat--down{outline-color:var(--danger);animation:pulse .7s ease-in-out infinite}@keyframes pulse{50%{outline-color:#5c1a12}}.banner{position:absolute;left:0;right:0;top:44%;text-align:center;font-size:clamp(26px,9vw,46px);letter-spacing:.02em;color:var(--pasta);text-shadow:0 3px 0 #0e1630,0 0 24px rgba(243,196,63,.5);animation:pop .5s cubic-bezier(.2,1.5,.4,1) both}@keyframes pop{0%{transform:scale(.7);opacity:0}}.quit{position:absolute;left:8px;top:calc(var(--safe-t) + 2px);width:38px;height:38px;padding:0 0 3px;border:0;border-radius:50%;background:#0a101e8c;color:#cfdcf6;font-family:var(--display);font-size:22px;line-height:1;pointer-events:auto;cursor:pointer}.quit--armed{background:var(--red);color:#fff;font-size:11px;letter-spacing:.1em}.tags,.hints{position:absolute;inset:0}.hint{position:absolute;left:0;top:0;width:88px;height:88px;border-radius:50%;border:4px solid rgba(255,255,255,.9);box-shadow:0 0 18px #ffffff59;animation:touchme 1.5s ease-out infinite}.hint:nth-child(2){animation-delay:.45s}@keyframes touchme{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}35%{opacity:.95}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.tag{position:absolute;left:0;top:0;padding:3px 10px;border-radius:8px;background:var(--tint);color:#fff;font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 2px 6px #00000080;text-shadow:0 1px 2px rgba(0,0,0,.35)}.hud--plates .nav,.hud--plates .nav__status,.hud--plates .heat,.hud--plates .banner,.hud--plates .quit,.hud--plates .danger,.hud--plates .hints{display:none}.tag--me{outline:2px solid #fff;outline-offset:-2px}