/* Tela de entrada no design novo (v0.9): vidro escuro, Inter/Sora locais, texto ≥ 14 px, alvos ≥ 48 px, safe-area do iPhone. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/static/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/static/fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;src:url('/static/fonts/sora-latin.woff2') format('woff2')}
:root{color-scheme:dark;--texto:#eef1f7;--texto-2:#c3cad9;--mudo:#98a2b6;--linha:rgba(255,255,255,.1);--sans:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;--titulo:'Sora','Inter',system-ui,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{min-height:100vh;min-height:100dvh;color:var(--texto);font:500 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;background:
  radial-gradient(420px 360px at 8% 4%,rgba(200,100,50,.2),transparent 70%),radial-gradient(460px 400px at 100% 20%,rgba(31,79,216,.26),transparent 70%),
  radial-gradient(420px 320px at 90% 96%,rgba(139,92,246,.16),transparent 70%),linear-gradient(180deg,#070a12,#04060a)}
.pair{max-width:480px;min-height:100vh;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;
  padding:calc(20px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}
.pair-top{padding:4px 4px 16px}
.logo{display:flex;align-items:center;gap:10px;font:700 22px/1 var(--titulo);letter-spacing:-.02em;color:var(--texto);margin-bottom:36px}
.logo svg{width:32px;height:32px}
h1{font:700 30px/1.15 var(--titulo);letter-spacing:-.03em;margin:0 0 12px;color:#fff}
.lead{margin:0 0 18px;font-size:16px;color:var(--texto-2)}
.net{display:flex;align-items:center;gap:10px;margin:0 0 24px;padding:12px 14px;border-radius:14px;border:1px solid rgba(71,215,161,.4);background:rgba(71,215,161,.1);color:#9df0cc;font-weight:700;font-size:15px}
.net:before{content:'';width:8px;height:8px;border-radius:50%;background:#47d7a1;box-shadow:0 0 10px #47d7a1;flex:none}
.net:empty{display:none}
label{display:block;font:700 15px/1.2 var(--sans);margin-bottom:10px;color:#fff}
.field{display:flex;align-items:center;min-height:56px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(16,21,34,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.field.bad{border-color:rgba(255,90,82,.7)}
.field input{flex:1;min-width:0;height:54px;padding:0 16px;border:0;background:transparent;color:#fff;font:500 16px/1 ui-monospace,Consolas,monospace;outline:none}
.field:focus-within{border-color:rgba(76,141,255,.7);box-shadow:0 0 0 4px rgba(76,141,255,.16)}
.field button{min-width:80px;min-height:54px;border:0;border-left:1px solid var(--linha);background:transparent;color:#9ec0ff;font:700 16px var(--sans);border-radius:0 16px 16px 0}
.erro{margin:10px 0 0;color:#ff9a94;font-weight:700;font-size:15px}
.dica{margin:16px 0 0;color:var(--mudo);font-size:15px}
.dica b{color:#fff}
.pair-foot{padding:16px 4px 0;text-align:center}
.go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:16px;background:#f0884a;color:#1d0f05;font:700 18px var(--sans);cursor:pointer;box-shadow:0 12px 28px -12px #f0884a}
.go[disabled]{opacity:.55}
.pair-foot p{margin:14px 0 0;color:var(--mudo);font-size:14px}
/* v0.12: usuário e senha (o token do PC continua como segunda opção) e a tela de convite */
.field.texto input{font:500 17px/1 var(--sans)}
label.seg{margin-top:18px}
.alt{display:block;width:100%;min-height:52px;margin-top:12px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:transparent;color:#9ec0ff;font:700 16px var(--sans);cursor:pointer}
.alt:focus-visible,.go:focus-visible,.field button:focus-visible{outline:3px solid rgba(76,141,255,.7);outline-offset:2px}
.ok{margin:10px 0 0;color:#9df0cc;font-weight:700;font-size:15px}
.regras{margin:14px 0 0;padding:0 0 0 18px;color:var(--mudo);font-size:15px}
.regras li.feito{color:#9df0cc}
a.alt{display:flex;align-items:center;justify-content:center;text-decoration:none}a.alt[hidden]{display:none}
.go[hidden],.alt[hidden]{display:none}