:root{color-scheme:dark;--bg:#101017;--panel:#191920;--panel2:#202028;--line:#2c2b35;--muted:#94929f;--text:#f2eff5;--orange:#fc824a;--purple:#ad8bea;--green:#8ccc9b;--radius:16px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:15px}small,.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:34px 20px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#13131b;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin:0 8px 48px}.brand-mark{height:40px;width:36px;display:grid;place-items:center;color:var(--orange);filter:drop-shadow(0 0 12px #fb793d33)}.brand-mark svg{width:36px;height:40px}.brand-text{font-weight:900;font-size:21px;line-height:1;letter-spacing:1.2px}.brand-text span{display:block;font-size:11px;letter-spacing:5.5px;margin-top:6px;color:var(--orange)}.nav-label{font-size:10px;font-weight:700;color:#706e80;letter-spacing:2px;margin:0 15px 13px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{border:0;background:transparent;text-align:left;display:flex;gap:13px;align-items:center;padding:13px 15px;color:#a19eaf;border-radius:9px;font-size:13px;font-weight:550}.nav button:hover{background:#1f1d28;color:white}.nav button.active{background:#35251f;color:#ff975f}.nav button.active:after{content:'';height:6px;width:6px;border-radius:50%;background:var(--orange);margin-left:auto}.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}.nav-gap{height:30px}.sidebar-bottom{margin-top:auto;padding-top:30px}.season{padding:16px 13px;background:linear-gradient(140deg,#282137,#1c1b28);border:1px solid #3a2e4b;border-radius:12px;line-height:1.6}.season strong{font-size:12px;color:#c6acef;display:block}.season p{font-size:11px;color:#93909f;margin-top:5px}.online{font-size:11px;color:#898695;margin:20px 10px 0;display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#8ecb9b;display:inline-block;box-shadow:0 0 8px #8ecb9b33}.workspace{grid-column:2;min-width:0}.topbar{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#716f7e;font-size:12px}.breadcrumb strong{color:#c0bdc9;font-weight:500}.top-right{display:flex;align-items:center;gap:12px}.currency{display:flex;align-items:center;gap:8px;font-weight:650;font-size:12px;background:#1c1b23;border:1px solid var(--line);padding:9px 12px;border-radius:8px}.currency.gold{color:#efc76a}.currency.gems{color:#c09cee}.avatar{border:1px solid #514065;background:#392d4b;color:#d7c1f1;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-weight:700}.profile{display:flex;align-items:center;gap:10px;margin-left:8px}.profile span{font-size:12px}.profile small{font-size:10px;display:block;margin-top:3px}.logout{background:none;border:0;color:var(--muted);padding:7px}.main{max-width:1530px;margin:auto;padding:32px 38px 45px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.page-heading p{margin-top:9px;color:var(--muted);font-size:13px}.pill{font-size:10px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;gap:6px;font-weight:600}.hero{position:relative;overflow:hidden;min-height:292px;border:1px solid #46313a;background:radial-gradient(ellipse at 85% 40%,#66352d55,transparent 50%),linear-gradient(110deg,#28202a,#201b25 65%,#332126);border-radius:var(--radius);padding:34px 36px;display:flex;align-items:center}.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#d78c7626 1px,transparent 1px);background-size:21px 21px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:57%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#ecaa82;display:flex;align-items:center;gap:7px;margin-bottom:14px}.hero h2{font-size:37px;line-height:1.14;letter-spacing:-1.4px;font-weight:800}.hero h2 em{color:#fc9867;font-style:normal}.hero p{color:#b6a5ab;line-height:1.7;font-size:12px;margin:14px 0 22px;max-width:340px}.button{border:1px solid transparent;padding:11px 17px;border-radius:8px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;text-decoration:none;transition:background .18s,transform .18s}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.primary{background:var(--orange);color:#241610;box-shadow:0 4px 14px #fc824a15}.secondary{background:#25232e;border-color:#3c3747;color:#d7cfdf}.ghost{background:transparent;border-color:var(--line);color:#bcb7c8}.danger{background:#41242e;color:#f59aaf;border-color:#633040}.small{padding:7px 11px;font-size:11px}.full{width:100%}.hero .character-art{position:absolute;right:2%;bottom:-19px;width:42%;height:340px;z-index:1;filter:drop-shadow(0 10px 25px #07060966);transform:rotate(-6deg) scale(1.14)}.hero-tag{position:absolute;right:29px;bottom:20px;z-index:3;text-align:right;font-size:11px;color:#dfc5b2}.hero-tag small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:#a78c8c}.quick-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:20px}.quick-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:19px;text-align:left;width:100%;position:relative}.quick-card:hover{border-color:#66526f}.quick-icon{height:43px;width:43px;border-radius:11px;display:grid;place-items:center;background:#342b45;color:#c3a1f4}.quick-icon.amber{color:#eac377;background:#3a3125}.quick-icon.green{color:#8eceb1;background:#21362f}.quick-card h3{font-size:12px;margin-bottom:7px}.quick-card p{font-size:11px;color:var(--muted)}.quick-card .arrow{margin-left:auto;color:#777080}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:31px 0 17px;gap:15px}.section-heading h2{font-size:18px;display:flex;align-items:center;gap:10px}.section-heading h2 small{font-size:11px;background:#25232d;border:1px solid var(--line);padding:4px 7px;border-radius:5px}.link-button{background:transparent;border:0;color:#b0a7bb;font-size:11px;display:inline-flex;gap:8px;align-items:center}.link-button:hover{color:var(--orange)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.character-card{border:1px solid #39323f;background:#1c1b25;border-radius:12px;overflow:hidden;text-align:left;position:relative;padding:0;display:block;width:100%;color:inherit;transition:transform .18s,border-color .18s}.character-card:hover{transform:translateY(-4px);border-color:var(--rarity-color,#867399)}.card-visual{height:184px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--element-color) 19%,transparent),transparent 80%),#1c1c25}.card-visual .character-art{width:100%;height:100%;transform:scale(1.08);transition:transform .3s}.character-card:hover .character-art{transform:scale(1.16)}.card-visual img{height:100%;width:100%;object-fit:cover}.rarity{position:absolute;top:12px;left:12px;z-index:2;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--rarity-color);background:#15131bdc;border:1px solid color-mix(in srgb,var(--rarity-color) 35%,transparent);padding:5px 7px;border-radius:4px;font-weight:700}.card-level{position:absolute;right:11px;top:12px;font-size:9px;color:#d4cfdf;background:#17151ee6;padding:5px 7px;border-radius:4px}.card-info{padding:15px 14px 13px;border-top:1px solid #302b38}.card-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.element-tags{display:flex;flex-wrap:wrap;gap:5px}.element{font-size:9px;font-weight:600;color:var(--element-color);background:color-mix(in srgb,var(--element-color) 10%,transparent);padding:4px 7px;border-radius:4px;display:inline-flex;gap:4px;align-items:center}.card-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #302b38;margin-top:13px;padding-top:11px;gap:4px}.stat{font-size:10px;display:flex;gap:4px;align-items:center;color:#c4bece}.stat svg{height:12px;width:12px;color:#8b829c}.star-row{color:#dfb967;letter-spacing:3px;font-size:11px;margin-top:10px}.in-team{position:absolute;bottom:9px;right:10px;background:#141c19dd;border:1px solid #5a92765c;color:#abd7bb;padding:4px 6px;border-radius:4px;font-size:8px}.dashboard-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.team-preview{display:flex;gap:11px;margin-top:18px}.team-mini{position:relative;flex:1;background:#21202a;border:1px solid #36313e;border-radius:8px;overflow:hidden;text-align:center;padding-bottom:10px}.team-mini .character-art,.team-mini img{width:100%;height:87px;object-fit:cover}.team-mini strong{font-size:10px;display:block}.team-mini small{font-size:9px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-top h3{font-size:13px}.reward-content{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0}.reward-item{display:flex;align-items:center;gap:10px}.reward-symbol{font-size:28px;color:#dfb55e}.reward-item b{font-size:16px}.reward-item small{display:block;font-size:10px;margin-top:5px}.footer{display:flex;justify-content:space-between;margin-top:35px;padding-top:18px;border-top:1px solid #23222c;font-size:10px;color:#676372}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.input,select{background:#1c1b24;border:1px solid #393442;border-radius:8px;color:#e9e2ef;padding:11px 12px;outline:none;min-width:0}.input:focus,select:focus{border-color:var(--purple)}.filters .input{flex:1;min-width:180px}.filters select{font-size:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.tab{border:1px solid var(--line);border-radius:7px;background:#1a1922;color:#a29bac;padding:10px 16px;font-size:12px}.tab.active{color:#f4b896;background:#3d2a25;border-color:#714b3a}.empty{padding:45px 25px;text-align:center;color:var(--muted);background:#18171f;border:1px dashed #3d3648;border-radius:12px;line-height:1.8;grid-column:1/-1}.empty h3{color:#e4dce9;margin-bottom:10px}.empty .button{margin-top:18px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.box-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px 17px}.box-art{height:95px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--box-color) 15%,transparent))}.box-art svg{width:90px;height:90px;color:var(--box-color)}.box-card h3{font-size:15px;margin:14px 0 8px}.box-card p{font-size:11px;color:var(--muted);line-height:1.7;min-height:38px;margin-bottom:15px}.box-card .button{margin-top:8px}.odds{font-size:11px;line-height:1.9;color:#a8a0b2}.odds span{display:flex;justify-content:space-between;gap:15px}.roll-stage{padding:40px 30px;background:radial-gradient(ellipse at 50% 35%,#41305480,transparent 70%),#1b1824;border:1px solid #463752;border-radius:16px;text-align:center}.roll-stage .roll-emblem{font-size:100px;color:#b898ec;margin:10px 0 22px;filter:drop-shadow(0 0 40px #a979e866)}.roll-emblem svg{width:125px;height:125px}.roll-stage h2{font-size:27px}.roll-stage p{margin:14px auto 23px;color:#afa1be;font-size:13px;line-height:1.8;max-width:390px}.info-list{line-height:1.85;font-size:12px;color:#aca4b6;padding-left:18px}.info-list li{margin:10px 0}.arena-choice{padding:32px;background:radial-gradient(ellipse at 90% 0%,#75503533,transparent 70%),var(--panel);border:1px solid #494039;border-radius:14px}.arena-choice.pvp{background:radial-gradient(ellipse at 90% 0%,#69539744,transparent 70%),var(--panel);border-color:#443b55}.arena-choice>svg{width:42px;height:42px;color:var(--orange);margin-bottom:25px}.arena-choice.pvp>svg{color:var(--purple)}.arena-choice h2{font-size:24px}.arena-choice p{font-size:12px;line-height:1.8;color:var(--muted);margin:15px 0 25px;max-width:350px}.arena-choice .pill{margin-bottom:20px}.battle-field{position:relative;display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:15px;background:radial-gradient(ellipse at 50% 100%,#41304366,transparent 75%),#191720;border:1px solid #45374e;border-radius:16px;padding:25px;min-height:330px}.fighter{text-align:center;min-width:0}.fighter-art{height:195px}.fighter-art svg,.fighter-art img{height:100%;max-width:100%;object-fit:contain}.fighter h3{font-size:16px;margin-bottom:10px}.fighter .element-tags{justify-content:center}.hp-track{height:8px;border-radius:6px;background:#332934;overflow:hidden;margin:12px auto 7px;max-width:260px}.hp-fill{height:100%;background:#8dcfa2;transition:width .4s}.hp-label{font-size:10px;color:#a9a0b4}.versus{font-size:24px;font-weight:900;font-style:italic;color:#6f5a7d;text-align:center}.battle-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.move-button{background:#25212e;border:1px solid #44374f;border-radius:9px;padding:16px;text-align:left;position:relative}.move-button:hover:not(:disabled){border-color:#b997d7;background:#32283e}.move-button strong{font-size:12px;display:block;margin-bottom:8px}.move-button small{font-size:10px;display:block;line-height:1.6}.battle-log{height:260px;overflow:auto;padding:16px;background:#15131b;border:1px solid #322a3b;border-radius:10px;font-size:11px;line-height:1.8;color:#b9afc6}.battle-log p{padding:4px 0;border-bottom:1px solid #28212e}.battle-log p:last-child{color:#f4c096}.battle-side{display:flex;flex-direction:column;gap:15px}.switches{display:flex;gap:8px;flex-wrap:wrap}.result-banner{padding:23px;background:#2b352d;border:1px solid #4c6f52;border-radius:12px;text-align:center;margin:18px 0}.result-banner h2{color:#a5d6a7;margin-bottom:10px}.result-banner p{font-size:12px;line-height:1.8;color:#c3ccb9}.status-label{font-size:9px;color:#e6b0d5;margin-top:7px}.waiting{border:1px solid #69527e;padding:20px;border-radius:10px;background:#2c2236;text-align:center;margin:20px 0;line-height:1.8}.waiting p{font-size:12px;color:#b7a8c5;margin:8px 0 16px}.spinner{display:inline-block;width:17px;height:17px;border-radius:50%;border:2px solid #ae91c333;border-top-color:#ae91c3;animation:spin 1s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;inset:0;z-index:50;background:#08060dd6;backdrop-filter:blur(8px);padding:25px;display:flex;align-items:center;justify-content:center}.modal{width:100%;max-width:520px;max-height:90vh;overflow:auto;background:#1d1a26;border:1px solid #494052;border-radius:18px;padding:28px;box-shadow:0 30px 100px #0008}.modal.wide{max-width:820px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.modal-head h2{font-size:22px}.close{background:#2b2533;border:1px solid #473a51;color:#c3b6cf;width:30px;height:30px;border-radius:7px}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.form-field label{font-size:11px;color:#b6aabd}.form-field small{font-size:10px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-error{color:#f69bb0;font-size:12px;line-height:1.6;margin-bottom:14px}.auth-intro{font-size:12px;line-height:1.8;color:#a89aae;margin-bottom:22px}.auth-bottom{text-align:center;font-size:11px;color:#a499ae;margin-top:20px}.auth-bottom button{color:#f5aa82;border:0;background:none;font-weight:650}.detail-grid{display:grid;grid-template-columns:240px 1fr;gap:25px}.detail-grid>.character-card{align-self:start}.detail-grid .card-visual{height:220px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0}.detail-stats div{background:#292330;border:1px solid #3a2e43;border-radius:7px;padding:12px 5px;text-align:center}.detail-stats strong{display:block;font-size:18px}.detail-stats small{font-size:9px}.xp-label{display:flex;justify-content:space-between;font-size:10px;color:#a99bb6;margin:10px 0}.xp-track{height:5px;background:#352a41;border-radius:5px;overflow:hidden}.xp-track div{height:100%;background:#ad87dc}.move-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.move-option{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #3c3048;border-radius:7px;background:#25202c;cursor:pointer}.move-option input{accent-color:#fb955e;margin:3px 0 0}.move-option strong{font-size:11px;display:block}.move-option small{display:block;font-size:9px;color:#ada0bb;line-height:1.6;margin-top:5px}.detail-section{margin-top:22px}.detail-section h3{font-size:13px;margin-bottom:8px}.detail-section p{font-size:11px;color:#ad9db7;line-height:1.7}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.reveal{text-align:center}.reveal .character-card{max-width:250px;margin:22px auto}.reveal>p{font-size:12px;color:#b4a5c2}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table td,.admin-table th{padding:13px 10px;border-bottom:1px solid #322b3b;text-align:left}.admin-table th{font-size:10px;color:#998ba5;font-weight:500}.table-wrap{overflow-x:auto}.admin-table td .button{margin:2px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.element-rule{padding:15px;background:#211c29;border:1px solid #392e44;border-radius:9px}.element-rule p{font-size:10px;color:#a797b3;line-height:1.7;margin-top:9px}#toasts{position:fixed;bottom:25px;right:25px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 40px)}.toast{padding:15px 20px;background:#292335;border:1px solid #604770;border-radius:10px;box-shadow:0 10px 40px #0006;font-size:12px;line-height:1.5;animation:toast-in .2s ease-out}.toast.error{border-color:#954854;background:#39232c}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:32px;font-weight:900;letter-spacing:6px}.boot span{color:var(--orange);font-size:18px}.boot p{font-size:12px;font-weight:400;letter-spacing:0;margin-top:22px;color:var(--muted)}.mobile-menu{display:none}.hint{font-size:11px;color:#a499af;line-height:1.8;margin-top:13px}.notice{padding:14px 17px;background:#342a2033;border:1px solid #6a523755;border-radius:9px;font-size:11px;color:#c5b395;line-height:1.8;margin:16px 0}.admin-thumb{width:40px;height:35px;vertical-align:middle;display:inline-block;margin-right:8px}.admin-thumb svg{width:100%;height:100%}.queue-note{color:#bba5ce;font-size:11px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chocolate{font-size:48px;line-height:1}.shop-offer{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.shop-offer>.character-card{margin-bottom:12px}.shop-offer .button{width:100%}.preview-label{color:#766c84;font-size:9px;text-align:center;padding:5px 0}.delete-note{color:#e8a1af!important}.section-gap{margin-top:22px}.login-invite{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.login-invite p{font-size:12px;color:#aea1bc;line-height:1.8}.login-invite strong{display:block;color:#e2d7ea}.form-field input[type=file]{font-size:11px;max-width:100%}.badge-row{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.selected-team{box-shadow:0 0 0 2px #9cbd98}.turn-badge{text-align:center;font-size:10px;color:#b59dc4;margin-bottom:15px;letter-spacing:1px}.battle-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.battle-ended .battle-field{opacity:.65}
@media(min-width:1500px){.card-visual{height:225px}.hero{min-height:320px}.hero .character-art{height:380px}.hero h2{font-size:43px}}@media(max-width:1200px){.shell{grid-template-columns:190px 1fr}.sidebar{width:190px;padding:28px 13px 20px}.brand{margin-left:7px;gap:7px}.brand-text{font-size:18px}.brand-text span{font-size:9px;letter-spacing:5px}.main{padding:28px 25px}.topbar{padding:0 25px}.card-grid{gap:12px}.card-info{padding:12px 10px}.card-visual{height:160px}.quick-card{padding:15px 12px;gap:10px}.quick-card p{font-size:10px}.quick-icon{width:35px;height:35px}.hero h2{font-size:32px}.hero{padding:30px}.stat{font-size:9px;gap:3px}.shop-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-cards .character-card:nth-child(4){display:none}.quick-grid{grid-template-columns:1fr}.quick-card{padding:15px 20px}.quick-icon{width:39px;height:39px}.quick-card h3{margin-bottom:5px}.dashboard-bottom{grid-template-columns:1fr 1fr}.hero .character-art{right:-5%;width:47%;height:300px}.hero-copy{max-width:63%}.hero h2{font-size:30px}.profile>span{display:none}.content-grid,.battle-grid{grid-template-columns:1fr}.hero-tag{right:19px;font-size:9px}.rules-grid{grid-template-columns:repeat(2,1fr)}.team-mini strong{font-size:9px}.team-mini .character-art{height:70px}.reward-content{gap:10px}.reward-item{gap:6px}.reward-symbol{font-size:20px}.reward-item b{font-size:13px}}
@media(max-width:720px){.shell{display:block}.workspace{width:100%}.sidebar{transform:translateX(-100%);transition:transform .2s;width:224px;box-shadow:10px 0 50px #0009}.sidebar.open{transform:translateX(0)}.topbar{height:68px;padding:0 18px;gap:10px;position:sticky;top:0;background:#13131bf2;backdrop-filter:blur(10px);z-index:9}.mobile-menu{display:block;background:none;border:0;color:#bfb3cb;padding:4px}.breadcrumb{display:none}.top-right{margin-left:auto;gap:6px}.currency{padding:7px 9px;font-size:11px}.profile{margin-left:4px;gap:3px}.avatar{height:30px;width:30px;font-size:11px}.logout{padding:5px}.main{padding:24px 18px 35px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading>.pill{display:none}.hero{padding:25px 23px;min-height:285px;align-items:flex-start}.hero h2{font-size:29px}.hero-copy{max-width:75%}.hero p{font-size:11px;max-width:230px}.hero .character-art{opacity:.55;right:-19%;width:70%;bottom:-37px;transform:rotate(-6deg);height:280px}.hero-tag{display:none}.hero:after{opacity:.5}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero .button{font-size:11px}.quick-grid{gap:10px;margin-top:14px}.quick-card{padding:14px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-cards .character-card:nth-child(4){display:block}.card-visual{height:170px}.card-title{font-size:12px}.card-info{padding:13px 10px}.card-stats{gap:3px}.stat{font-size:9px}.stat svg{width:10px;height:10px}.dashboard-bottom{grid-template-columns:1fr}.team-mini .character-art{height:95px}.team-mini strong{font-size:11px}.team-mini small{font-size:10px}.reward-item b{font-size:16px}.reward-symbol{font-size:27px}.section-heading h2{font-size:17px}.section-heading{margin-top:26px}.section-heading .link-button{font-size:10px}.filters select{flex:1;max-width:100%}.filters .input{width:100%;flex-basis:100%}.footer{font-size:9px;gap:20px;line-height:1.6}.overlay{padding:12px}.modal{padding:22px 18px;max-height:93vh}.detail-grid{grid-template-columns:1fr}.detail-grid>.character-card{max-width:230px;margin:auto}.detail-grid .card-visual{height:180px}.detail-grid{gap:18px}.form-grid{gap:0 10px}.shop-grid{gap:11px}.box-card{padding:20px 12px}.box-card h3{font-size:14px}.box-card p{font-size:10px}.box-card .button{font-size:10px;padding:10px}.arena-choice{padding:25px}.battle-field{padding:20px 10px;grid-template-columns:1fr 27px 1fr;gap:3px;min-height:270px}.fighter-art{height:145px}.fighter h3{font-size:12px}.versus{font-size:16px}.battle-actions{gap:8px}.move-button{padding:13px 10px}.move-button strong{font-size:11px}.move-button small{font-size:9px}.login-invite{flex-direction:column;align-items:flex-start}.rules-grid{gap:8px}.element-rule{padding:12px}.roll-stage{padding:30px 20px}.roll-stage h2{font-size:24px}.rarity{font-size:7px;left:8px;top:9px}.card-level{font-size:8px;right:8px;top:9px}.profile .logout svg{width:16px}.admin-table td{padding:10px 6px}.admin-thumb{display:none}}
@media(max-width:720px){.card-grid:has(>.shop-offer){grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-offer{padding:8px}.shop-offer .card-visual{height:135px}.shop-offer .card-info{padding:11px 7px}.shop-offer .stat{font-size:8px;gap:2px}.shop-offer .stat svg{width:9px;height:9px}.panel-top{flex-wrap:wrap}}
.sidebar{overflow-y:auto}.sidebar>.brand,.sidebar>.nav-label,.sidebar>.nav{flex-shrink:0}.avatar{overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-trigger{border:0;background:none;padding:0;border-radius:50%;display:flex}.avatar-large{width:110px;height:110px;font-size:32px;margin-bottom:18px}.profile-editor{max-width:560px}.grow{flex:1;min-width:120px}.person-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.person-row:last-child{border-bottom:0}.person-identity{display:flex;align-items:center;gap:12px;min-width:0}.person-identity strong{font-size:13px;overflow-wrap:anywhere}.person-identity small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.trade-list{display:flex;flex-direction:column;gap:15px}.trade-items{list-style:none;padding:0;margin:12px 0 0;font-size:11px;line-height:1.9;color:#c6bacc}.trade-items small{display:block;color:var(--muted);font-size:10px}.trade-items li{padding:5px 0}.trade-pending{color:#e1be8e}.trade-accepted{color:#92d4a1}.trade-selection{border:1px solid var(--line);border-radius:10px;padding:15px;min-width:0}.trade-selection legend{font-weight:700;padding:0 8px;color:#d4b7e7}.trade-options{max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:7px;margin-top:12px}.trade-selection .form-grid{gap:0 10px}.trade-selection .form-field label{font-size:10px}.admin-wallet{display:flex;flex-wrap:wrap;gap:8px}.admin-wallet span{padding:9px 12px;background:#2b2534;border:1px solid #44384f;border-radius:8px;font-size:11px}.admin-wallet span:first-child{color:#e9c575}.admin-wallet span:nth-child(2){color:#bba0e2}.team-label{display:block;font-size:9px;color:#93c7a0;margin-top:4px}.profile-editor form .input{width:100%}.admin-table [hidden]{display:none}
@media(max-width:720px){.person-row{align-items:flex-start;flex-direction:column;gap:12px}.person-row>.row{padding-left:46px}.trade-card{padding:17px}.trade-selection{padding:12px}.trade-card .content-grid{gap:14px}.admin-wallet{gap:5px}.admin-wallet span{padding:7px 9px}.profile-editor{padding:20px}.sidebar-bottom{padding-top:20px}.sidebar{padding-top:24px}.sidebar .brand{margin-bottom:25px}.nav button{padding-top:11px;padding-bottom:11px}}
.clan-badge{width:88px;height:88px;flex-shrink:0;display:grid;place-items:center;border:1px solid #564062;border-radius:18px;background:linear-gradient(140deg,#42304e,#211c2b);overflow:hidden;color:#c1a2df}.clan-badge>svg{width:45px;height:45px}.clan-badge img{width:100%;height:100%;object-fit:cover}.clan-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:radial-gradient(ellipse at 100% 0%,#70488c33,transparent 70%),var(--panel)}.clan-hero h2{font-size:25px;margin-top:8px;overflow-wrap:anywhere}.clan-stack{display:flex;flex-direction:column;gap:20px}.clan-invitation{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.clan-invitation .clan-badge{width:55px;height:55px;border-radius:12px}.clan-invitation h3{overflow-wrap:anywhere}.clan-xp{color:#b0daaf;background:#29402a33;border-color:#405b3f}.treasury-amount{font-size:36px;color:#ebc779;font-weight:750;margin:25px 0 18px;letter-spacing:-1px;overflow-wrap:anywhere}.treasury-amount small{font-size:14px;color:#baa88b;font-weight:400;letter-spacing:0}.treasury-panel .xp-track div{background:#dfb25d}.treasury-history .person-row{font-size:12px}.clan-positive{color:#9dce9d}#clan-tag{text-transform:uppercase}#clan-members .person-row>.row{justify-content:flex-end}.treasury-history strong{font-size:12px}
@media(max-width:720px){.clan-hero{padding:18px}.clan-hero .clan-badge{width:66px;height:66px}.clan-hero h2{font-size:21px}.clan-hero .person-identity{align-items:flex-start}.clan-hero .person-identity>div{min-width:0}.clan-hero>.row{width:100%}.treasury-amount{font-size:31px}#clan-members .person-row>.row{padding-left:0;justify-content:flex-start}.clan-invitation .person-identity{align-items:flex-start}.clan-invitation h3{font-size:13px}}
.rank-tabs .button{padding:10px 14px}.rank-tabs .icon{width:16px;height:16px}.rank-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rank-highlight{display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px;background:radial-gradient(ellipse at 50% 0%,#9c774333,transparent 80%),var(--panel)}.rank-highlight-0{border-color:#796139}.rank-highlight-1{background:radial-gradient(ellipse at 50% 0%,#8c94b022,transparent 80%),var(--panel)}.rank-highlight-2{background:radial-gradient(ellipse at 50% 0%,#9c685522,transparent 80%),var(--panel)}.rank-highlight .avatar{width:52px;height:52px;font-size:18px}.rank-highlight h3{overflow-wrap:anywhere}.rank-position{font-weight:750;color:#dfc28a;white-space:nowrap}.rank-score{font-size:27px;color:#ecd7ab;font-weight:750}.rank-score small{font-size:10px;font-weight:400;color:#a99f91}.rank-highlight .hint{margin:0}.rank-personal{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#28202f;border-color:#55405e}.rank-personal>div>strong{display:block;font-size:22px;margin-top:5px}.rank-personal>div>small{font-size:10px}.rank-user-badges{display:flex;gap:4px;margin-top:5px}.rank-user-badges:empty{display:none}.rank-user-badges .pill{font-size:8px;padding:3px 5px}.rank-table{min-width:590px}.rank-table td{padding:16px 12px}.rank-table td:last-child,.rank-table th:last-child{text-align:right}.rank-value{font-size:16px;font-weight:700;color:#ead0aa;white-space:nowrap}.rank-self{background:#b18ce713}.rank-character{display:flex;align-items:center;gap:10px;background:none;border:0;text-align:left;padding:0;max-width:360px}.rank-character-art{display:block;width:65px;height:66px;background:#28222f;border-radius:8px;flex-shrink:0;overflow:hidden}.rank-character-art svg,.rank-character-art img{width:100%;height:100%;object-fit:cover}.rank-character>span>strong{font-size:12px}.rank-character>span>small{display:block;margin-top:5px;font-size:10px}.rank-attributes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:10px}.rank-attributes small{font-size:8px;color:#9c8da6}.rank-updated{font-size:10px;margin-left:auto}.rank-detail-art{height:190px;display:flex;justify-content:center;background:radial-gradient(ellipse,#6c426333,transparent 70%);border-radius:10px;margin-bottom:18px}.rank-detail-art svg,.rank-detail-art img{height:100%;max-width:100%;object-fit:contain}.rank-table .person-identity strong{max-width:190px;display:block}.rank-table-wrap{scroll-margin-top:85px}
@media(max-width:720px){.rank-tabs{gap:6px}.rank-tabs .button{padding:9px 10px;font-size:10px}.rank-podium{gap:8px}.rank-highlight{padding:15px 8px;gap:9px}.rank-highlight h3{font-size:11px}.rank-highlight .avatar{width:38px;height:38px;font-size:13px}.rank-highlight .rank-position{font-size:12px}.rank-highlight .rank-position svg{width:14px;height:14px}.rank-score{font-size:19px}.rank-score small{display:block;font-size:9px;margin-top:3px}.rank-highlight .hint{font-size:9px}.rank-personal{gap:17px;padding:17px}.rank-personal>.person-identity{width:100%}.rank-personal>div>strong{font-size:20px}.rank-table-wrap{padding:10px}.rank-table{min-width:630px}.rank-updated{width:100%;margin-left:0}.rank-pagination{gap:12px}.rank-table td{padding:13px 9px}}
@media(max-width:720px){.rank-table{display:block;min-width:0;width:100%}.rank-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.rank-table tbody{display:block;width:100%}.rank-table tbody tr{display:grid;grid-template-columns:35px minmax(0,1fr) auto;border-bottom:1px solid var(--line);padding:10px 0;align-items:center}.rank-table tbody tr:last-child{border-bottom:0}.rank-table td{display:block;min-width:0;border:0;padding:6px 4px}.rank-table td:nth-child(1){grid-column:1;grid-row:1}.rank-table td:nth-child(2){grid-column:2;grid-row:1}.rank-table td:nth-child(3){grid-column:2/-1;grid-row:2}.rank-table td:nth-child(4){grid-column:3;grid-row:1}.rank-table .rank-value{font-size:14px;max-width:95px;white-space:normal;overflow-wrap:anywhere}.rank-value:after{content:attr(data-unit);display:block;color:var(--muted);font-size:8px;font-weight:400;margin-top:4px}.rank-table .person-identity{gap:7px}.rank-table .person-identity .avatar{width:28px;height:28px;font-size:10px}.rank-table .person-identity strong{font-size:11px}.rank-table .rank-character{max-width:100%;overflow-wrap:anywhere}.rank-character-art{width:47px;height:50px}.rank-table td[colspan]{grid-column:1/-1;grid-row:1}.rank-score{max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.raid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.raid-card{display:flex;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 50% 0%,#70488c22,transparent 70%),var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.raid-card h3{overflow-wrap:anywhere}.raid-card .hint{margin:0}.raid-card .button{margin-top:auto;align-self:flex-start}.raid-boss{display:flex;align-items:center;gap:10px}.raid-boss>.pill{flex-shrink:0;color:#e9d5a0;background:#3a3122;border-color:#6b5933}.raid-boss-art{width:74px;height:74px;background:#221c2a;border-radius:12px;overflow:hidden;flex-shrink:0}.raid-boss-art svg,.raid-boss-art img{width:100%;height:100%;object-fit:cover}.raid-level{margin-left:auto;font-weight:700;color:#dfc28a;font-size:13px;white-space:nowrap}.raid-passes{color:#f0d282;background:#3a312244;border-color:#6b5933}.raid-hp{position:relative;overflow:hidden;background:#201b24;border:1px solid var(--line);border-radius:10px;height:22px;display:flex;align-items:center;justify-content:flex-end;padding:0 9px;font-size:11px;color:#e9c39a}.raid-hp>span{position:relative;z-index:1}.raid-hp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7dd9a1,#f4b35a);opacity:.32}.pill.paid{color:#9dce9d;background:#24402d44;border-color:#3f6b47}.pve-areas{display:flex;flex-wrap:wrap;gap:8px}.pve-areas .button small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.raid-card .person-row{padding:0;border-bottom:0}.raid-card .person-identity small{display:block}
@media(max-width:720px){.raid-grid{grid-template-columns:1fr}}
.fusion-recipe{display:flex;flex-direction:column;gap:13px;background:radial-gradient(ellipse at 50% 0%,#6e3c8c1c,transparent 70%),var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.fusion-flow{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.fusion-mini{min-width:86px;max-width:128px;flex:1;text-align:center;background:#211c29;border:1px solid #3a2f45;border-radius:10px;overflow:hidden;padding:9px 9px 11px}.fusion-mini .rarity{position:static;display:inline-block;margin-bottom:7px}.fusion-mini-art{height:84px;display:flex;align-items:flex-end;justify-content:center}.fusion-mini-art svg,.fusion-mini-art img{width:100%;height:100%;object-fit:contain}.fusion-mini strong{display:block;font-size:11px;line-height:1.35;margin-top:8px;overflow-wrap:anywhere}.fusion-mini small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.fusion-plus,.fusion-arrow{color:#8f7fa0;display:grid;place-items:center}.fusion-arrow svg{color:#e6a66f}.fusion-recipe-info{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.fusion-recipe-info h3{color:#e9c6ff;font-size:14px}.fusion-recipe .row{margin-top:auto}.fusion-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.fusion-history li{display:flex;align-items:center;gap:15px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 15px;flex-wrap:wrap}.fusion-history .fusion-mini{flex:0 0 92px}.fusion-history .hint{flex:1;min-width:110px;margin:0}.fusion-pending-card{display:flex;flex-direction:column;gap:13px;background:radial-gradient(ellipse at 50% 0%,#e6a66f1c,transparent 70%),var(--panel);border:1px dashed #b9804f;border-radius:var(--radius);padding:18px}.fusion-count{color:#e7b177}