:root{--navy:#06111f;--panel:#0b1b2d;--panel2:#10263d;--lime:#b8ff28;--muted:#95a8bb;--line:#263f58;--white:#f6f8fb}*{box-sizing:border-box}html{background:var(--navy)}body{margin:0;color:var(--white);background:radial-gradient(circle at 14% 48%,rgba(184,255,40,.055),transparent 26rem),var(--navy);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.match-page{min-height:100vh}.match-topbar{width:min(1180px,calc(100% - 40px));height:80px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.11)}.match-brand{display:flex;align-items:center;gap:11px;font-weight:950;letter-spacing:-.04em}.match-brand img{width:44px;height:44px;object-fit:contain}.back-home{color:#a9b8c6;font-size:.9rem;font-weight:700}.back-home span{color:var(--lime);margin-right:8px}.progress{width:min(680px,calc(100% - 40px));height:92px;margin:auto;display:flex;align-items:center;justify-content:center}.progress>i{width:74px;height:1px;background:#263f58}.progress-item{display:flex;align-items:center;gap:9px;color:#536b81}.progress-item>span{width:26px;height:26px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.7rem;font-weight:900}.progress-item p{display:flex;flex-direction:column;margin:0}.progress-item strong{font-size:.66rem;letter-spacing:.08em}.progress-item small{font-size:.68rem}.progress-item.is-active{color:var(--lime)}.progress-item.is-done{color:#f6f8fb}.progress-item.is-done>span{color:#06111f;background:var(--lime);border-color:var(--lime)}.setup-view{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:36px 0 80px;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.overline{display:flex;align-items:center;gap:10px;color:var(--lime);font-size:.75rem;font-weight:900;letter-spacing:.15em}.overline span{width:28px;height:3px;background:var(--lime)}.setup-intro h1{margin:18px 0 24px;font-size:clamp(3rem,5.4vw,5.5rem);line-height:.9;letter-spacing:-.065em;text-transform:uppercase}.setup-intro h1 em{color:var(--lime);font-style:normal}.setup-intro>p:not(.overline){max-width:420px;margin:0;color:#a8b8c7;font-size:1rem;line-height:1.65}.tip-card{display:flex;gap:14px;margin-top:34px;padding:18px;border:1px solid #26425c;background:rgba(9,27,44,.76);border-radius:10px}.tip-card>span{width:26px;height:26px;display:grid;flex:none;place-items:center;border-radius:50%;background:var(--lime);color:var(--navy);font-weight:900}.tip-card strong{font-size:.83rem}.tip-card p{margin:5px 0 0;color:#7890a5;font-size:.76rem;line-height:1.4}.setup-card{padding:28px;border:1px solid #29445f;border-radius:18px;background:linear-gradient(145deg,#0e2135,#091725);box-shadow:0 28px 68px rgba(0,0,0,.3)}.form-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:19px;margin-bottom:23px;border-bottom:1px solid rgba(255,255,255,.1)}.form-head span{font-size:.73rem;font-weight:900;letter-spacing:.1em}.form-head small{color:#688095;font-size:.7rem}.field-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field>span{color:#91a7bb;font-size:.68rem;font-weight:900;letter-spacing:.08em}.field input,.field select{width:100%;height:52px;border:1px solid #294761;border-radius:8px;background:#071522;color:#f5f8fa;padding:0 14px;outline:0}.field input::placeholder{color:#526a80}.field input:focus,.field select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(184,255,40,.09)}.versus-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.versus{width:34px;height:34px;display:grid;place-items:center;border:1px solid #36516b;border-radius:50%;color:#7f95aa;font-size:.66rem;font-weight:900}.player-field{position:relative}.player-field input{padding-left:47px}.player-field b{position:absolute;left:12px;bottom:13px;width:26px;height:26px;display:grid;place-items:center;border-radius:5px;background:#173048;color:var(--lime);font-size:.75rem}.start-button{width:100%;height:56px;display:flex;align-items:center;justify-content:space-between;margin-top:5px;border:0;border-radius:8px;background:var(--lime);color:var(--navy);padding:0 22px;font-weight:950;letter-spacing:.04em}.start-button b{font-size:1.35rem}.form-note{text-align:center;margin:13px 0 0;color:#70879b;font-size:.72rem}.score-view{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0 48px}.score-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:0 8px}.score-toolbar>div{display:flex;align-items:center;gap:12px}.score-toolbar span{color:var(--lime);font-size:.7rem;font-weight:900;letter-spacing:.1em}.score-toolbar strong{font-size:.8rem}.timer b{font-size:.95rem;font-variant-numeric:tabular-nums}.score-arena{min-height:520px;display:grid;grid-template-columns:1fr auto 1fr;border:1px solid #29445f;border-radius:20px;overflow:hidden;background:linear-gradient(120deg,#0c2034,#081523)}.score-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 24px}.side-a{background:radial-gradient(circle at 40% 50%,rgba(184,255,40,.08),transparent 55%)}.side-b{background:radial-gradient(circle at 60% 50%,rgba(77,159,255,.08),transparent 55%)}.side-label{color:#758ca0;font-size:.68rem;font-weight:900;letter-spacing:.14em}.score-side h2{max-width:100%;margin:12px 0 24px;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.3rem,3vw,2rem);text-transform:uppercase}.points{font-size:clamp(8rem,18vw,14rem);line-height:.72;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.side-a .points{color:var(--lime)}.point-actions{display:flex;gap:10px;margin-top:48px}.point-actions button{height:54px;border:1px solid #34516b;border-radius:8px;background:#0d2236;color:#d7e0e8;padding:0 20px;font-weight:900}.point-actions .add-point{min-width:150px;border-color:var(--lime);background:var(--lime);color:#071421}.side-b .point-actions .add-point{border-color:#55a6ff;background:#55a6ff}.score-divider{display:grid;place-items:center;width:48px;color:#526a80;font-size:5rem;font-weight:900}.score-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.score-controls button{height:48px;border:1px solid #2b465f;border-radius:8px;background:#0a1b2d;color:#bdcad5;padding:0 18px;font-weight:800}.score-controls button:disabled{opacity:.35;cursor:not-allowed}.score-controls .finish-button{margin-left:auto;border-color:var(--lime);color:var(--lime)}.result-view{width:min(980px,calc(100% - 40px));margin:0 auto;padding:35px 0 80px}.result-card{text-align:center;padding:45px 30px;border:1px solid #2b4863;border-radius:20px;background:radial-gradient(circle at 50% 15%,rgba(184,255,40,.09),transparent 22rem),#0a1a2b}.result-card>img{width:105px;height:105px;object-fit:contain}.result-card>p{color:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.14em}.result-card h1{display:flex;align-items:center;justify-content:center;gap:20px;margin:28px 0;font-size:clamp(1.2rem,3vw,2rem);text-transform:uppercase}.result-card h1 b{color:var(--lime);font-size:clamp(3rem,8vw,6rem);white-space:nowrap}.result-code{display:inline-flex;flex-direction:column;gap:7px;padding:14px 30px;border:1px dashed #526b82;border-radius:8px}.result-code small{color:#8096aa;font-size:.65rem;letter-spacing:.1em}.result-code strong{font-size:1.4rem;letter-spacing:.08em}.result-note{color:#758da2!important;font-size:.8rem!important;letter-spacing:0!important;font-weight:400!important}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.result-actions button,.result-actions a{height:48px;display:inline-flex;align-items:center;border:1px solid #35516a;border-radius:8px;background:#10263d;color:#fff;padding:0 22px;font-weight:900}.result-actions button{border-color:var(--lime);background:var(--lime);color:#06111f}@media(max-width:820px){.progress-item small{display:none}.progress>i{width:36px}.setup-view{grid-template-columns:1fr;gap:38px;padding-top:18px}.setup-intro{text-align:center}.overline{justify-content:center}.setup-intro>p:not(.overline){margin-inline:auto}.tip-card{text-align:left;max-width:520px;margin-inline:auto}.score-arena{grid-template-columns:1fr;min-height:auto}.score-divider{width:auto;height:20px;margin:-10px 0;justify-self:center;z-index:2}.score-side{min-height:350px;padding:30px 18px}.points{font-size:8rem}.point-actions{margin-top:34px}.score-controls{flex-wrap:wrap}.score-controls .finish-button{width:100%;margin:4px 0 0}.result-card h1{flex-direction:column;gap:5px}}@media(max-width:560px){.match-topbar{width:calc(100% - 28px);height:70px}.back-home{font-size:0}.back-home span{font-size:1.1rem}.progress{width:calc(100% - 28px);height:78px}.progress-item p{display:none}.progress>i{width:52px}.setup-view{width:calc(100% - 28px);padding-bottom:45px}.setup-intro h1{font-size:3.25rem}.setup-card{padding:20px 16px}.field-grid,.versus-grid{grid-template-columns:1fr}.versus{margin:-2px auto 10px}.form-head small{display:none}.score-view{width:calc(100% - 20px)}.score-toolbar{align-items:flex-start}.score-toolbar>div{align-items:flex-start;flex-direction:column;gap:4px}.timer{align-items:flex-end!important}.score-side{min-height:320px}.points{font-size:7.6rem}.point-actions button{padding:0 17px}.result-actions{flex-direction:column}.result-actions>*{justify-content:center;width:100%}}