*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#17234a 0,#090d19 45%,#05070d 100%);color:#f4f7ff;font-family:Inter,system-ui,Arial;min-height:100vh}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,5vw);border-bottom:1px solid #ffffff12;background:#070b14cc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}header b{font-size:24px;letter-spacing:2px}header b span{color:#6df7ff}header div{color:#aab5cc}#dot{display:inline-block;width:9px;height:9px;background:#4cff8a;border-radius:50%;box-shadow:0 0 12px #4cff8a;margin-right:8px}main{width:min(1180px,94vw);margin:28px auto;display:grid;grid-template-columns:1fr 330px;gap:18px}.card{background:linear-gradient(145deg,#11182aee,#0a0f1cee);border:1px solid #ffffff14;border-radius:22px;box-shadow:0 20px 60px #0007;padding:22px}.game{min-height:610px}.top{display:flex;justify-content:space-between;align-items:center}.top small,.event small{color:#7785a4;letter-spacing:1.5px}.top h1{font-size:42px;margin:4px 0}.boost{text-align:right;display:flex;flex-direction:column}.boost strong{font-size:30px;color:#6df7ff}.boost small{letter-spacing:0}.arena{height:440px;margin-top:22px;border-radius:20px;position:relative;overflow:hidden;background:radial-gradient(circle at center,#17234b,#080d19 70%);border:1px solid #6df7ff25;box-shadow:inset 0 0 80px #0008}.arena:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#6df7ff0a 1px,transparent 1px),linear-gradient(90deg,#6df7ff0a 1px,transparent 1px);background-size:32px 32px}.target{position:absolute;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#6df7ff18;border:2px solid #6df7ff;box-shadow:0 0 18px #6df7ff,0 0 50px #6df7ff55;transition:left .09s,top .09s,transform .08s;z-index:2}.target:hover{transform:scale(1.06)}.target div{width:25px;height:25px;background:#fff;border-radius:50%;box-shadow:0 0 20px #fff}.hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#6df7ff77;font-weight:800;letter-spacing:4px}.streak{margin-top:14px;color:#8491aa;text-align:center}aside{display:flex;flex-direction:column;gap:18px}h2{margin:0 0 16px}input{width:100%;background:#070b14;border:1px solid #ffffff1a;color:white;padding:13px;border-radius:12px;font-size:15px}button{border:0;cursor:pointer}.card>button,#save{width:100%;margin-top:10px;padding:12px;border-radius:12px;background:#263656;color:#fff;font-weight:700}.packs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.packs button{min-height:80px;border-radius:15px;background:#151f35;color:#fff;border:1px solid #ffffff12;font-size:18px;font-weight:900}.packs button b{display:block;font-size:12px;color:#8fa0bd;margin-top:5px}.packs .premium{grid-column:1/-1;background:linear-gradient(135deg,#38210c,#17101e);border-color:#ffbd4a55;color:#ffd273}.note{font-size:11px;color:#73819a;line-height:1.5}.full{grid-column:1/-1}.rankhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.rankhead h2{margin:0}nav{display:flex;gap:6px;flex-wrap:wrap}nav button{padding:9px 12px;border-radius:10px;background:#111a2c;color:#8593ad}nav button.active{background:#6df7ff;color:#061017;font-weight:900}#ranking{margin-top:16px}.row{display:grid;grid-template-columns:60px 1fr auto;padding:12px 8px;border-top:1px solid #ffffff0c}.row:first-child{border-top:0}.row b:last-child{color:#6df7ff}.event{display:flex;justify-content:space-between;align-items:center}.event h2{margin:5px 0}.event p{color:#8491aa;margin:0}#eventMsg{background:#0a1220;padding:15px 20px;border-radius:14px;color:#ffd273}#float{position:fixed;pointer-events:none;font-size:24px;font-weight:1000;color:#fff;text-shadow:0 0 12px #6df7ff;z-index:20}@media(max-width:800px){main{grid-template-columns:1fr}.game{min-height:auto}.arena{height:58vh;min-height:390px}aside{grid-row:auto}.full{grid-column:auto}.rankhead,.event{align-items:flex-start;flex-direction:column}.top h1{font-size:30px}.target{width:78px;height:78px}.packs{grid-template-columns:1fr 1fr}nav{margin-top:5px}}
.hidden{display:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 15%,#182957,#080c17 55%,#04060b)}.auth-card{width:min(460px,94vw);padding:34px;border:1px solid #ffffff18;border-radius:26px;background:#0c1323eF;box-shadow:0 30px 90px #000a}.brand{text-align:center;font-weight:1000;font-size:30px;letter-spacing:3px}.brand span{color:#6df7ff}.auth-sub{text-align:center;color:#8796b2;margin:8px 0 24px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#070b14;padding:5px;border-radius:14px;margin-bottom:22px}.auth-tabs button{padding:11px;border-radius:10px;background:transparent;color:#8491aa;font-weight:800}.auth-tabs button.active{background:#18253e;color:#6df7ff}label{display:flex;flex-direction:column;gap:7px;color:#aeb9ce;font-size:13px;margin-bottom:13px}.auth-card input,.modal input,.modal select{width:100%;background:#070b14;border:1px solid #ffffff1a;color:white;padding:13px;border-radius:12px;font-size:15px}.primary{width:100%;padding:14px!important;border-radius:12px!important;background:linear-gradient(135deg,#6df7ff,#55b7ff)!important;color:#061017!important;font-weight:1000!important;margin-top:8px}.msg{min-height:22px;text-align:center;color:#ffd273;margin-top:12px}.auth-card>small{display:block;text-align:center;color:#65738d;margin-top:10px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button{background:#111a2c;color:#aeb9ce;padding:8px 11px;border-radius:9px}.player-name{font-size:26px;font-weight:1000;color:#6df7ff}.modal{position:fixed;inset:0;z-index:50;background:#02050bd9;display:grid;place-items:center;padding:20px;overflow:auto}.modal-card{position:relative;width:min(820px,96vw);max-height:92vh;overflow:auto;background:#0d1424;border:1px solid #ffffff1a;border-radius:24px;padding:28px;box-shadow:0 30px 100px #000}.close{position:absolute;right:18px;top:14px;background:transparent;color:#fff;font-size:30px}.modal h3{margin:24px 0 12px;color:#6df7ff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.privacy{background:#0a1a1c;border:1px solid #6df7ff25;padding:12px;border-radius:12px;color:#8fb9bd;font-size:12px;margin:8px 0 14px}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.header-actions>span{display:none}.header-actions button{font-size:11px}.auth-card{padding:24px}.modal-card{padding:22px 16px}}
header em{font-size:10px;color:#071017;background:#6df7ff;padding:3px 6px;border-radius:6px;font-style:normal;vertical-align:middle}.scoreboard{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center}.scoreboard small{color:#7785a4;letter-spacing:1.5px}.scoreboard h1{font-size:38px;margin:4px 0}.scoreboard .rp{color:#6df7ff}.livebar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.livebar span{background:#080e1a;border:1px solid #ffffff0c;border-radius:10px;padding:9px;text-align:center;color:#8390aa;font-size:12px}.livebar b{color:#fff;margin-left:4px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.mini-stats div{background:#080e1a;padding:10px;border-radius:10px}.mini-stats small{display:block;color:#75829b}.mini-stats b{font-size:20px}.limit{margin-top:14px}.limit>span,.limit>b{font-size:11px;color:#8290a8}.limit>b{float:right;color:#fff}.limit>div{height:7px;background:#070b14;border-radius:20px;overflow:hidden;clear:both;margin-top:7px}.limit i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6df7ff,#55b7ff);border-radius:20px}.row span small{display:block;color:#66748e;margin-top:2px}.breakdown{display:flex;align-items:center;justify-content:space-between;gap:30px}.breakdown>div:first-child{min-width:220px}.breakdown small{color:#7785a4;letter-spacing:1.2px}.break-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex:1}.break-grid div{background:#080e1a;padding:13px;border-radius:12px}.break-grid span{display:block;color:#7886a0;font-size:11px}.break-grid b{font-size:18px;color:#6df7ff}.arena.miss{box-shadow:inset 0 0 70px #ff3b5c55;border-color:#ff3b5c88}@media(max-width:800px){.scoreboard{grid-template-columns:1fr 1fr}.scoreboard .boost{grid-column:1/-1;text-align:left}.livebar{grid-template-columns:1fr 1fr}.breakdown{align-items:stretch;flex-direction:column}.break-grid{grid-template-columns:1fr 1fr;width:100%}.scoreboard h1{font-size:28px}}

/* ===== CLYXR V8 BRAND + CINEMATIC OPENING ===== */
body.splash-lock{overflow:hidden}
.clyxr-splash{position:fixed;inset:0;z-index:99999;background:#02060b;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;transition:opacity .75s ease,visibility .75s ease}
.clyxr-splash.hide{opacity:0;visibility:hidden;pointer-events:none}
.clyxr-splash-bg{position:absolute;inset:0;background:url('clyxr-opening.png') center/cover no-repeat;animation:clyxrZoom 5s ease-out forwards}
.clyxr-splash-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 48%,rgba(0,5,12,.30) 72%,rgba(0,5,12,.88) 100%)}
.clyxr-splash-ui{position:relative;z-index:2;width:min(620px,84vw);padding:0 0 5vh;text-align:center;filter:drop-shadow(0 0 22px #00d9ff55)}
.clyxr-loading{height:9px;border-radius:20px;background:#06131d;border:1px solid #00ddff77;overflow:hidden;box-shadow:0 0 20px #00d9ff33 inset}
.clyxr-loading div{height:100%;width:0;background:linear-gradient(90deg,#00bce8,#4ff8ff,#d9ffff);border-radius:inherit;box-shadow:0 0 22px #21edff;transition:width .08s linear}
.clyxr-load-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#b9f8ff;font-size:10px;letter-spacing:3px}.clyxr-load-row b{color:#32edff;font-size:14px}
#clyxrEnter{display:none;width:auto;min-width:250px;margin:18px auto 8px;padding:13px 30px;border:1px solid #35efff;background:rgba(0,16,27,.84);color:#dfffff;letter-spacing:2.5px;border-radius:8px;box-shadow:0 0 25px #00d9ff44,inset 0 0 18px #00d9ff18;cursor:pointer}
#clyxrEnter:hover{background:#00d9ff;color:#001018;box-shadow:0 0 36px #00eaff}.clyxr-splash-ui small{display:block;color:#75cbd5;letter-spacing:5px;font-size:8px;margin-top:8px}@keyframes clyxrZoom{from{transform:scale(1.04)}to{transform:scale(1)}}
header{min-height:86px}.header-brand{display:flex;align-items:center;gap:12px}.header-brand img{width:250px;max-height:72px;object-fit:contain;object-position:left center}.header-brand span{display:none}.auth-logo{text-align:center;margin-bottom:10px}.auth-logo img{width:min(320px,90%);border-radius:10px}
@media(max-width:700px){.clyxr-splash-bg{background-position:center}.clyxr-splash-ui{width:88vw;padding-bottom:7vh}.clyxr-load-row{font-size:8px;letter-spacing:1px}.header-brand img{width:165px}header{min-height:70px}}

/* ===== CLYXR V9 EXPERIENCE ===== */
header{height:auto;padding:8px max(18px,3vw);gap:24px;background:linear-gradient(180deg,#06101df2,#050914f2);border-bottom:1px solid #16dfff55;box-shadow:0 8px 32px #0008,0 1px 16px #00d9ff18}.header-brand{min-width:230px}.header-brand img{width:220px}.main-nav{display:flex;align-items:stretch;justify-content:center;gap:5px;flex:1}.main-nav button{min-width:88px;padding:10px 12px 8px;background:transparent;color:#8296b8;border-radius:10px;font-size:19px;transition:.2s}.main-nav button span{display:block;font-size:10px;letter-spacing:.8px;margin-top:4px;font-weight:800}.main-nav button:hover,.main-nav button.active{color:#4df4ff;background:#0b1d31;box-shadow:inset 0 -2px #22eaff,0 7px 22px #00d9ff13}.header-actions{white-space:nowrap}main{max-width:1280px}.view{display:none}.view.active-view{display:contents}.standalone.active-view{display:block;grid-column:1/-1;min-height:620px;padding:34px}.page-title{border-bottom:1px solid #ffffff10;padding-bottom:22px;margin-bottom:24px}.page-title small{color:#35eaff;letter-spacing:2.5px}.page-title h1{font-size:38px;margin:6px 0}.page-title p{color:#7f91af;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{min-height:190px;padding:24px;border-radius:18px;background:linear-gradient(145deg,#0b1526,#07101d);border:1px solid #2beaff2c;box-shadow:inset 0 0 35px #00d9ff08}.feature-grid article>b{color:#45efff;letter-spacing:1.5px}.feature-grid article h3{font-size:25px;margin:15px 0 8px}.feature-grid article p{color:#8293ae;line-height:1.6}.feature-grid article span{display:inline-block;margin-top:10px;padding:7px 10px;background:#07101b;border-radius:8px;color:#91a7c8;font-size:12px}.feature-grid .live-event{border-color:#44f6a055}.skill-cards{grid-template-columns:repeat(4,1fr)}.skill-cards article>b{font-size:34px}.skill-cards .premium-card{border-color:#ffbf4770;background:linear-gradient(145deg,#241706,#100d15)}.skill-cards .premium-card>b,.skill-cards .premium-card h3{color:#ffd05b}.community-box{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:35px;padding:40px;border-radius:22px;background:radial-gradient(circle at 15% 50%,#123d59,#09111f 45%);border:1px solid #32eaff35}.community-box div{text-align:center}.community-box strong{display:block;font-size:70px;color:#54f3ff}.community-box span{color:#8ba0bf;text-transform:uppercase;letter-spacing:2px}.community-box p{font-size:18px;line-height:1.7;color:#9aabc4}.ranking-top{margin-top:20px}.ranking-top .row{padding:17px 12px;font-size:16px}.ranking-top .row:nth-child(-n+3){background:#0a1627;border-radius:10px;margin:5px 0}.target{will-change:left,top,transform}.target:active{transform:scale(.88)}.target.hit-pulse{animation:hitPulse .18s ease}.arena.hit-arena{animation:arenaHit .22s ease}.arena.miss:after{content:'MISS';position:absolute;inset:0;display:grid;place-items:center;color:#ff5270;font-size:46px;font-weight:1000;letter-spacing:8px;background:#ff23420a;z-index:1;pointer-events:none}@keyframes hitPulse{50%{transform:scale(1.28);filter:brightness(1.8)}}@keyframes arenaHit{50%{box-shadow:inset 0 0 95px #18f4ff2e,0 0 22px #00eaff22}}footer{max-width:1280px;margin:0 auto 25px;padding:18px 25px;display:flex;justify-content:space-between;color:#536884;font-size:9px;letter-spacing:3px;border-top:1px solid #ffffff0b}footer b{color:#7d96ae;font-weight:500}.auth-screen:before{content:'';position:fixed;inset:0;background:url('clyxr-opening.png') center/cover no-repeat;opacity:.18;filter:blur(2px);pointer-events:none}.auth-card{position:relative;border-color:#29eaff38;box-shadow:0 30px 100px #000c,0 0 50px #00d9ff12}.auth-tabs button.active{box-shadow:inset 0 -2px #35f0ff}.primary{box-shadow:0 0 25px #00d9ff28}.auth-card input:focus,.modal input:focus,.modal select:focus{outline:none;border-color:#40edff;box-shadow:0 0 0 3px #00d9ff12}
@media(max-width:1050px){header{flex-wrap:wrap}.header-brand{min-width:auto}.main-nav{order:3;width:100%;flex-basis:100%}.main-nav button{flex:1}.skill-cards{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.header-brand img{width:150px}.header-actions{margin-left:auto}.main-nav{overflow-x:auto;justify-content:flex-start}.main-nav button{min-width:68px;padding:8px 5px}.main-nav button span{font-size:8px}.feature-grid,.skill-cards{grid-template-columns:1fr}.community-box{grid-template-columns:1fr;padding:25px}.standalone.active-view{padding:22px;min-height:500px}.page-title h1{font-size:30px}footer{flex-direction:column;gap:8px;text-align:center}.arena{height:55vh}.hint{font-size:10px;letter-spacing:2px}}

/* ===== CLYXR V9.1 ARENA FOCUS ===== */
.focusbar{display:grid;grid-template-columns:110px 180px 160px 1fr;gap:8px;align-items:center;margin-top:10px}.focusbar>div:not(.reaction-track){background:#07101d;border:1px solid #ffffff0c;border-radius:10px;padding:8px 12px}.focusbar small{display:block;color:#617795;font-size:9px;letter-spacing:1.2px}.focusbar b{color:#5af4ff;font-size:16px}.reaction-track{height:7px;background:#050b14;border-radius:10px;overflow:hidden;border:1px solid #ffffff0c}.reaction-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#33f0ff,#e8ffff);box-shadow:0 0 14px #20eaff;transform-origin:left center}.arena-status{position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:20px;background:#06111dcc;border:1px solid #31eaff35;color:#6fefff;font-size:9px;letter-spacing:2px;font-weight:900;z-index:3;pointer-events:none}.target{transition:left .055s linear,top .055s linear,transform .06s,width .15s,height .15s}.target.danger{box-shadow:0 0 20px #ffce57,0 0 55px #ff9e2255;border-color:#ffd65c}.target.elite{box-shadow:0 0 20px #ff5bea,0 0 60px #9b39ff55;border-color:#ff70ef}.arena.timeout{animation:timeoutFlash .32s ease}@keyframes timeoutFlash{50%{box-shadow:inset 0 0 100px #ff9d2050;border-color:#ffad38}}@media(max-width:800px){.focusbar{grid-template-columns:1fr 1fr 1fr}.reaction-track{grid-column:1/-1}.focusbar b{font-size:13px}.focusbar small{font-size:8px}}