.area,.gate{--acc-line:#ffffff1a;--acc-line-strong:#4ed0f238;--acc-well:#00000047;--acc-danger:#e0655c;--acc-gutter:clamp(16px, 4vw, 40px)}*,:before,:after{box-sizing:border-box}.area,.area *,.gate,.gate *{-webkit-user-select:text;user-select:text}.area :focus-visible,.gate :focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.area-main a:not(.btn),.gate-panel a:not(.btn),.gate-foot a{color:var(--primary);text-decoration:none}.area-main a:not(.btn):hover,.gate-panel a:not(.btn):hover,.gate-foot a:hover{color:var(--primary-light);text-decoration:underline}.area h1,.area h2,.area h3,.gate h1,.gate h2{letter-spacing:-.4px;color:var(--text);margin:0;font-family:Nunito,Inter,sans-serif;font-weight:800}.area h1,.gate h1{font-size:clamp(1.8rem,4vw,2.6rem)}.area h2,.gate h2{font-size:clamp(1.3rem,2.6vw,1.7rem)}.area p,.gate p{margin:0;line-height:1.6}.area code,.gate code{background:var(--acc-well);border:1px solid var(--acc-line);color:var(--primary-light);border-radius:6px;padding:.15em .45em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.92em}.area strong,.gate strong{color:var(--text);font-weight:800}.muted{color:var(--text-muted)}.lede{color:var(--text-secondary);max-width:62ch;font-size:1.05rem}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-head{color:var(--primary);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:1rem;margin:.4rem 0 .2rem;font-size:1.15rem;display:flex}.section-head:after{content:"";background:var(--acc-line);flex:1;height:1px}.title-with-icon{align-items:center;gap:.9rem;display:flex}.title-icon,.norse-icon{color:var(--primary);flex:none}.wordmark{letter-spacing:1px;color:var(--text);text-transform:uppercase;font-family:Nunito,Inter,sans-serif;font-weight:900}.btn{border-radius:var(--radius-small);background:var(--gradient-primary);color:#08222c;letter-spacing:.3px;cursor:pointer;transition:transform var(--gesto), box-shadow var(--gesto), filter var(--gesto);box-shadow:0 6px 16px -8px #4ed0f2b3, var(--luce-bordo);border:none;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.6rem;font-family:Nunito,Inter,sans-serif;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.05);box-shadow:0 10px 22px -10px #4ed0f2d9, var(--luce-bordo);color:#08222c;text-decoration:none;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-big{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.8px;padding:1rem 2.2rem;font-size:1.08rem}.btn-wide{width:100%}.btn-small{padding:.45rem .9rem;font-size:.88rem}.btn-quiet{border:1px solid var(--acc-line);color:var(--text);box-shadow:none;background:#ffffff0d}.btn-quiet:hover{border-color:var(--acc-line-strong);color:var(--text);box-shadow:none;background:#4ed0f21f}.btn.danger,.btn-small.danger{color:var(--acc-danger);box-shadow:none;background:#e0655c24;border:1px solid #e0655c66}.btn.danger:hover{color:var(--acc-danger);background:#e0655c38}.link-button{box-shadow:none;color:var(--text-muted);font:inherit;letter-spacing:normal;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;border-radius:0;padding:0;font-weight:700;text-decoration:underline}.link-button:hover{color:var(--primary)}.form{gap:1rem;margin:1.2rem 0 0;display:grid}.form-inline-width{max-width:420px}.form-row{flex-wrap:wrap;align-items:flex-end;gap:.8rem;display:flex}.field{gap:.4rem;min-width:0;display:grid}.field>span{color:var(--text-secondary);font-size:.92rem;font-weight:700}.area input,.area select,.gate input,.gate select{background:var(--acc-well);border:1px solid var(--acc-line);border-radius:var(--radius-small);width:100%;color:var(--text);transition:var(--transition);padding:.75rem 1rem;font-family:Nunito,Inter,sans-serif;font-size:1rem}.area input:hover,.gate input:hover,.area select:hover,.gate select:hover{border-color:var(--acc-line-strong)}.area input:focus,.gate input:focus,.area select:focus,.gate select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4ed0f22e}.area input::placeholder,.gate input::placeholder{color:var(--text-muted)}.form-error{color:var(--acc-danger);font-weight:700}.form-success{color:var(--success);font-weight:700}.tags{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.tag{color:var(--primary);text-transform:uppercase;letter-spacing:.4px;background:#4ed0f21a;border:1px solid #4ed0f233;border-radius:999px;align-items:center;padding:.35rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.tag-rank{color:var(--viking-gold);background:#d4af371f;border-color:#d4af3759}.notice{border-radius:var(--radius-small);border:1px solid var(--acc-line);color:var(--text-secondary);background:#ffffff0a;padding:.9rem 1.1rem}.notice-ok{color:var(--text);background:#4caf501a;border-color:#4caf5059}.notice-danger{color:var(--text);background:#e0655c1a;border-color:#e0655c66}.empty{border:1px dashed var(--acc-line);border-radius:var(--radius-small);color:var(--text-muted);align-items:center;gap:1rem;padding:1.4rem;display:flex}.empty svg{color:var(--text-muted);flex:none}.gate{min-height:100dvh;padding:2.5rem var(--acc-gutter);align-content:center;place-items:center;gap:1.5rem;font-family:Nunito,Inter,sans-serif;display:grid;position:relative;overflow:hidden}.gate-bg{object-fit:cover;filter:blur(12px)brightness(.45)saturate(1.15);z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.06)}.gate-veil{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 30%,#4ed0f21f,#0000 60%),linear-gradient(#0a0a178c 0%,#0a0a17d9 100%);position:absolute;inset:0}.gate-panel{z-index:2;background:var(--surface-glass);width:min(460px,100%);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--acc-line-strong);border-radius:var(--radius);box-shadow:var(--shadow-hover);text-align:left;padding:clamp(1.6rem,4vw,2.4rem);position:relative}.gate-logo{margin-bottom:1.2rem;display:block}.gate-logo img{filter:drop-shadow(0 2px 16px #000c);width:82px;height:auto}.gate-panel .lede{margin-top:.5rem}.gate-note{border-top:1px solid var(--acc-line);color:var(--text-muted);margin-top:1.2rem;padding-top:1.2rem;font-size:.95rem}.gate-foot{z-index:2;color:var(--text-muted);gap:.8rem;font-size:.92rem;display:flex;position:relative}.gate[data-scene=reset] .gate-panel,.gate[data-scene=expired] .gate-panel{border-color:#d4af3759}.gate[data-scene=expired] .gate-veil{background:radial-gradient(circle at 50% 30%,#d4af371f,#0000 60%),linear-gradient(#0a0a1799 0%,#0a0a17e0 100%)}.gate[data-step=error] .gate-panel{border-color:#e0655c8c;animation:.4s gate-shake}.gate[data-step=success] .gate-panel{border-color:#4caf508c;box-shadow:0 0 0 1px #4caf504d,0 18px 50px #4caf5040}@keyframes gate-shake{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.area{flex-direction:column;min-height:100dvh;padding-top:128px;font-family:Nunito,Inter,sans-serif;display:flex}.area-testa{width:100%;max-width:1200px;padding:clamp(1.2rem, 3vw, 2rem) var(--acc-gutter) 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.me{border:1px solid var(--acc-line);background:#ffffff08;border-radius:999px;align-items:center;gap:.7rem;min-width:0;padding:.35rem .9rem .35rem .35rem;display:flex}.me-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.face{background:#ffffff0f;border-radius:6px;flex:none;display:inline-block;position:relative;overflow:hidden}.face>span{image-rendering:pixelated;background-repeat:no-repeat;position:absolute;inset:0}.tabs{border-radius:var(--radius);background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--rilievo);border:1px solid #4ed0f233;gap:.3rem;padding:.4rem;display:flex}.tabs a{border-radius:var(--radius-small);color:var(--text-secondary);white-space:nowrap;transition:color var(--gesto), background-color var(--gesto);align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.tabs a:hover{color:var(--text);background:#ffffff0f;text-decoration:none}.tabs a[aria-current=page]{background:var(--gradient-primary);box-shadow:var(--luce-bordo);color:#0a1620}.tabs a[aria-current=page]:hover{color:#0a1620}.tabs a svg{flex:none}.tab-otp{position:relative}.tab-dot{display:none}.tab-otp[data-live=true] .tab-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite tab-dot-pulse;display:block;box-shadow:0 0 #4caf5080}@keyframes tab-dot-pulse{70%{box-shadow:0 0 0 7px #4caf5000}to{box-shadow:0 0 #4caf5000}}.area-main{width:100%;max-width:1200px;padding:clamp(1.8rem, 4vw, 3rem) var(--acc-gutter) clamp(3rem, 6vw, 5rem);flex:1;margin:0 auto}.profile{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.stage{aspect-ratio:3/4;border-radius:var(--radius);border:1px solid var(--acc-line-strong);box-shadow:var(--shadow);background:linear-gradient(160deg,#4ed0f21f 0%,#181a20e6 60%);position:relative;overflow:hidden}.skin-canvas{position:absolute;inset:0}.skin-canvas canvas{cursor:grab;touch-action:pan-y;display:block}.skin-canvas canvas:active{cursor:grabbing}.skin-fallback{color:var(--text-muted);text-align:center;position:absolute;inset:auto 1rem 1.5rem}.stage-hint{text-align:center;color:var(--text-muted);pointer-events:none;font-size:.85rem;position:absolute;inset:auto 0 .8rem}.sheet{gap:1.6rem;min-width:0;display:grid}.player-name{overflow-wrap:anywhere;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,6vw,3.4rem);line-height:1}.facts{gap:.8rem;margin:0;display:grid}.facts>div{border:1px solid var(--acc-line);border-radius:var(--radius-small);background:#ffffff08;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.8rem 1.1rem;display:flex}.facts dt{color:var(--text-muted)}.facts dd{color:var(--text);margin:0;font-weight:700}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:0;display:grid}.tile{text-align:center;background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--acc-line);border-radius:var(--radius-small);transition:transform var(--gesto), border-color var(--gesto), box-shadow var(--gesto);justify-items:center;gap:.25rem;padding:1.3rem 1rem;display:grid}.tile:hover{border-color:var(--acc-line-strong);box-shadow:var(--rilievo-alto), var(--luce-bordo);transform:translateY(-2px)}.tile-icon{color:var(--accent);margin-bottom:.3rem}.tile dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.86rem}.tile dd{color:var(--text);margin:0;font-size:1.35rem;font-weight:900}.tile-hint{color:var(--text-muted);font-size:.8rem}.guide{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--acc-line-strong);border-radius:var(--radius);box-shadow:var(--shadow);gap:1.1rem;padding:clamp(1.2rem,3vw,1.8rem);display:grid}.guide-ok{border-color:#4caf504d}.guide-danger{border-color:#e0655c73}.guide-head{align-items:center;gap:1rem;display:flex}.guide-head h2{font-size:clamp(1.15rem,2.4vw,1.5rem)}.guide-icon{color:var(--success);flex:none}.guide-icon-off{color:var(--text-muted)}.guide-icon-danger{color:var(--acc-danger)}.steps{counter-reset:step;gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.steps li{color:var(--text-secondary);align-items:flex-start;gap:.9rem;display:flex}.step-n{border:1px solid var(--acc-line-strong);width:28px;height:28px;color:var(--primary);background:#4ed0f21f;border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:800;display:grid}.step-done .step-n{color:var(--success);background:#4caf5026;border-color:#4caf5066}.step-done{color:var(--text-muted)}.otp-layout{grid-template-columns:minmax(0,620px) minmax(0,1fr);align-items:start;gap:clamp(1.6rem,4vw,3rem);display:grid}.otp{align-content:start;gap:1rem;display:grid}.otp-code{--slot:min(52px, calc((100vw - 2 * var(--acc-gutter) - 45px) / 10));gap:.9rem;display:grid}.slots{flex-wrap:nowrap;justify-content:flex-start;gap:5px;display:flex}.slot{width:var(--slot);height:calc(var(--slot) * 1.28);background:var(--acc-well);border:1px solid var(--acc-line-strong);border-radius:var(--radius-small);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:calc(var(--slot) * .52);animation:.28s cubic-bezier(.4,0,.2,1) both slot-in;animation-delay:calc(var(--i) * 28ms);place-items:center;font-weight:700;display:grid}@keyframes slot-in{0%{opacity:0;transform:translateY(6px)}}.slots-loading{border-radius:var(--radius-small);background:linear-gradient(90deg,#ffffff0a,#4ed0f21f,#ffffff0a) 0 0/200% 100%;height:calc(1.28*min(52px,10vw));animation:1.4s linear infinite slots-wait}@keyframes slots-wait{to{background-position:-200% 0}}.xp{background:var(--acc-well);border:1px solid var(--acc-line);border-radius:999px;height:8px;overflow:hidden}.xp-fill{background:var(--gradient-primary);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--from,1));animation:linear forwards xp-drain;display:block}@keyframes xp-drain{0%{transform:scaleX(var(--from,1))}to{transform:scaleX(0)}}.otp-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.otp-timer{color:var(--text-muted);font-variant-numeric:tabular-nums}.otp-buttons{flex-wrap:wrap;gap:.6rem;display:flex}.otp-warning{color:var(--warning);font-weight:700}.otp-where{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--acc-line);border-radius:var(--radius);gap:.9rem;padding:clamp(1.2rem,3vw,1.6rem);display:grid}.otp-help{border-top:1px solid var(--acc-line)}.otp-help summary{color:var(--text);cursor:pointer;padding:.7rem 0;font-weight:700}.otp-help p{color:var(--text-muted);padding-bottom:.8rem}.mc-dialog{gap:.9rem;margin:0;display:grid}.mc-dialog-screen{text-align:center;background:#1e1a14;border:1px solid #ffffff1f;border-radius:2px;justify-items:center;gap:.9rem;padding:1.4rem 2.4rem 1.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.8rem;display:grid}.mc-dialog-title{color:var(--text);font-size:.95rem;font-weight:600}.mc-dialog-body{max-width:34ch;color:var(--text-secondary);line-height:1.5}.mc-accent{color:var(--primary-light)}.mc-field-wrap{justify-items:start;gap:.35rem;width:min(240px,100%);display:grid;position:relative}.mc-field-label{color:var(--text)}.mc-field{background:#000;border:2px solid #6b6b6b;align-items:center;gap:2px;width:100%;height:32px;padding:0 8px;display:flex}.mc-field-text{color:#6f6f6f;white-space:nowrap;overflow:hidden}.mc-caret{background:#e0e0e0;width:6px;height:2px;margin-top:10px;animation:1s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}.mc-buttons{gap:8px;display:flex}.mc-button{text-shadow:2px 2px #1a1a1a;background:#6f6f6f;border:2px solid #000;place-items:center;width:104px;height:32px;display:grid;position:relative}.mc-button-ok{color:#7fbf8a;outline:2px solid var(--primary);outline-offset:2px}.mc-button-quit{color:#c07d74}.mc-callout{background:var(--primary);color:#08222c;width:22px;height:22px;text-shadow:none;border-radius:50%;flex:none;place-items:center;font-family:Nunito,Inter,sans-serif;font-size:.85rem;font-weight:800;display:inline-grid}.mc-callout-field{position:absolute;bottom:5px;right:-32px}.mc-callout-button{position:absolute;top:-13px;right:-11px}.mc-legend{color:var(--text-muted);gap:.5rem;display:grid}.mc-legend>span{align-items:center;gap:.6rem;display:flex}.security,.admin{gap:1.5rem;display:grid}.panel{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--acc-line);border-radius:var(--radius);gap:1rem;padding:clamp(1.2rem,3vw,1.8rem);display:grid}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.devices{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.devices li{border:1px solid var(--acc-line);border-radius:var(--radius-small);color:var(--text-secondary);background:#ffffff08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.8rem 1.1rem;display:flex}.device-name{color:var(--text);font-weight:700}.search{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.search input{flex:1;min-width:200px}.table-wrap{border:1px solid var(--acc-line);border-radius:var(--radius-small);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--acc-line);white-space:nowrap;padding:.75rem 1rem}.table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#4ed0f20f}.who{align-items:center;gap:.7rem;display:flex}.who-meta{line-height:1.3;display:grid}.who-meta span:last-child{color:var(--text-muted);font-size:.82rem}.status-ok{color:var(--success);font-weight:700}.status-danger{color:var(--acc-danger);font-weight:700}.actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.menu{position:relative}.menu-list{z-index:20;background:var(--surface);border:1px solid var(--acc-line-strong);border-radius:var(--radius-small);min-width:210px;box-shadow:var(--shadow-hover);padding:.4rem;display:grid;position:absolute;right:0}.menu-list button{box-shadow:none;color:var(--text-secondary);font:inherit;letter-spacing:normal;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.6rem .8rem}.menu-list button:hover{color:var(--text);background:#4ed0f21a}.menu-list button.danger{color:var(--acc-danger)}.menu-list button.danger:hover{background:#e0655c1f}.copy-link{background:var(--acc-well);border:1px solid var(--acc-line-strong);border-radius:var(--radius-small);word-break:break-all;color:var(--primary-light);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.8rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.88rem;display:flex}.log{color:var(--text-muted);gap:.5rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.log li{flex-wrap:wrap;gap:.6rem;display:flex}.log time{color:var(--text-muted);font-variant-numeric:tabular-nums}.lost{min-height:60vh;padding:3rem var(--acc-gutter);text-align:center;align-content:center;place-items:center;gap:1rem;font-family:Nunito,Inter,sans-serif;display:grid}@media (max-width:1100px){.otp-layout{grid-template-columns:1fr}.otp-code{--slot:min(58px, calc((100vw - 2 * var(--acc-gutter) - 45px) / 10))}}@media (max-width:900px){.profile{grid-template-columns:1fr}.stage{max-width:320px;margin:0 auto}}@media (max-width:700px){.area-testa{flex-direction:column-reverse;align-items:stretch}.tabs{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.me{align-self:flex-start}.tabs a{white-space:nowrap}.otp-actions{flex-direction:column;align-items:stretch}.otp-buttons .btn{flex:1}}@media (prefers-reduced-motion:reduce){.area *,.gate *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.xp-fill{transform:scaleX(var(--from,1));animation:none}}