*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button,input,select{font:inherit}.app{width:min(100vw,460px);min-height:100svh;margin:auto;padding:18px 16px 102px;position:relative;overflow-x:hidden;background:radial-gradient(circle at 10% 0%,rgba(37,91,255,.2),transparent 30%),radial-gradient(circle at 100% 20%,rgba(136,54,255,.16),transparent 28%),linear-gradient(180deg,#050b1a,#020711 70%,#000)}.app:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(120deg,rgba(65,116,255,.12) 1px,transparent 1px),linear-gradient(60deg,rgba(140,69,255,.09) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent 62%)}.screen{display:none;position:relative}.screen.active{display:block}.brand{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px 0 22px}.brand-mark{width:62px;height:62px;background:linear-gradient(135deg,#8047ff,#25b9ff);clip-path:polygon(50% 0,62% 33%,100% 20%,72% 50%,100% 80%,62% 67%,50% 100%,38% 67%,0 80%,28% 50%,0 20%,38% 33%);filter:drop-shadow(0 0 18px rgba(62,128,255,.75))}.brand h1{margin:0;font-size:29px;letter-spacing:4px}.brand h1 span{display:block;color:#6f8cff;letter-spacing:10px;font-size:21px}.brand p{margin:6px 0 0;color:#929db4;letter-spacing:2px}.player-card,.duel-hero,.small-card,.leaders-preview,.status-card,.match-card,.rules-card,.podium-card,.rank-list,.profile-card,.profile-form,.coming-card{border:1px solid rgba(86,127,202,.28);border-radius:22px;background:linear-gradient(145deg,rgba(13,27,54,.94),rgba(4,10,22,.96));box-shadow:0 16px 45px rgba(0,0,0,.38)}.player-card{padding:18px;display:grid;grid-template-columns:64px 1fr;gap:13px}.avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-weight:950;font-size:24px;background:linear-gradient(135deg,#7a42ff,#126fff);border:2px solid #628eff;box-shadow:0 0 20px rgba(72,112,255,.45)}.avatar.big{width:112px;height:112px;margin:auto;font-size:38px}.player-main h2{margin:5px 0 6px}.player-main p,.muted{margin:0;color:#96a2b9}.stats-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:8px}.stats-row div+div{border-left:1px solid rgba(255,255,255,.1)}.stats-row b{display:block;font-size:24px}.stats-row span{color:#8f9bb2;font-size:13px}.duel-hero{text-align:center;margin:18px 0;padding:25px 20px;border-color:rgba(96,74,233,.6);background:radial-gradient(circle at 10% 20%,rgba(0,91,255,.25),transparent 38%),radial-gradient(circle at 90% 20%,rgba(176,37,255,.23),transparent 38%),linear-gradient(145deg,#0a1834,#070917)}.duel-hero.compact{margin-top:8px}.crossed{font-size:52px;color:#a3b7ff;text-shadow:0 0 22px #635eff}.duel-hero h2{margin:3px 0;font-size:29px}.duel-hero p{color:#a8b3c9}.gold-main,.blue-main{width:100%;border:0;border-radius:15px;padding:16px;font-weight:950;letter-spacing:.6px;cursor:pointer}.gold-main{color:#151009;background:linear-gradient(180deg,#ffe49a,#d49a33);box-shadow:0 0 23px rgba(231,177,62,.42),inset 0 1px 0 #fff}.blue-main{color:white;background:linear-gradient(180deg,#338fff,#1855dd);box-shadow:0 0 20px rgba(42,114,255,.35)}button:disabled{opacity:.55;cursor:not-allowed}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.small-card{padding:16px}.small-card span{font-size:12px;color:#8997b1}.small-card b{display:block;font-size:20px;margin:10px 0}.small-card p{font-size:13px;color:#929db3;margin:0}.leaders-preview{padding:17px;margin-top:14px;cursor:pointer}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading span{color:#98a4bb}.mini-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px;text-align:center}.leader-mini{min-width:0}.leader-mini .avatar{width:54px;height:54px;margin:auto;font-size:19px}.leader-mini b,.leader-mini span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-mini b{margin-top:8px}.leader-mini span{font-size:13px;color:#e9bb54}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-title h2{font-size:30px;margin:0}.page-title p{margin:5px 0;color:#929eb4}.back{width:38px;height:38px;border-radius:50%;border:1px solid rgba(87,132,215,.5);background:rgba(255,255,255,.04);color:#4c98ff;font-size:25px}.mode-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.mode{padding:11px 5px;border-radius:13px;border:1px solid rgba(86,127,202,.3);background:rgba(255,255,255,.04);color:#9da9bf}.mode.active{color:#4598ff;border-color:#2889ff;background:rgba(39,119,255,.12)}.status-card{display:flex;align-items:center;gap:13px;padding:17px}.status-card b{font-size:18px}.status-card p{margin:5px 0 0;color:#95a1b7}.status-dot{width:12px;height:12px;border-radius:50%;background:#38df80;box-shadow:0 0 14px #38df80}.status-card.searching .status-dot{background:#e7b74c;box-shadow:0 0 14px #e7b74c;animation:pulse 1.2s infinite}.status-card.matched .status-dot{background:#3b91ff;box-shadow:0 0 14px #3b91ff}.match-card{padding:18px;margin-top:14px}.match-card.hidden{display:none}.opponent{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center}.opponent h3{margin:0}.opponent p{margin:5px 0;color:#96a2b9}.lobby-box{margin-top:16px;padding:14px;border-radius:16px;background:rgba(0,0,0,.22)}.lobby-box input{width:100%;padding:13px;border:1px solid rgba(86,127,202,.4);border-radius:12px;background:#070e1d;color:white;margin:9px 0}.lobby-id{font-size:26px;font-weight:900;letter-spacing:1px;color:#77b3ff}.report-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.report-actions button,.secondary-btn,.danger-btn{border-radius:12px;padding:13px;border:1px solid rgba(77,137,255,.48);background:rgba(35,103,222,.15);color:#78b2ff;font-weight:800}.report-actions .win{border-color:#31ca79;color:#52e394;background:rgba(32,166,93,.12)}.report-actions .loss,.danger-btn{border-color:#e65d68;color:#ff7e88;background:rgba(181,51,62,.12)}.report-actions .dispute{grid-column:1/-1;border-color:#d7a63d;color:#f1c15a}.rules-card{padding:18px;margin-top:14px}.rules-card h3{margin-top:0}.rules-card p{color:#9ca8be}.podium-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:20px 10px;text-align:center}.podium-person{min-width:0}.podium-person:nth-child(2){transform:translateY(-8px)}.podium-person .avatar{margin:auto;width:68px;height:68px}.podium-person:nth-child(2) .avatar{width:86px;height:86px;border-color:#e7bd4e}.podium-person b,.podium-person span{display:block;overflow:hidden;text-overflow:ellipsis}.podium-person b{margin-top:8px}.podium-person span{color:#e6b94d}.rank-list{padding:8px 16px;margin-top:14px}.rank-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.rank-row:last-child{border:0}.rank-row span{color:#9ca8bd}.profile-card{text-align:center;padding:23px}.profile-card h2{margin:12px 0 4px}.profile-card p{color:#96a2b8}.profile-form{padding:17px;margin-top:14px}.profile-form label{display:block;color:#9aa6bc;margin-bottom:13px}.profile-form input,.profile-form select{display:block;width:100%;margin-top:7px;padding:13px;border-radius:12px;border:1px solid rgba(83,125,202,.34);background:#060d1b;color:#fff}.coming-card{text-align:center;padding:40px 24px}.coming-card div{font-size:70px;color:#4298ff;text-shadow:0 0 24px #4298ff}.coming-card p{color:#9ba7bd;line-height:1.55}.bottom{position:fixed;z-index:20;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100vw - 20px),440px);height:72px;border:1px solid rgba(79,119,188,.28);border-radius:25px;background:rgba(6,15,30,.91);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,1fr);padding:7px;box-shadow:0 10px 35px rgba(0,0,0,.5)}.bottom button{border:0;background:transparent;color:#8995aa;border-radius:18px;display:grid;place-items:center;font-size:22px}.bottom span{font-size:11px}.bottom .active{color:#3c94ff;background:rgba(35,112,255,.14);box-shadow:inset 0 0 0 1px rgba(35,112,255,.48)}.toast{position:fixed;z-index:50;left:50%;bottom:95px;transform:translate(-50%,20px);width:min(calc(100vw - 40px),400px);padding:13px 16px;border-radius:14px;background:#14213a;border:1px solid rgba(78,137,243,.5);opacity:0;pointer-events:none;transition:.25s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{opacity:.35}}@media(max-width:370px){.app{padding-left:11px;padding-right:11px}.brand h1{font-size:25px}.page-title h2{font-size:26px}.two-cards{grid-template-columns:1fr}.bottom{height:67px}}