@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=Pixelify+Sans:wght@400..700&display=swap";:root{--bg:radial-gradient(circle at top left, #ffbe4924, transparent 26%), radial-gradient(circle at bottom right, #2ca08524, transparent 24%), #071018;--surface:#0d1722;--surface-strong:#101e2c;--line:#ffffff1a;--text:#f3f1ea;--muted-strong:#cbd3dd;--muted:#93a1b3;--accent:#ffbf48;--accent-soft:#ffe1a1;--shadow-md:0 16px 34px #0000003d;--shadow-lg:0 24px 60px #0000004d;--pixel:"Pixelify Sans", sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100svh;color:var(--text);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 90%);mask-image:linear-gradient(#000000b3,#0000 90%)}button,input,textarea,select{font:inherit}button{color:inherit}h1,h2,h3{letter-spacing:-.03em;font-family:Space Grotesk,sans-serif}h1{font-size:clamp(2.2rem,6vw,4rem);line-height:.96}h2{font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.05}h3{font-size:1.1rem}a{color:inherit}img{max-width:100%;display:block}#root{min-height:100svh}table{border-collapse:collapse}.app-shell{width:min(100%,1500px);min-height:100svh;margin:0 auto;padding:clamp(14px,2vw,32px)}.top-strip{border:1px solid var(--line);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#0b2018a8,#11192bcc),#090f17cc;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.top-strip h1{margin:0;font-size:clamp(1.3rem,2.1vw,1.75rem)}.top-strip__meta{gap:10px;display:flex}.status-box{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;gap:4px;min-width:92px;padding:10px 12px;display:grid}.status-box span{color:var(--muted);font-size:.72rem}.status-box strong{font-size:1rem}.status-box--live{background:#27754f47;border-color:#5aca8038}.flash-message{box-shadow:var(--shadow-md);border:1px solid #0000;border-radius:18px;margin-top:18px;padding:14px 18px;font-weight:600}.flash-message--success{color:#d7ffe7;background:#175038b8;border-color:#3ca96d52}.flash-message--error{color:#ffe4de;background:#7a2b1fc7;border-color:#ff755047}.flash-message--info{color:#e4f0ff;background:#183b66c2;border-color:#5c96ec47}.deck-shell{isolation:isolate;margin-top:14px;position:relative}.deck-shell:before,.deck-shell:after{content:"";z-index:2;pointer-events:none;width:72px;position:absolute;top:0;bottom:0}.deck-shell:before{background:linear-gradient(90deg,#071018f5,#0000);left:0}.deck-shell:after{background:linear-gradient(270deg,#071018f5,#0000);right:0}.deck{--card-width:clamp(340px, 72vw, 780px);padding:6px max(calc((100% - var(--card-width)) / 2), 12px) 18px;scroll-snap-type:x mandatory;scroll-padding-inline:max(calc((100% - var(--card-width)) / 2), 12px);scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y;gap:clamp(14px,2vw,24px);display:flex;overflow-x:hidden}.deck::-webkit-scrollbar{display:none}.card-slot{flex:0 0 var(--card-width);scroll-snap-align:center;transform-origin:50%;transition:transform .22s,opacity .22s,filter .22s}.card-slot--active{opacity:1;filter:none;z-index:1;transform:translateY(0)scale(1)}.card-slot--adjacent{opacity:.42;filter:blur(5px)saturate(.78);transform:translateY(16px)scale(.92)}.card-slot--distant{opacity:.14;filter:blur(12px)saturate(.6);transform:translateY(22px)scale(.86)}.card{border:1px solid var(--line);min-height:min(640px,100svh - 180px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 100% 0,#59d98e14,#0000 24%),linear-gradient(#ffffff0f,#0000 28%),#090f17e0;border-radius:30px;flex-direction:column;gap:24px;padding:26px;display:flex}.card--welcome{justify-content:flex-start;gap:18px;min-height:clamp(360px,58vh,470px);padding:30px 30px 34px}.card--welcome h2{max-width:10ch;font-size:clamp(2rem,3.8vw,3rem);line-height:.96}.card--welcome .card__subtitle{max-width:44ch;font-size:1rem;line-height:1.45}.card__topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-soft);margin:0 0 8px;font-size:.8rem}.card h2{margin:0}.card__subtitle{max-width:70ch;color:var(--muted);margin:0}.card__pager{white-space:nowrap;background:#ffb63814;border:1px solid #ffb6384d;border-radius:999px;align-items:center;gap:8px;padding:6px;display:inline-flex;box-shadow:0 0 20px #ffb6381a}.card__pager span{text-align:center;min-width:60px;color:var(--accent);font-size:.85rem;font-weight:700;font-family:var(--pixel)}.card__pager .ghost-button{background:var(--accent);color:#131416;font-family:var(--pixel);border:none;border-radius:999px;padding:8px 16px;font-size:.75rem}.card__pager .ghost-button:hover:not(:disabled){background:#fc6;transform:scale(1.05)}.card__pager .ghost-button:disabled{color:var(--muted);background:#ffffff1a}.welcome-actions,.button-row,.card-actions{flex-wrap:wrap;gap:12px;display:flex}.welcome-actions{justify-content:center;align-items:center;margin:auto 0 0;padding-top:10px}.button-row{margin-top:10px}.card-actions--spread{justify-content:space-between}.card-actions--leaderboard{justify-content:center;align-items:center;gap:10px}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:0;border-radius:16px;padding:12px 18px;font-size:.96rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,filter .16s}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.primary-button{color:#131416;background:linear-gradient(135deg, var(--accent), #f5d16f);box-shadow:0 18px 30px #ffb6382e}.primary-button--success{color:#ebfff4;background:linear-gradient(135deg,#4ad37f,#87f0ae);box-shadow:0 18px 30px #43c26d38}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)scale(1.01)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.ghost-button:active:not(:disabled){transform:translateY(0)scale(.98)}.primary-button--danger{background:linear-gradient(135deg,#ff8b69,#ffb06a);box-shadow:0 18px 30px #ff78582e}.secondary-button{color:var(--text);border:1px solid var(--line);background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff05}.card--welcome .primary-button,.card--welcome .secondary-button{border-radius:18px;min-width:168px;min-height:60px;padding:16px 26px;font-size:1.08rem}.card--welcome .secondary-button{background:#ffffff14}.secondary-button--small{padding:10px 14px}.ghost-button{color:var(--text);border:1px solid var(--line);background:0 0}.ghost-button--danger{color:#ffb7a5}.panel-grid{gap:18px;display:grid}.panel,.team-panel{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#ffffff0a;border-radius:24px}.panel-grid{grid-template-columns:1fr}.panel{padding:20px}.panel__header,.group-card__header,.team-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel__header h3,.team-panel h3{margin:0;font-size:1.1rem}.panel__header p,.empty-state,.badge,.score-row__group span{color:var(--muted)}.badge{border:1px solid var(--line);background:#ffffff0d;border-radius:999px;justify-content:center;align-items:center;min-width:86px;padding:10px 12px;font-weight:700;display:inline-flex}.field,.field-stack{flex-direction:column;gap:8px;display:flex}.field span,.field-stack__label{color:var(--muted-strong);font-size:.85rem;font-weight:600}.field input{min-height:46px}.field input,.inline-field input{border:1px solid var(--line);width:100%;color:var(--text);background:#070b13d1;border-radius:14px;padding:11px 14px}.field input::placeholder,.inline-field input::placeholder{color:#d6dbe361}.field input:focus,.inline-field input:focus{border-color:#ffb63880;outline:2px solid #ffb63838}.pixel-input{transition:border-color .2s,background .2s;border:none!important;border-bottom:2px solid var(--line)!important;font-family:var(--pixel)!important;background:linear-gradient(90deg,#ffffff14,#0000)!important;border-radius:0!important;padding-left:8px!important}.pixel-input:focus{border-bottom-color:var(--accent)!important;background:linear-gradient(90deg,#ffbf481f,#0000)!important;outline:none!important}.field-stack{gap:10px}.inline-field{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.group-list,.member-grid,.match-groups{gap:10px;display:grid}.group-card{background:linear-gradient(135deg, var(--group-accent-soft,#ffffff0d), transparent 55%), #060b1280;border:1px solid var(--group-accent-line,#ffffff0f);box-shadow:inset 4px 0 0 var(--group-accent,transparent);border-radius:20px;padding:14px 16px 12px}.group-card__header{margin-bottom:6px}.group-card__header .field{gap:2px}.group-card__header .field input{min-height:42px}.group-card .member-grid{gap:0}.group-card .inline-field{align-items:center;gap:8px;padding:5px 0}.group-card .inline-field+.inline-field{border-top:1px solid #ffffff14}.group-card .secondary-button--small{margin-top:10px}.team-panel{background:linear-gradient(135deg, var(--group-accent-soft,#ffffff0d), transparent 50%), #ffffff0a;border-color:var(--group-accent-line,var(--line));box-shadow:inset 4px 0 0 var(--group-accent,transparent), var(--shadow-md);padding:0 16px 4px}.match-groups{gap:10px}.score-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:2px 0;display:grid}.score-row+.score-row{border-top:1px solid #ffffff14}.score-row--header{align-items:start;padding:4px 0 2px}.score-row__group{gap:1px;display:grid}.score-row__group strong{color:var(--group-accent,var(--text));font-size:1.05rem;font-family:var(--pixel)}.score-row__group span,.score-row__name{font-size:.9rem}.score-row__name{color:var(--text);font-weight:600;line-height:1.02;font-family:var(--pixel);font-size:.82rem}.score-row__meta{flex-wrap:wrap;gap:8px;display:flex}.metric{font-size:.88rem;font-weight:700;line-height:1;font-family:var(--pixel)}.metric strong{font-size:.96rem;font-family:var(--pixel)}.metric--total,.metric--total strong{color:#9cffc0;-webkit-text-fill-color:#9cffc0;-webkit-text-stroke:.35px #4edb8875;text-shadow:0 0 8px #66e29a94,0 0 18px #66e29a47}.metric--kill,.metric--kill strong{color:#ffaea7;-webkit-text-fill-color:#ffaea7;-webkit-text-stroke:.35px #ff766775;text-shadow:0 0 8px #ff7f7294,0 0 18px #ff7f7247}.stepper{align-items:center;gap:8px;display:inline-flex}.stepper--end{justify-content:flex-end}.stepper__label{color:var(--muted-strong);font-size:.88rem;font-weight:600;line-height:1.05}.stepper__controls{border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:2px;display:inline-flex}.stepper__button{border:1px solid var(--line);width:30px;height:30px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s;display:inline-flex}.stepper__button:hover:not(:disabled){transform:translateY(-1px)scale(1.04)}.stepper__button:active:not(:disabled){transform:scale(.96)}.stepper__button--increment{color:#ddfff0;background:#236946b8;border-color:#66e29a57;box-shadow:0 8px 18px #247b4b38}.stepper__button--increment:hover:not(:disabled){background:#2d8757e6}.stepper__button--decrement{color:#ffe8e3;background:#792e27bd;border-color:#ff7f7257;box-shadow:0 8px 18px #87352c38}.stepper__button--decrement:hover:not(:disabled){background:#94362deb}.stepper__input{border:1px solid var(--line);text-align:center;width:66px;min-height:30px;color:var(--text);background:#070b13d1;border-radius:10px;padding:5px 8px}.stepper--invalid .stepper__controls{border-color:#ff6666b8;box-shadow:0 0 0 1px #ff66662e}.stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper__input[type=number]{appearance:textfield}.stepper__input:focus{border-color:#ffb63880;outline:2px solid #ffb63838}.leaderboard-table{border:1px solid var(--line);background:#040910b8;border-radius:22px;overflow-x:auto}.leaderboard-table table{width:100%}.leaderboard-table thead{background:#ffb6381f}.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:1px solid #ffffff0f;padding:15px 18px}.leaderboard-table tbody tr:last-child td{border-bottom:0}.leaderboard-table__row{background:0 0}.leaderboard-table__row--first{background:linear-gradient(90deg,#66e29a52,#66e29a14)}.leaderboard-table__row--second{background:linear-gradient(90deg,#66e29a38,#66e29a0d)}.leaderboard-table__row--third{background:linear-gradient(90deg,#66e29a24,#66e29a08)}.leaderboard-table__row td:first-child,.leaderboard-table__row td:nth-child(2){font-weight:700}.leaderboard-table__row td:nth-child(2){color:var(--group-accent,var(--text))}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4){font-family:var(--pixel);letter-spacing:.02em}.leaderboard-table td:nth-child(3){color:#9cffc0;-webkit-text-fill-color:#9cffc0;-webkit-text-stroke:.35px #4edb8875;text-shadow:0 0 8px #66e29a94,0 0 18px #66e29a47}.leaderboard-table td:nth-child(4){color:#ffaea7;-webkit-text-fill-color:#ffaea7;-webkit-text-stroke:.35px #ff766775;text-shadow:0 0 8px #ff7f7294,0 0 18px #ff7f7247}.inline-alert{border:1px solid #0000;border-radius:16px;padding:14px 16px;font-size:.94rem}.inline-alert--error{color:#ffd8ce;background:#7b2d229e;border-color:#ff7f6140}.inline-alert--info{color:#dae8ff;background:#1635608f;border-color:#63a2ff40}.empty-state{background:#ffffff08;border:1px dashed #ffffff1f;border-radius:18px;padding:24px}@media (width<=1080px){.app-shell{padding:18px}.deck{--card-width:min(84vw, 720px)}.panel-grid{grid-template-columns:1fr}.card{min-height:auto}}@media (width<=720px){.app-shell{padding:14px}.deck-shell:before,.deck-shell:after{width:28px}.deck{--card-width:min(92vw, 560px);gap:12px}.top-strip,.card{border-radius:22px;padding:20px}.card--welcome{min-height:340px;padding:22px 22px 26px}.top-strip,.top-strip__meta,.card__topbar,.group-card__header,.card-actions--spread,.card-actions--leaderboard{flex-direction:column;align-items:stretch}.card__pager{justify-content:space-between}.score-row__meta{flex-direction:column;gap:6px}.card-slot--adjacent{opacity:.32;filter:blur(4px)saturate(.8);transform:translateY(12px)scale(.95)}.card-slot--distant{opacity:.08;filter:blur(8px)saturate(.65);transform:translateY(16px)scale(.9)}.inline-field,.score-row{grid-template-columns:1fr}.stepper,.stepper--end{justify-content:space-between}}