:root{--bg:#061a31;--bg2:#08294a;--blue:#347df2;--cyan:#29c6d9;--text:#f4f7fb;--muted:#9db0c7;--line:#9bb4c9;--card:#172f4c;--green:#26c879;--radius:18px}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);font-size:15px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.auth-body{min-height:100dvh;background:linear-gradient(180deg,#0b4772 0%,#07365b 45%,#032544 100%);display:flex;justify-content:center;padding:calc(env(safe-area-inset-top) + 22px) 22px calc(env(safe-area-inset-bottom) + 28px)}.auth-wrap{width:100%;max-width:520px;margin:auto}.brand{font-size:clamp(28px,7vw,42px);font-weight:750;letter-spacing:-.7px;text-align:center;margin:10px 0 58px}.auth-title{font-size:clamp(30px,7vw,42px);font-weight:400;margin:0 0 60px}.auth-form{display:flex;flex-direction:column;gap:23px}.auth-form input:not([type=checkbox]),.stack-form input,.admin-form input,.admin-form select,.inline-form select{width:100%;min-width:0;color:#f2f7fc;background:transparent;border:0;border-bottom:2px solid #b0c2d0;border-radius:0;padding:12px 0 13px;outline:none}.auth-form input::placeholder{color:#9db3c9;opacity:1}.auth-form input:focus,.stack-form input:focus{border-color:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fine{font-size:13px;color:#93abc3;margin:0}.fine a,.auth-switch a{color:#438bff}.primary,.danger{border:0;border-radius:12px;padding:14px 18px;background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:650;cursor:pointer}.danger{background:#ed4149}.full{width:100%;border-radius:20px;min-height:58px;font-size:19px}.auth-switch{text-align:center;color:#7189a3;font-size:20px;margin-top:32px}.login-wrap .auth-title{margin-bottom:150px}.login-form{gap:52px}.remember{display:flex;align-items:center;gap:10px;color:#9eb1c6}.remember input{width:20px;height:20px}.version{text-align:center;color:#809ab4;margin-top:70px}.notice{padding:12px 14px;border-radius:10px;background:#183a5a;color:#eaf4ff;margin:12px 0}.notice.error{background:#572b3b}.notice.success{background:#174d3d}.muted{color:var(--muted);font-size:13px}.app-body{min-height:100dvh;background:linear-gradient(180deg,#061a31,#071b33 75%,#061a31);padding-bottom:calc(92px + env(safe-area-inset-bottom))}.topbar{height:76px;display:flex;align-items:center;gap:10px;padding:0 16px;background:linear-gradient(110deg,#06385e,#07466c);border-radius:0 0 22px 22px;position:sticky;top:0;z-index:5}.brand-mini{display:flex;align-items:center;gap:9px;font-weight:750;font-size:clamp(15px,4vw,20px);flex:1;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:50%;background:#02070e;display:grid;place-items:center;font-size:23px;font-weight:900}.balance-chip{border:1px solid #6b8ca7;border-radius:9px;padding:6px 8px;font-size:13px;white-space:nowrap}.bell{width:38px;height:38px;border-radius:50%;background:white;color:#276de2;display:grid;place-items:center;font-size:20px}.app-main{max-width:900px;margin:auto;padding:14px 14px 28px}.announcement{display:flex;align-items:center;background:#263950;border-radius:12px;overflow:hidden;margin:5px 0 20px;min-height:74px;color:#e6edf5;font-size:15px;line-height:1.5}.megaphone{align-self:stretch;display:grid;place-items:center;min-width:65px;background:#465970;font-size:27px;margin-right:12px}.hero-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:190px;border-radius:15px;padding:22px 18px;background:radial-gradient(circle at 82% 38%,#e6a42d 0,#69340c 22%,transparent 44%),linear-gradient(120deg,#1a8cb0,#092d55 58%,#201b35);overflow:hidden;border:1px solid #2f7890}.hero-banner small{font-weight:800;color:#fbe46b;letter-spacing:1px}.hero-banner h2{font-size:clamp(23px,6vw,34px);line-height:1;margin:9px 0}.hero-banner p{margin:0 0 14px;color:#e0eaf2}.banner-cta{display:inline-block;background:#5636ef;border-radius:20px;padding:9px 13px;font-size:13px}.hero-art{font-size:70px;text-shadow:0 5px 30px #f5be39}.section-title{font-size:23px;margin:25px 0 20px}.centered{text-align:center}.match-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.match-shortcuts a{background:#f9fbff;color:#101721;border-radius:13px;min-height:125px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:15px;font-weight:550}.shortcut-icon{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;font-size:31px;color:white}.green{background:#2ecb9b}.cyan{background:#22bfd4}.lime{background:#24be65}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.section-heading h2{font-size:19px;margin:0}.tabs{display:flex;justify-content:center;gap:14px;margin:25px 0}.tab{background:#344156;color:#d6e0ec;padding:12px 22px;border-radius:14px;min-width:40%;text-align:center}.tab.active{background:#2466ec;color:white}.tournament-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tournament-card{border:2px solid #36c9db;border-radius:13px;overflow:hidden;background:#09182a;min-width:0}.game-art{height:112px;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(130deg,#1048a5,#09172e);font-size:45px}.game-art small{font-size:10px;letter-spacing:1px}.art-2{background:linear-gradient(130deg,#a23e22,#0a192f)}.art-3{background:linear-gradient(130deg,#7221d4,#102c61)}.art-4{background:linear-gradient(130deg,#067e69,#09223a)}.tournament-info{display:flex;align-items:center;justify-content:space-between;padding:10px 9px 3px;background:linear-gradient(90deg,#243448,#101c2d)}.tournament-info strong,.tournament-info small{display:block}.tournament-info strong{font-size:14px}.tournament-info small{font-size:11px;color:#b4c1cf;margin-top:3px}.online-dot{width:10px;height:10px;background:#1fbd78;border-radius:50%;flex-shrink:0}.tournament-meta{display:flex;justify-content:space-between;gap:4px;padding:8px;font-size:10px;color:#b7c8d8}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;padding:9px 10px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(100deg,#06395f,#07517a);border-radius:22px 22px 0 0;box-shadow:0 -8px 24px #0003}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;font-size:14px;color:#dceaf5}.bottom-nav a span{font-size:28px;font-weight:700}.bottom-nav a.active{color:#fff}.page-title{font-size:26px;margin:15px 0 22px}.wallet-total{padding:28px 16px;text-align:center;background:linear-gradient(145deg,#0a2c4b,#0b2039);border-radius:18px}.wallet-total small{color:#a7bad0}.wallet-total h2{font-size:28px;margin:12px 0 22px}.wallet-total>div{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;color:#45ce91;font-size:12px}.wallet-actions{display:grid;gap:12px;margin:22px 6px 35px}.wallet-actions a{text-align:center}.transaction-list{display:grid;gap:10px}.transaction{background:#22354d;border:1px solid #3c5066;border-radius:12px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:7px}.transaction div strong,.transaction div small{display:block}.transaction small{color:#c0cedc;font-size:12px}.transaction>small{grid-column:1/-1}.profile-intro{text-align:center;padding:20px 0 30px}.avatar{margin:auto;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;font-size:45px;background:linear-gradient(140deg,#4168f1,#8b26df);border:5px solid #526ce8}.profile-intro h1{color:#b38aff;margin:16px 0 5px;font-size:27px}.profile-intro p{color:#a7b7c9}.menu-list{display:grid;gap:13px}.menu-list>a,.feature-row{display:flex;align-items:center;gap:13px;padding:19px 15px;background:linear-gradient(110deg,#223a56,#304d6b);border:1px solid #526780;border-radius:18px;min-height:95px}.menu-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#425b7e;font-size:24px}.menu-list a div,.feature-row div{flex:1}.menu-list strong,.menu-list small,.feature-row strong,.feature-row small{display:block}.menu-list small,.feature-row small{color:#aab9ca;margin-top:5px}.menu-list b{font-size:24px;color:#b9c9d9}.referral-card{background:linear-gradient(155deg,#5809d0,#4500a7);margin:-14px -14px 0;padding:28px 22px 35px;border-radius:0 0 34px 34px;text-align:center}.referral-card h1{font-size:27px;line-height:1.25}.gift-emoji{font-size:92px;margin:20px 0}.referral-card p{line-height:1.5;text-align:justify}.ref-code{border:2px dashed #e9d9ff;border-radius:12px;padding:12px;margin:24px 0}.ref-code small{color:#dbc7f9}.ref-code div{display:flex;align-items:center;justify-content:space-between;background:#dddce4;color:#171923;border-radius:14px;padding:12px 15px;margin-top:7px}.copy-btn{border:0;background:transparent;color:#171923;font-weight:700}.share-row{display:flex;gap:10px;justify-content:center}.share-btn{border:0;border-radius:20px;background:#12a96e;color:white;padding:10px 13px}.share-btn:first-child{background:#179bce}.back-link{display:inline-block;margin:8px 0 18px;color:#a9c8e5}.detail-hero{border-radius:18px;padding:24px;background:linear-gradient(130deg,#0d5992,#111d39);text-align:center}.detail-hero>span{font-size:55px}.detail-hero small{display:block;color:#a9dfff}.detail-hero h1{font-size:28px}.detail-hero p{color:#c5d4e3}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.stats-grid>div{background:#1c334d;padding:14px 7px;border-radius:12px;text-align:center}.stats-grid small,.stats-grid strong{display:block}.stats-grid small{color:#9eb2c7;font-size:11px}.stats-grid strong{margin-top:7px;font-size:16px}.panel{background:#152c46;border:1px solid #344d67;border-radius:16px;padding:18px;margin:14px 0}.panel h2{margin-top:0}.stack-form{display:grid;gap:13px}.stack-form label,.admin-form label{color:#b8c9da;font-size:13px}.stack-form input{padding:11px 0}.stack-form input:disabled{opacity:.6}.empty-state{text-align:center;color:#9db0c7;background:#152b43;border-radius:14px;padding:32px 18px;margin:20px 0}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-row a{padding:8px 12px;background:#243a54;border-radius:20px;font-size:13px}.filter-row .selected{background:var(--blue)}.list-cards{display:grid;gap:10px;margin-top:15px}.list-card{display:flex;align-items:center;gap:12px;background:#172e49;padding:14px;border-radius:13px}.small-game-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#205b99;font-size:22px}.list-grow{flex:1}.list-grow strong,.list-grow small{display:block}.list-grow small{color:#a8bbd0;margin-top:5px}.leader-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #31465d}.leader-row span:last-child{margin-left:auto}.rank{width:28px;height:28px;border-radius:50%;background:#344e6c;display:grid;place-items:center}.admin-body{background:#eef2f7;color:#182333;min-height:100vh}.admin-header{background:#07385e;color:white;padding:18px max(18px,calc((100vw - 1000px)/2));display:flex;justify-content:space-between;gap:12px}.admin-main{max-width:1000px;margin:auto;padding:22px 16px 50px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-stats>div,.admin-panel{background:white;border:1px solid #dce3eb;border-radius:13px;padding:17px;margin:12px 0;box-shadow:0 3px 12px #172b4208}.admin-stats small,.admin-stats strong{display:block}.admin-stats small{color:#607085}.admin-stats strong{font-size:26px;margin-top:8px}.admin-links{display:grid;gap:10px;margin-top:22px}.admin-links a{padding:18px;background:white;border:1px solid #dce3eb;border-radius:12px}.admin-links span{float:right}.admin-form{display:grid;gap:10px}.admin-form input,.admin-form select,.inline-form select{color:#1b2b3d;border:1px solid #c9d3df;border-radius:8px;padding:11px;background:white}.admin-form button{margin-top:8px}.inline-form{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.inline-form select{width:auto}.row-between{display:flex;justify-content:space-between;gap:12px}.status{font-size:12px;background:#e7eef7;border-radius:10px;padding:4px 8px}.admin-main .notice{color:#26354a;background:#e1eaf4}.admin-main .notice.error{background:#f8dbe0}.admin-main .notice.success{background:#d8f4e5}
@media(min-width:700px){.app-main{padding-top:22px}.hero-banner{min-height:230px}.game-art{height:160px}.tournament-info strong{font-size:17px}.tournament-meta{font-size:12px}.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(900px,100%)}.auth-wrap{max-width:560px}.login-wrap .auth-title{margin-bottom:90px}}
@media(max-width:380px){.topbar{padding:0 10px}.brand-mini{font-size:14px;gap:6px}.brand-mark{width:32px;height:32px}.balance-chip{font-size:11px}.match-shortcuts{gap:7px}.match-shortcuts a{font-size:12px}.shortcut-icon{width:45px;height:45px}.hero-banner{padding:17px 12px}.hero-art{font-size:48px}.tab{padding:11px 8px}.auth-body{padding-left:18px;padding-right:18px}.login-wrap .auth-title{margin-bottom:95px}}