:root{--bg:#07040d;--bg-2:#0d0717;--surface:#150c25d1;--surface-solid:#140b24;--surface-2:#1b1030;--surface-3:#251640;--line:#be96ff21;--line-strong:#be96ff4d;--text:#f3ecff;--text-2:#cbbde6;--muted:#9282b3;--violet:#a855f7;--violet-hi:#d0a6ff;--violet-lo:#6d28d9;--spark:#67e8f9;--ok:#4ade80;--bad:#fb7185;--warn:#fbbf24;--tank:#60a5fa;--healer:#4ade80;--support:#fbbf24;--dps:#fb7185;--display:"Chakra Petch", "Segoe UI", sans-serif;--body:"Albert Sans", "Segoe UI", system-ui, sans-serif;--cut:14px;--radius:12px;--ease:cubic-bezier(.2, .9, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;overflow-x:clip}body{background:radial-gradient(1200px 600px at 50% -10%, #7c3aed47, transparent 60%), radial-gradient(800px 500px at 100% 30%, #38bdf80f, transparent 60%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.5;overflow-x:clip}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:var(--violet-hi)}:focus-visible{outline:2px solid var(--violet-hi);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.accent{color:var(--violet-hi)}.backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop-logo{opacity:.22;filter:blur(28px)saturate(1.5);background:url(/logo.jpg) 50% 35%/cover no-repeat;height:75vh;position:absolute;inset:-10% -20% auto;-webkit-mask-image:linear-gradient(#000 10%,#0000 90%);mask-image:linear-gradient(#000 10%,#0000 90%)}.shard{clip-path:polygon(50% 0,100% 38%,72% 100%,18% 86%,0 30%);opacity:.5;background:linear-gradient(160deg,#c084fc59,#4c1d950d 70%);animation:18s ease-in-out infinite alternate drift;position:absolute}.shard-1{width:180px;height:220px;top:14%;left:-60px}.shard-2{opacity:.35;width:120px;height:150px;animation-delay:-6s;top:55%;right:-40px}.shard-3{opacity:.3;width:70px;height:90px;animation-delay:-11s;top:85%;left:12%}@keyframes drift{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-30px)rotate(12deg)}}.grain{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.facet{background:var(--surface);border:1px solid var(--line);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));-webkit-backdrop-filter:blur(14px);position:relative}.facet:before{content:"";pointer-events:none;background:linear-gradient(to bottom right, transparent calc(50% - .75px), var(--line-strong) 50%, transparent calc(50% + .75px)) top left / var(--cut) var(--cut) no-repeat, linear-gradient(to top left, transparent calc(50% - .75px), var(--line-strong) 50%, transparent calc(50% + .75px)) bottom right / var(--cut) var(--cut) no-repeat;position:absolute;inset:-1px}.demo-ribbon{color:var(--warn);font:600 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;text-align:center;background:repeating-linear-gradient(-45deg,#fbbf2424 0 10px,#fbbf240f 10px 20px);border-bottom:1px solid #fbbf2440;padding:7px 12px}.topbar{z-index:20;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:linear-gradient(#07040deb,#07040dbf);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.brand-logo{object-fit:cover;object-position:center 40%;border-radius:10px;width:44px;height:44px;box-shadow:0 0 0 1px #d0a6ff66,0 0 22px #a855f773}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-name{font:700 22px/1 var(--display);letter-spacing:.14em;background:linear-gradient(#fff,#c9a6ff 70%);color:#0000;-webkit-background-clip:text;background-clip:text}.brand-sub{font:600 11px/1.3 var(--display);letter-spacing:.32em;text-transform:uppercase;color:var(--violet-hi)}.nav{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;gap:4px;padding:4px;display:flex}.nav a{height:36px;color:var(--text-2);font:600 13px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:0 14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.nav a.active{color:#fff;background:linear-gradient(135deg,#a855f759,#6d28d959);box-shadow:inset 0 0 0 1px #d0a6ff59}@media (width<=420px){.nav a{padding:0 11px}.nav a span{display:none}.nav a.active span{display:inline}}.shell{max-width:1360px;animation:page-in .4s var(--ease);flex-direction:column;gap:16px;margin:0 auto;padding:16px 16px 32px;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.footer{max-width:1360px;padding:0 16px calc(96px + env(safe-area-inset-bottom));color:var(--muted);flex-direction:column;gap:16px;margin:0 auto;font-size:12px;display:flex}.footer-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.footer-admin{color:var(--muted);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.footer-admin:hover,.footer-admin.active{color:var(--violet-hi)}.social{grid-template-columns:1fr 1fr;gap:10px;display:grid}.social-link{height:52px;font:600 15px/1 var(--display);letter-spacing:.03em;color:var(--text);border:1px solid var(--brand-line);background:linear-gradient(135deg, var(--brand-bg), #ffffff05);border-radius:14px;justify-content:center;align-items:center;gap:10px;text-decoration:none;transition:transform .1s,border-color .2s,box-shadow .2s;display:flex}.social-link svg{color:var(--brand)}.social-link:active{transform:scale(.97)}.social-link:hover{border-color:var(--brand);box-shadow:0 0 22px -4px var(--brand)}.social-whatsapp{--brand:#25d366;--brand-bg:#25d3661f;--brand-line:#25d36659}.social-discord{--brand:#8b93ff;--brand-bg:#5865f229;--brand-line:#5865f273}@media (width>=640px){.social{max-width:420px}}.home-top{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.home-top>*,.status,.char-chips{min-width:0}@media (width>=960px){.home-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.page-loading{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:80px 0;display:flex}.page-error{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.banner{border-radius:var(--radius);align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.banner>span{flex:1}.banner-warn{color:#fde68a;background:#fbbf2414;border:1px solid #fbbf244d}.hero{background:linear-gradient(140deg, #7c3aed38, transparent 55%), var(--surface);animation:rise .5s var(--ease) both;padding:20px;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.hero-glow{pointer-events:none;background:radial-gradient(circle,#c084fc66,#0000 65%);width:260px;height:260px;position:absolute;top:-110px;right:-90px}.hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-kicker{font:600 12px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--spark);align-items:center;gap:8px;display:inline-flex}.live-dot{background:var(--spark);border-radius:50%;width:8px;height:8px;animation:1.8s infinite ping;box-shadow:0 0 #67e8f999}@keyframes ping{70%{box-shadow:0 0 0 8px #67e8f900}to{box-shadow:0 0 #67e8f900}}.hero-schedule{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.hero-main{justify-content:space-between;align-items:flex-end;gap:12px;margin:14px 0 16px;display:flex}.hero-date{flex-direction:column;line-height:.95;display:flex}.hero-weekday{font:700 clamp(38px, 11vw, 60px) / .95 var(--display);text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(#fff 30%,#c084fc);color:#0000;filter:drop-shadow(0 0 18px #a855f773);-webkit-background-clip:text;background-clip:text}.hero-day{font:600 clamp(22px, 6vw, 30px) / 1.1 var(--display);color:var(--violet-hi);letter-spacing:.06em}.hero-time{border:1px solid var(--line-strong);font:700 22px/1 var(--display);letter-spacing:.04em;white-space:nowrap;background:#00000059;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.hero-countdown{border:1px solid var(--line);background:#00000047;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.hero-cd-label{color:var(--muted);font-size:12px}.hero-cd{font:500 13px/1 var(--display);color:var(--muted);gap:8px;display:flex}.hero-cd b{color:var(--text);font-variant-numeric:tabular-nums;margin-right:1px;font-size:20px}.hero-fill{margin-top:14px}.hero-fill-head{color:var(--text-2);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.hero-fill-head b{font:700 18px/1 var(--display);color:var(--text)}.hero-bars{grid-template-columns:repeat(8,1fr);gap:5px;height:26px;display:grid}.hero-bar{background:#ffffff0d;border-radius:4px;position:relative;overflow:hidden}.hero-bar span{background:linear-gradient(to top, var(--violet-lo), var(--violet-hi));transition:height .6s var(--ease);position:absolute;inset:auto 0 0;box-shadow:0 0 12px #a855f799}.hero-note{color:#cffafe;background:#67e8f912;border:1px solid #67e8f938;border-radius:10px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;font-size:14px;display:flex}.hero-note svg{color:var(--spark);flex-shrink:0;margin-top:2px}.hero-none{color:var(--text-2);margin:10px 0 0}.identify{animation:rise .5s 80ms var(--ease) both;padding:18px 18px 20px}.steps{gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.steps li{font:600 11px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-direction:column;flex:1;gap:6px;display:flex}.steps li:before{content:"";background:#ffffff14;border-radius:3px;height:3px;transition:background .3s}.steps li.done:before{background:var(--violet)}.steps li.current:before{background:linear-gradient(90deg, var(--violet), var(--spark));box-shadow:0 0 10px #a855f7b3}.steps li.current,.steps li.done{color:var(--text-2)}.step-dot{display:none}.identify-title{font:700 24px/1.15 var(--display);letter-spacing:.01em;margin:0 0 6px}.identify-sub{color:var(--text-2);margin:0 0 16px}.identify-body.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.identify-who{border-radius:var(--radius);border:1px solid var(--line);background:#00000040;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex}.identify-who div{flex-direction:column;display:flex}.identify-who small{color:var(--muted)}.link-back{color:var(--muted);align-items:center;gap:4px;margin:-4px 0 10px;padding:6px 0;font-size:13px;display:inline-flex}.link-back:hover{color:var(--text)}.field{margin-bottom:12px}.form-error{color:var(--bad);margin:10px 0;font-size:14px}.hint{color:var(--muted);align-items:flex-start;gap:6px;margin:10px 0 0;font-size:13px;display:flex}.hint.center{justify-content:center}.hint svg{flex-shrink:0;margin-top:2px}.center-spinner{justify-content:center;margin-top:12px;display:flex}.input{border-radius:var(--radius);border:1px solid var(--line-strong);background:#00000061;width:100%;height:48px;padding:0 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:#cbbde673}.input:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px #a855f740}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23cbbde6' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select.input option,select.input optgroup{background:var(--surface-solid)}.input-xl{height:58px;font:600 20px/1 var(--display);letter-spacing:.02em}.field-label{color:var(--text-2);flex-direction:column;gap:6px;font-size:13px;display:flex}.select-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.select-pair:has(>.btn){grid-template-columns:1fr auto}.check{color:var(--text-2);cursor:pointer;align-items:center;gap:10px;margin:12px 0;font-size:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--violet)}.pin{grid-template-columns:repeat(4,1fr);gap:10px;max-width:300px;margin:4px auto 0;display:grid;position:relative}.pin input{opacity:0;caret-color:#0000;z-index:1;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pin-box{border:1px solid var(--line-strong);height:66px;font:700 34px/1 var(--display);color:var(--violet-hi);background:#00000061;border-radius:14px;place-items:center;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.pin-box.filled{animation:pop .18s var(--ease);background:#7c3aed29;border-color:#d0a6ff99}.pin-box.caret{border-color:var(--violet);box-shadow:0 0 0 3px #a855f740}.pin-box.caret:after{content:"";background:var(--violet-hi);width:2px;height:28px;animation:1s step-end infinite blink}.pin-box.caret.filled:after{display:none}.pin-error .pin-box{border-color:#fb718599}.pin-tap{text-align:center;color:var(--muted);grid-column:1/-1;margin-top:-2px;font-size:12px}.pin-label{max-width:300px;font:600 11px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);margin:14px auto 6px;transition:opacity .2s}.pin-label:first-of-type{margin-top:0}.pin-label.dim{opacity:.45}@keyframes pop{50%{transform:scale(1.08)}}@keyframes blink{50%{opacity:0}}.class-icon{color:var(--role);background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--role) 32%, transparent), transparent 70%), color-mix(in srgb, var(--role) 12%, #0b0614);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--role) 45%, transparent);border-radius:9px;flex-shrink:0;place-items:center;display:inline-grid}.role-tank{--role:var(--tank)}.role-healer{--role:var(--healer)}.role-support{--role:var(--support)}.role-dps{--role:var(--dps)}.role-none{--role:#8b7fa8}.class-icon-q{font:700 14px/1 var(--display)}.role-text{color:var(--role);font-weight:600}.class-keep{margin-bottom:4px}.class-or{color:var(--muted);margin:14px 0 10px;font-size:13px}.class-picker{flex-direction:column;gap:14px;display:flex}.class-group-label{font:600 11px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.class-group-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.class-option{border-radius:var(--radius);border:1px solid var(--line);text-align:left;background:#ffffff08;align-items:center;gap:10px;min-height:58px;padding:8px 10px;transition:border-color .15s,background .15s,transform .1s;display:flex}.class-option:hover{border-color:var(--line-strong);background:#ffffff0d}.class-option:active{transform:scale(.98)}.class-option.selected{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet), 0 0 18px #a855f759;background:#7c3aed33}.class-option-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.class-option-text strong{font:600 14px/1.2 var(--display)}.class-option-text small{color:var(--muted);font-size:11.5px}.btn{border-radius:var(--radius);height:46px;font:600 15px/1 var(--display);letter-spacing:.03em;white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:transform .1s,filter .2s,background .2s,border-color .2s,opacity .2s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;text-shadow:0 1px #00000040;background:linear-gradient(#b26cff,#7c3aed 55%,#6425d0);box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0003,0 6px 24px -6px #a855f7b3}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--surface-3);border:1px solid var(--line-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--violet)}.btn-ghost{border:1px solid var(--line);color:var(--text-2);background:#ffffff08}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.btn-danger{color:#fff;background:linear-gradient(#fb7185,#e11d48);box-shadow:inset 0 1px #ffffff4d,0 6px 20px -8px #e11d48cc}.btn-danger-ghost{color:var(--bad);background:#fb71850d;border:1px solid #fb71854d}.btn-danger-ghost:hover:not(:disabled){background:#fb71851f}.btn-lg{height:56px;font-size:16px}.btn-sm{gap:6px;height:36px;padding:0 12px;font-size:13px}.btn-block{width:100%}.link{color:var(--violet-hi);text-align:left;align-items:center;gap:4px;font-size:13px;display:inline-flex}.icon-btn{width:38px;height:38px;color:var(--muted);border:1px solid var(--line);border-radius:10px;place-items:center;display:grid}.icon-btn.danger:hover{color:var(--bad);border-color:#fb718566}.spinner{border:2.5px solid #fff3;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chip{height:24px;font:600 11px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--violet-hi);white-space:nowrap;background:#a855f726;border:1px solid #a855f74d;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.chip-warn{color:var(--warn);background:#fbbf241a;border-color:#fbbf244d}.chip-bad{color:var(--bad);background:#fb71851a;border-color:#fb71854d}.status{animation:rise .5s 80ms var(--ease) both;flex-direction:column;gap:14px;padding:18px;display:flex}.status-me{align-items:center;gap:12px;display:flex}.status-me-text{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.status-me-text strong{font:700 20px/1.2 var(--display);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.status-msg{border-radius:var(--radius);align-items:center;gap:12px;padding:14px;display:flex}.status-msg>div{flex-direction:column;gap:2px;display:flex}.status-msg strong{font:600 16px/1.3 var(--display)}.status-msg span{color:var(--text-2);font-size:13.5px}.status-badge{border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.status-msg-ok{background:linear-gradient(135deg,#4ade8024,#4ade800a);border:1px solid #4ade8059}.status-msg-ok .status-badge{background:var(--ok);color:#052e16;box-shadow:0 0 20px #4ade8080}.status-msg-wait{background:#fbbf2414;border:1px solid #fbbf244d}.status-msg-wait .status-badge{background:var(--warn);color:#3b2300}.status-msg-todo{background:#7c3aed1f;border:1px dashed #d0a6ff73}.status-msg-todo .status-badge{background:var(--violet);color:#fff}.status-badge.pulse{animation:1.6s infinite badge-pulse}@keyframes badge-pulse{0%{box-shadow:0 0 #a855f799}70%{box-shadow:0 0 0 12px #a855f700}to{box-shadow:0 0 #a855f700}}.status-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-actions:has(>:only-child){grid-template-columns:1fr}@media (width<=360px){.hide-xs{display:none}}.formation-section{flex-direction:column;gap:12px;margin-top:8px;display:flex}.section-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.section-title{font:700 26px/1.1 var(--display);text-transform:uppercase;letter-spacing:.06em;margin:0}.section-sub{color:var(--muted);margin:4px 0 0;font-size:14px}.formation{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=640px){.formation{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1120px){.formation{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}}.team{--cut:10px;border:1px solid var(--line);animation:rise .45s calc(var(--i) * 35ms) var(--ease) both;background:linear-gradient(#251640d9,#140b24d9);border-radius:14px;padding:8px;position:relative}.team:after{content:"";background:linear-gradient(90deg,#0000,#d0a6ff80,#0000);border-radius:2px;height:2px;position:absolute;top:-1px;left:18%;right:18%}.team-full:after{background:linear-gradient(90deg, transparent, var(--spark), transparent);box-shadow:0 0 12px var(--spark)}.team-head{justify-content:space-between;align-items:baseline;padding:2px 4px 8px;display:flex}.team-name{font:700 14px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}.team-count{font:500 12px/1 var(--display);color:var(--muted)}.team-count b{color:var(--text);font-size:14px}.team-full .team-count b{color:var(--spark)}.team-slots{flex-direction:column;gap:6px;display:flex}.slot{text-align:left;border-radius:10px;align-items:center;gap:8px;width:100%;height:52px;padding:0 8px;transition:border-color .15s,background .15s,transform .1s,box-shadow .2s;display:flex;position:relative}.slot:active{transform:scale(.97)}.slot.empty{color:var(--muted);background:#ffffff04;border:1px dashed #be96ff40;justify-content:center;gap:6px}.slot.empty:hover{border-style:solid;border-color:var(--violet);color:var(--text);background:#7c3aed26}.slot-plus{background:#ffffff0d;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.slot-empty-label{font:500 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}.inviting .slot.empty{color:var(--text-2);animation:2.4s ease-in-out infinite invite;animation-delay:calc(var(--i) * .12s);border-color:#d0a6ff73}.inviting .slot.empty .slot-plus{color:#fff;background:#a855f74d}@keyframes invite{0%,to{box-shadow:inset 0 0 #a855f700}50%{box-shadow:inset 0 0 18px #a855f747}}.slot.taken{border:1px solid var(--line);background:#0000004d}.slot.taken:hover{border-color:var(--line-strong)}.slot.mine{border:1px solid var(--violet-hi);background:linear-gradient(135deg,#a855f773,#6d28d94d);box-shadow:0 0 0 1px #d0a6ff40,0 0 22px #a855f773}.slot.mine .slot-class{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-weight:700;font-family:var(--display)}.slot-info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.slot-nick{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.slot-class{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}@media (width<=380px){.formation{gap:8px}.team{padding:6px}.slot{gap:6px;padding:0 6px}.slot .class-icon{width:26px!important;height:26px!important}.slot-nick{font-size:12.5px}}.char-chips{flex-wrap:wrap;gap:6px;margin:-4px -2px 0;padding:2px;display:flex}.char-chip{border:1px solid var(--line);min-width:0;max-width:100%;height:38px;color:var(--text-2);background:#ffffff08;border-radius:999px;align-items:center;gap:7px;padding:0 10px 0 6px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.char-chip .class-icon{border-radius:50%}.char-chip:hover{border-color:var(--line-strong)}.char-chip.active{color:#fff;border-color:var(--violet);cursor:default;background:#7c3aed40}.char-chip-nick{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.char-chip-more{justify-content:center;width:38px;padding:0}.char-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.char-dot-in{background:var(--ok);box-shadow:0 0 8px var(--ok)}.char-dot-wait{background:var(--warn)}.char-dot-out{background:#fff3}.char-list{flex-direction:column;gap:8px;display:flex}.char-row{border:1px solid var(--line);background:#00000040;border-radius:14px;align-items:center;gap:6px;padding:4px 6px 4px 4px;display:flex}.char-row.active{border-color:var(--violet);background:#7c3aed29}.char-row-main{text-align:left;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px;display:flex}.char-row-main:disabled{cursor:default}.char-row-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.char-row-text strong{font:600 16px/1.2 var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.char-status{color:var(--muted);align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.char-status-in{color:var(--ok)}.char-status-wait{color:var(--warn)}.char-row-go{font:600 13px/1 var(--display);color:var(--violet-hi);white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.char-row-confirm{color:var(--text-2);background:#fb71850f;border-color:#fb718559;flex-direction:column;align-items:stretch;gap:10px;padding:12px;font-size:14px}.quick-chars{animation:rise .5s var(--ease) both;margin-bottom:16px;padding:16px 16px 14px}.quick-chars-title{font:700 13px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.squad-tabs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.squad-tab{text-align:left;border:1px solid var(--line);color:var(--text-2);background:#ffffff08;border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;transition:border-color .2s,background .2s,box-shadow .2s,transform .1s;display:flex;position:relative}.squad-tab:active{transform:scale(.98)}.squad-tab:hover{border-color:var(--line-strong)}.squad-tab.active{color:var(--text);border-color:var(--violet);background:linear-gradient(160deg, #a855f752, #6d28d91f), var(--surface);box-shadow:0 0 0 1px #d0a6ff40,0 10px 30px -12px #a855f7b3}.squad-tab.active:after{content:"";border-right:1px solid var(--violet);border-bottom:1px solid var(--violet);background:#2b1650;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.squad-tab-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.squad-tab-name{font:700 clamp(14px, 4.2vw, 18px)/1.1 var(--display);letter-spacing:.04em;text-transform:uppercase}.squad-tab-you{background:var(--ok);color:#052e16;font:700 10px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;display:inline-flex}.squad-tab-count{color:var(--muted);font-size:12.5px}.squad-tab-count b{font:700 16px/1 var(--display);color:var(--text)}.squad-tab-bar{background:#ffffff12;border-radius:4px;height:4px;overflow:hidden}.squad-tab-bar span{background:linear-gradient(90deg, var(--violet), var(--spark));height:100%;transition:width .5s var(--ease);display:block}.squad-panel{animation:squad-in .3s var(--ease)}@keyframes squad-in{0%{opacity:0;transform:translateY(6px)}}.hero-squad+.hero-squad{margin-top:10px}.hero-squad-head{font:600 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);justify-content:space-between;margin-bottom:6px;display:flex}.hero-squad-head b{color:var(--text);font-size:14px}.hero-squad .hero-bars{height:18px}.waitlist-join{margin:10px 0 12px}.waitlist{padding:14px 16px}.waitlist-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.waitlist-head h3{font:700 15px/1 var(--display);text-transform:uppercase;letter-spacing:.08em;margin:0}.waitlist-list{counter-reset:w;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.waitlist-list li{counter-increment:w;background:#00000040;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.waitlist-list li:before{content:counter(w) "º";width:26px;font:600 12px/1 var(--display);color:var(--muted)}.waitlist-list li>span{flex:1;font-weight:600}.waitlist-list li.is-me{outline:1px solid var(--violet);background:#7c3aed2e}.dock{z-index:30;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);max-width:520px;min-height:56px;animation:dock-in .3s var(--ease);background:#140b24eb;border-radius:16px;align-items:center;gap:10px;margin:0 auto;padding:8px 8px 8px 14px;display:flex;position:fixed;box-shadow:0 12px 40px -10px #000c,0 0 0 1px #0006}@keyframes dock-in{0%{transform:translateY(120%)}}.dock-text{color:var(--text-2);flex:1;min-width:0;font-size:14px}.dock-text b{color:var(--text)}.dock-ok,.dock-wait{border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.dock-ok{background:var(--ok);color:#052e16}.dock-wait{background:var(--warn);color:#3b2300}.dock-pulse{background:var(--violet);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin:0 4px;animation:1.6s infinite badge-pulse}.sheet-root{z-index:100;height:100%;padding:max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.sheet-backdrop{-webkit-backdrop-filter:blur(4px);background:#040209b8;animation:.2s both fade-in;position:absolute;inset:0}.sheet{overscroll-behavior:contain;background:radial-gradient(400px 200px at 50% 0, #7c3aed40, transparent 70%), var(--surface-solid);border:1px solid var(--line-strong);width:100%;max-width:460px;max-height:100%;animation:dialog-in .25s var(--ease) both;border-radius:20px;outline:none;padding:18px 16px;position:relative;overflow-y:auto;box-shadow:0 20px 60px -10px #000c,0 0 50px -20px #7c3aed99}.sheet-success{background:radial-gradient(420px 240px at 50% 0, #4ade8033, transparent 70%), var(--surface-solid)}.sheet-danger{background:radial-gradient(420px 200px at 50% 0, #fb718529, transparent 70%), var(--surface-solid)}.leaving .sheet{animation:.18s ease-in both dialog-out}.leaving .sheet-backdrop{animation:.2s both fade-out}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.sheet-close{width:38px;height:38px;color:var(--muted);background:#ffffff0d;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.sheet-close:hover{color:var(--text)}.sheet-title{font:700 22px/1.2 var(--display);margin:2px 44px 16px 0}@media (width>=640px){.sheet{padding:22px 22px 24px}}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}@keyframes dialog-out{to{opacity:0;transform:translateY(16px)scale(.97)}}.sheet-stack{flex-direction:column;gap:10px;display:flex}.sheet-stack p{color:var(--text-2);margin:0 0 6px}.confirm-card{border:1px solid var(--line);background:#0000004d;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.confirm-who{flex-direction:column;display:flex}.confirm-who strong{font:700 20px/1.2 var(--display)}.confirm-who small{color:var(--muted)}.confirm-details{gap:8px;margin:4px 0 8px;display:grid}.confirm-details>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 2px;display:flex}.confirm-details dt{color:var(--muted);font-size:14px}.confirm-details dd{text-align:right;font:600 15px/1.3 var(--display);flex-direction:column;align-items:flex-end;margin:0;display:flex}.strike{color:var(--muted);font-size:12px;text-decoration:line-through}.success{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:8px;display:flex}.success-burst{place-items:center;width:96px;height:96px;margin-bottom:6px;display:grid;position:relative}.success-check{color:#052e16;width:84px;height:84px;animation:check-in .5s var(--ease) both;background:radial-gradient(circle at 35% 30%,#86efac,#16a34a);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 40px #4ade808c}.success-check svg path{stroke-dasharray:24;stroke-dashoffset:24px;animation:.4s ease-out .25s forwards draw}.success-ring{border:2px solid var(--ok);border-radius:50%;animation:.9s ease-out .15s both ring;position:absolute;inset:0}@keyframes check-in{0%{opacity:0;transform:scale(.3)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.success-title{font:700 22px/1.25 var(--display);margin:0}.success-sub{color:var(--text-2);margin:0}.success .btn{margin-top:8px}.info-player{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-bottom:6px;display:flex}.info-player strong{font:700 22px/1.2 var(--display);margin-top:4px}.info-player .chip{margin:6px 0 10px}.mine-status{color:#bbf7d0;background:#4ade8014;border:1px solid #4ade804d;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:4px;padding:12px;font-size:14px;display:flex}.mine-status svg{color:var(--ok);flex-shrink:0;margin-top:1px}.toasts{z-index:200;top:calc(12px + env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:12px;right:12px}.toast{border:1px solid var(--line-strong);max-width:440px;animation:toast-in .3s var(--ease);background:#140b24f5;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;display:flex;box-shadow:0 12px 40px -12px #000000e6}.toast svg{flex-shrink:0}.toast-ok{border-color:#4ade8073}.toast-ok svg{color:var(--ok)}.toast-error{border-color:#fb718580}.toast-error svg{color:var(--bad)}.toast-info svg{color:var(--violet-hi)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.96)}}.ranking{flex-direction:column;gap:14px;width:100%;max-width:760px;margin:0 auto;display:flex}.rank-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-row{--cut:10px;animation:rise .4s var(--ease) both;align-items:center;gap:12px;padding:10px 14px;display:flex}.rank-pos{width:28px;font:700 18px/1 var(--display);color:var(--muted);text-align:center}.podium-1{background:linear-gradient(90deg, #fbbf2429, transparent 60%), var(--surface)}.podium-2{background:linear-gradient(90deg, #cbd5e11f, transparent 60%), var(--surface)}.podium-3{background:linear-gradient(90deg, #d9770624, transparent 60%), var(--surface)}.podium-1 .rank-pos{color:#fcd34d}.podium-2 .rank-pos{color:#e2e8f0}.podium-3 .rank-pos{color:#f59e0b}.rank-who{flex-direction:column;flex:1;min-width:0;display:flex}.rank-who strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rank-who small{color:var(--muted);font-size:12px}.rank-stats{flex-shrink:0;align-items:center;gap:10px;display:flex}.rank-stat{flex-direction:column;align-items:center;line-height:1;display:flex}.rank-stat b{font:700 18px/1 var(--display)}.rank-stat small{color:var(--muted);margin-top:3px;font-size:10px}.rank-stat.ok b{color:var(--ok)}.rank-stat.bad b{color:var(--bad)}.rank-rate{font:600 12px/1 var(--display);color:var(--text-2);background:#ffffff0f;border-radius:7px;padding:5px 7px}@media (width<=400px){.rank-rate{display:none}}.admin{flex-direction:column;gap:14px;width:100%;max-width:980px;margin:0 auto;display:flex}.admin-login{flex-direction:column;gap:4px;width:100%;max-width:420px;margin:24px auto;padding:26px 20px;display:flex}.admin-login-icon{width:56px;height:56px;color:var(--violet-hi);background:#7c3aed2e;border:1px solid #a855f759;border-radius:16px;place-items:center;margin-bottom:10px;display:grid}.admin-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.admin-kicker{font:600 11px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--spark);align-items:center;gap:6px;margin-bottom:6px;display:inline-flex}.tabs{scrollbar-width:none;scroll-snap-type:x proximity;gap:6px;margin:0 -16px;padding:2px 16px 4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--line);height:40px;color:var(--text-2);font:600 13px/1 var(--display);letter-spacing:.03em;white-space:nowrap;scroll-snap-align:start;background:#ffffff08;border-radius:999px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.tab.active{color:#fff;border-color:var(--violet);background:#7c3aed47}.tab-badge{background:var(--warn);color:#3b2300;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:grid}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:36px 20px;display:flex}.empty-state h3{color:var(--text);font:700 18px/1.2 var(--display);margin:8px 0 0}.empty-state p{max-width:380px;margin:0}.demo-simulate{margin-top:16px}.pending,.current-head,.settings{flex-direction:column;gap:14px;padding:18px;display:flex}.pending-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.pending-head h2,.current-head h2{font:700 22px/1.2 var(--display);margin:8px 0 0}.pending-stats{flex-wrap:wrap;gap:8px;display:flex}.stat{color:var(--text-2);background:#ffffff0d;border-radius:9px;padding:6px 10px;font-size:13px}.stat b{font:700 15px/1 var(--display);color:var(--text)}.stat.ok b{color:var(--ok)}.stat.bad b{color:var(--bad)}.pending-tools .hint{margin:0 0 10px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.att-group{flex-direction:column;gap:6px;display:flex}.att-title{font:700 13px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:6px 0 2px}.att-row{border:1px solid var(--line);background:#00000040;border-radius:12px;align-items:center;gap:10px;padding:8px 8px 8px 10px;transition:border-color .15s,background .15s;display:flex}.att-row.went{background:#4ade800f;border-color:#4ade8059}.att-row.missed{background:#fb71850d;border-color:#fb718559}.att-who{text-align:left;flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.att-who strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.att-who small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.seg{flex-shrink:0;gap:4px;display:flex}.seg-btn{border:1px solid var(--line);height:40px;color:var(--muted);font:600 13px/1 var(--display);background:#ffffff08;border-radius:10px;align-items:center;gap:5px;padding:0 12px;transition:all .15s;display:inline-flex}.seg-btn.ok.on{background:var(--ok);border-color:var(--ok);color:#052e16}.seg-btn.bad.on{background:var(--bad);border-color:var(--bad);color:#3f0712}@media (width<=420px){.seg-btn span{display:none}.seg-btn{padding:0 11px}}.inline-form{flex-direction:column;gap:8px;display:flex}@media (width>=640px){.inline-form{flex-direction:row}.inline-form .input{flex:1}}.finalize-btn{margin-top:6px}.summary{color:var(--text-2);flex-direction:column;gap:4px;margin:0 0 6px;padding-left:18px;display:flex}.player-list{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.player-row{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.player-row:hover{border-color:var(--line-strong)}.player-row .att-who strong{color:var(--text)}.divider{background:var(--line);height:1px;margin:8px 0}.confirm-inline{background:#fb71850f;border:1px solid #fb71854d;border-radius:12px;padding:14px}.confirm-inline p{color:var(--text-2);margin:0 0 12px}.history{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history>li{--cut:10px}.history-row{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.history-row>span:first-child{flex-direction:column;display:flex}.history-row strong{font:600 16px/1.3 var(--display)}.history-row small{color:var(--muted)}.chev{color:var(--muted);transition:transform .2s}.chev.open{transform:rotate(90deg)}.history-body{padding:0 14px 14px}.settings fieldset{border:0;margin:0;padding:0}.settings legend{font:700 13px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.settings-grid{gap:10px;display:grid}@media (width>=560px){.settings-grid{grid-template-columns:1fr 1fr}}.day-chips{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-chip{border:1px solid var(--line-strong);height:46px;color:var(--muted);font:600 13px/1 var(--display);background:#0000004d;border-radius:12px}.day-chip.on{border-color:var(--violet-hi);color:#fff;background:linear-gradient(#a855f7,#6d28d9);box-shadow:0 0 16px #a855f773}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}