:root{color-scheme:dark;--bg:#0d1017;--panel:#171c26;--panel2:#202735;--line:#303a49;--ink:#f5f2ed;--muted:#aab3c2;--cyan:#6ce0dc;--red:#f47d70;--gold:#f6cd77;--green:#addb85;--purple:#b59af9;--shadow:0 25px 80px #0005}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 78% 4%,#263248 0,transparent 36%),radial-gradient(ellipse at 5% 65%,#2a242b 0,transparent 34%),var(--bg);color:var(--ink);font:15px/1.5 Inter,Manrope,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--cyan)}a:hover{text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1}h1{font-size:clamp(48px,5.8vw,86px);letter-spacing:-.065em;margin-bottom:22px}h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.045em;margin-bottom:8px}h3{font-size:21px;letter-spacing:-.025em;margin-bottom:10px}p{color:var(--muted)}small,.small{font-size:12px;color:var(--muted)}strong{font-weight:750}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh;max-width:1800px;margin:auto}.sidebar{background:#10151de0;border-right:1px solid #ffffff13;display:flex;flex-direction:column;padding:27px 16px 22px;position:sticky;top:0;height:100vh;z-index:15}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);padding:5px 12px 28px;font-size:25px;font-weight:900;letter-spacing:-.06em}.brand img{width:39px;height:39px}.brand span span{color:var(--cyan)}.side-label{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#7d899e;padding:18px 14px 8px}.nav-list{display:grid;gap:3px}.nav-button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;background:transparent;text-align:left;padding:11px 13px;border-radius:12px;color:#b9c3d1;font-weight:650;transition:.18s ease}.nav-button:hover,.nav-button.active{background:#222d3b;color:#fff}.nav-button.active{border-color:#55708a66;box-shadow:inset 3px 0 var(--cyan)}.nav-button .glyph{width:22px;text-align:center;font-size:19px;line-height:1}.sidebar-bottom{margin-top:auto;padding:14px 9px 0}.season-card{border:1px solid #665670;background:linear-gradient(130deg,#2b2738,#242537);border-radius:16px;padding:14px}.season-card b{display:block}.season-card p{font-size:12px;margin:4px 0 13px}.season-card button{background:#443e58;border:1px solid #76658b;border-radius:9px;padding:8px 11px;font-weight:700;font-size:12px}.side-foot{display:flex;gap:13px;padding:20px 5px 0;font-size:12px}.side-foot a{color:#8d9caf;text-decoration:none}.main{min-width:0;padding:23px clamp(20px,3.3vw,58px) 46px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid #ffffff15}.topbar-title{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#91a1b5}.topbar-right{display:flex;align-items:center;gap:10px}.level-pill,.profile-pill,.icon-button{border:1px solid var(--line);background:#1b2330;border-radius:12px;min-height:40px}.level-pill{display:flex;align-items:center;gap:12px;padding:5px 12px;text-align:left}.level-pill b{font-size:12px}.mini-progress{height:4px;width:80px;border-radius:10px;background:#455061;margin-top:3px;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--cyan)}.profile-pill{display:flex;gap:8px;align-items:center;padding:5px 11px;font-weight:700}.avatar-mini,.avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#56d0dc,#726ef0);color:#10131b;font-weight:900}.avatar-mini{width:28px;height:28px}.avatar{width:70px;height:70px;font-size:28px}.icon-button{width:40px;display:grid;place-items:center;font-size:18px}.icon-button:hover,.profile-pill:hover,.level-pill:hover{border-color:var(--cyan)}.page{max-width:1430px;margin:auto}.eyebrow{font-size:11px;color:var(--cyan);font-weight:850;letter-spacing:.19em;text-transform:uppercase}.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:35px 0 24px}.page-head p{margin-bottom:0;max-width:680px}.page-head .eyebrow{margin-bottom:8px}.button,.button-quiet,.button-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:11px 18px;background:#263140;font-weight:750;text-decoration:none;white-space:nowrap;transition:transform .16s,border-color .16s,background .16s}.button:hover,.button-quiet:hover,.button-outline:hover{transform:translateY(-2px);border-color:#7388a0}.button.primary{background:linear-gradient(115deg,#7de4d4,#b0e5a1);color:#102328;border-color:transparent}.button.coral{background:linear-gradient(115deg,#ff9b79,#f67581);color:#351b27;border-color:transparent}.button-quiet{background:transparent}.button-outline{background:#17212e;border-color:#5a8390}.button.small{padding:7px 12px;font-size:12px;border-radius:9px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button:focus-visible,.nav-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.muted{color:var(--muted)}.accent{color:var(--cyan)}.gold{color:var(--gold)}.red{color:var(--red)}.green{color:var(--green)}.panel{background:linear-gradient(145deg,#1c2330,#151b25);border:1px solid var(--line);border-radius:21px;box-shadow:0 8px 28px #0002}.pad{padding:24px}.stack{display:grid;gap:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.four-col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hero{min-height:480px;margin-top:30px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);overflow:hidden;position:relative;background:radial-gradient(circle at 79% 47%,#3a364a 0,transparent 42%),linear-gradient(120deg,#1d2632,#1c1e2a 72%);border:1px solid #53616b;border-radius:30px;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff21 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 35%,black);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:clamp(34px,4.2vw,67px)}.hero h1{max-width:760px}.hero h1 em{font-style:normal;color:var(--red)}.hero p{max-width:590px;font-size:16px;line-height:1.7}.hero .button-row{margin-top:28px}.hero-art{position:relative;min-height:380px;display:grid;place-items:center}.hero-art .orb{width:min(35vw,410px);height:min(35vw,410px);min-width:270px;min-height:270px;border-radius:50%;border:1px solid #82e3db55;box-shadow:0 0 0 32px #78dfd10b,0 0 0 67px #78dfd108,inset 0 0 90px #90dfe21f,0 0 110px #54b9c05b;display:grid;place-items:center;background:radial-gradient(circle,#304d5c,#172630 66%,#17202e);transform:rotate(-15deg)}.orb-core{width:48%;height:48%;background:linear-gradient(150deg,#a4e7dd,#70aec9,#e57c80);clip-path:polygon(50% 0,88% 20%,100% 68%,55% 100%,7% 78%,0 30%);display:grid;place-items:center;color:#14212d;font-size:64px;font-weight:900;text-shadow:0 1px #fff6;box-shadow:0 0 30px var(--cyan)}.orbit-badge{position:absolute;z-index:2;background:#192432e8;border:1px solid #6b8693;border-radius:15px;padding:10px 14px;box-shadow:0 15px 25px #0004;font-size:12px;font-weight:800}.orbit-badge.top{top:18%;left:11%}.orbit-badge.right{right:7%;top:47%}.orbit-badge.bottom{bottom:15%;left:18%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:38px 0 16px}.section-title h2{font-size:27px;margin:0}.section-title p{margin:3px 0 0}.realm-card{position:relative;min-height:235px;overflow:hidden;padding:23px;border-radius:22px;background:#1d2830;border:1px solid #56706b;isolation:isolate}.realm-card:before{content:"";position:absolute;width:220px;height:220px;right:-48px;top:-48px;border-radius:50%;filter:blur(5px);z-index:-1}.realm-card.earth:before{background:radial-gradient(circle,#89d9947f,transparent 70%)}.realm-card.heaven:before{background:radial-gradient(circle,#68c4ec90,transparent 70%)}.realm-card.hell:before{background:radial-gradient(circle,#e1717880,transparent 70%)}.realm-card.heaven{border-color:#53839c}.realm-card.hell{border-color:#915a69}.realm-card h3{font-size:25px;margin:7px 0}.realm-card p{max-width:270px;line-height:1.55;font-size:13px}.realm-card img{position:absolute;width:125px;height:125px;object-fit:contain;right:9px;bottom:3px;filter:drop-shadow(0 10px 20px #0008)}.realm-card .realm-number{letter-spacing:.2em;font-size:10px;font-weight:900;opacity:.65}.stat-card{padding:20px;min-height:115px}.stat-card b{display:block;font-size:28px;letter-spacing:-.04em}.stat-card span{font-size:12px;color:var(--muted)}.info-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border:1px solid #6b6062;background:#31252b;border-radius:16px;margin-top:20px}.info-strip p{margin:0}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}.feature-list li{display:flex;gap:11px;align-items:start;color:#c3ccda}.feature-list li:before{content:"✦";color:var(--cyan)}.callout{border-left:3px solid var(--cyan);background:#1c2c31;padding:15px 18px;border-radius:0 13px 13px 0;color:#cce5e6}.tabs{display:flex;gap:7px;overflow:auto;padding-bottom:9px}.tab{border:1px solid var(--line);background:#1d2531;border-radius:11px;padding:9px 15px;white-space:nowrap;font-weight:700}.tab.active{background:#e5f6ee;color:#142128}.rule-article{padding:27px;margin-top:15px}.rule-article h3{color:var(--ink)}.rule-article p,.rule-article li{color:#b9c5d2;line-height:1.7}.rule-article ol,.rule-article ul{padding-left:22px}.rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.rank-tile{padding:17px;text-align:center}.rank-tile img{width:74px;height:74px;object-fit:contain;margin-bottom:8px}.rank-tile b{display:block}.rank-tile.current{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.rank-tile small{display:block;margin-top:4px}.progress{height:9px;background:#354051;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));border-radius:99px}.level-track{display:flex;overflow-x:auto;gap:12px;padding:7px 1px 15px;scrollbar-color:#596678 transparent}.level-node{min-width:135px;padding:15px}.level-node b{font-size:22px;display:block}.level-node.done{border-color:var(--cyan)}.level-node.current{background:#243c43}.level-node p{font-size:12px;margin:7px 0 0}.shop-card{padding:17px;display:flex;flex-direction:column}.shop-card .chest-art{height:160px;display:grid;place-items:center;border-radius:15px;background:radial-gradient(circle,#364f68,#222a38 63%);margin-bottom:17px}.shop-card.epic .chest-art{background:radial-gradient(circle,#6c3d75,#2c263b 66%)}.shop-card.normal .chest-art{background:radial-gradient(circle,#647084,#262e39 66%)}.shop-card img{height:132px;width:160px;object-fit:contain;filter:drop-shadow(0 13px 14px #0008)}.shop-card p{font-size:12px;flex:1}.shop-card .price{font-size:19px;font-weight:850;color:var(--gold);margin-bottom:13px}.inventory-tile{padding:18px;min-height:150px}.inventory-art{height:80px;display:grid;place-items:center;font-size:54px;color:var(--cyan)}.inventory-tile h3{font-size:17px}.pass-track{display:flex;gap:11px;overflow-x:auto;padding:8px 2px 18px}.pass-level{min-width:165px;padding:17px}.pass-level h3{font-size:16px}.pass-level .badge{font-size:24px;color:var(--gold)}.pass-level p{font-size:12px}.profile-hero{display:flex;align-items:center;gap:19px}.profile-hero h2{margin:0}.profile-hero p{margin:4px 0 0}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:750;color:#c5cdd9}.field input,.field select,.field textarea{width:100%;background:#121a24;border:1px solid #405063;border-radius:11px;color:var(--ink);padding:11px 13px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan)}.field textarea{min-height:98px;resize:vertical}.auth-wrap{min-height:calc(100vh - 155px);display:grid;place-items:center;padding:30px 0}.auth-panel{width:min(470px,100%);padding:30px}.auth-panel h1{font-size:37px;letter-spacing:-.05em}.auth-panel .button{width:100%;margin-top:5px}.auth-panel .tabs{margin-bottom:20px}.error{color:#ffaba5;font-size:13px;min-height:1.5em}.success{color:var(--green);font-size:13px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8796a9}.table td{color:#d8e0ea}.empty{padding:32px;text-align:center;color:var(--muted)}.queue-panel{text-align:center;padding:40px}.queue-pulse{width:90px;height:90px;border-radius:50%;border:2px solid var(--cyan);margin:0 auto 23px;display:grid;place-items:center;box-shadow:0 0 0 13px #63ded814,0 0 0 28px #63ded808;animation:pulse 2.4s infinite}.queue-pulse img{width:55px;height:55px}@keyframes pulse{50%{box-shadow:0 0 0 20px #63ded80e,0 0 0 39px #63ded803}}.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px}.match-panel{padding:18px}.match-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.realm-tabs{display:flex;gap:8px;flex-wrap:wrap}.realm-tabs button{border:1px solid var(--line);background:#26303e;padding:8px 13px;border-radius:10px;font-weight:750}.realm-tabs button.active{border-color:var(--cyan);background:#26404a}.board-wrap{background:#101922;border:1px solid #344555;border-radius:18px;padding:clamp(8px,2vw,22px);overflow:auto;min-height:380px;display:grid;place-items:center}.board-grid{display:grid;width:min(100%,620px);gap:5px;aspect-ratio:5/6}.board-grid.earth{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr)}.board-grid.heaven{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);width:min(100%,390px);aspect-ratio:3/5}.board-grid.hell{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);aspect-ratio:1}.board-cell{position:relative;display:grid;place-items:center;min-width:40px;min-height:40px;background:#243629;border:1px solid #4d7958;border-radius:9px;color:#829a8c;font-size:11px;font-weight:800;transition:transform .15s,border-color .15s}.board-cell:hover{transform:scale(.98);border-color:#d7fae0}.board-grid.heaven .board-cell{background:#223749;border-color:#578bae;color:#9cc1d8}.board-grid.hell .board-cell{background:linear-gradient(145deg,#533335 50%,#b45a3d 50%);border-color:#b96b57;color:#f0c1a6}.board-cell.goal{box-shadow:inset 0 0 0 2px #eed179}.board-cell.selected{border:2px solid #fff;box-shadow:0 0 15px #8adeeb}.board-cell.valid{outline:2px solid var(--cyan);outline-offset:-5px}.piece-token{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;z-index:1;background:var(--cyan);border:3px solid #fff;color:#10262c;font-size:13px;font-weight:900;box-shadow:0 5px 12px #0008}.piece-token.opponent{background:var(--red);color:#371b22}.piece-token.stunned{filter:grayscale(1)}.board-notes{display:flex;justify-content:space-between;gap:12px;color:#9bafbf;font-size:12px;margin-top:10px}.turn-banner{padding:17px;margin-bottom:13px}.turn-banner b{font-size:18px}.turn-banner p{margin:4px 0 0;font-size:12px}.turn-banner.mine{border-color:var(--cyan)}.turn-banner.urgent{border-color:var(--red)}.side-panel{display:grid;align-content:start;gap:13px}.side-panel .panel{padding:18px}.side-panel h3{font-size:17px}.side-panel .button{width:100%;margin-top:8px}.piece-list{display:grid;gap:7px}.piece-row{display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid var(--line);border-radius:10px;background:#1a2530;font-size:12px}.piece-row.selected{border-color:var(--cyan)}.ability-grid{display:grid;gap:7px}.ability-button{display:flex;gap:9px;align-items:center;width:100%;padding:9px;border:1px solid var(--line);background:#22303a;border-radius:10px;text-align:left}.ability-button img{width:28px;height:28px;object-fit:contain}.ability-button b{display:block;font-size:12px}.ability-button small{display:block;font-size:10px}.match-finished{text-align:center;padding:30px}.match-finished h2{font-size:44px}.divider{height:1px;background:var(--line);margin:17px 0}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#05080cc7;display:grid;place-items:center;padding:16px}.modal{width:min(500px,100%);max-height:90vh;overflow:auto;background:#1b2430;border:1px solid #5c7383;box-shadow:var(--shadow);border-radius:24px;padding:27px}.modal h2{font-size:29px}.modal .modal-close{float:right;border:0;background:transparent;font-size:25px;line-height:1}.avatar-picker{display:flex;gap:8px;flex-wrap:wrap}.avatar-choice{border:1px solid var(--line);border-radius:12px;background:#24313f;padding:8px;font-size:25px;width:46px;height:46px}.avatar-choice.active{border-color:var(--cyan)}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#ecf8f4;color:#11252a;border-radius:12px;padding:11px 16px;box-shadow:var(--shadow);font-weight:750;opacity:0;pointer-events:none;z-index:60;transition:.2s}#toast.show{transform:translate(-50%,0);opacity:1}.mobile-nav{display:none}
@media(max-width:1120px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding-inline:8px}.brand{justify-content:center;padding-inline:0}.brand span,.side-label,.nav-button .nav-text,.season-card,.side-foot{display:none}.nav-button{justify-content:center;padding:12px}.nav-button .glyph{font-size:22px}.sidebar-bottom{padding:0}.hero{grid-template-columns:1.1fr .9fr}.hero-copy{padding:35px}.hero h1{font-size:59px}.orbit-badge{font-size:10px}.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:20;grid-template-columns:repeat(5,1fr);background:#131c28f5;border-top:1px solid #56616e;padding:6px 5px max(6px,env(safe-area-inset-bottom))}.mobile-nav button{background:transparent;border:0;display:grid;place-items:center;gap:0;font-size:21px;color:#aebccc}.mobile-nav button.active{color:var(--cyan)}.mobile-nav small{font-size:10px}.main{padding:16px 16px 94px}.topbar{padding-bottom:15px}.topbar-title{display:none}.topbar-right{margin-left:auto}.level-pill{padding:6px 8px}.level-pill .mini-progress{width:38px}.profile-pill{font-size:12px}.hero{grid-template-columns:1fr;min-height:0;margin-top:18px}.hero-copy{padding:28px 25px 9px}.hero h1{font-size:clamp(48px,11vw,75px)}.hero-art{min-height:260px}.hero-art .orb{min-width:220px;min-height:220px;width:220px;height:220px}.orbit-badge.top{left:10%;top:8%}.orbit-badge.bottom{bottom:8%}.orbit-badge.right{right:6%}.section-title{margin-top:28px}.three-col,.two-col,.four-col{grid-template-columns:1fr}.realm-card{min-height:178px}.realm-card img{width:115px;height:115px}.match-layout{grid-template-columns:1fr}.board-wrap{min-height:300px}.board-cell{min-width:0;min-height:0}.piece-token{width:30px;height:30px}.page-head{margin-top:26px;align-items:start}.page-head h2{font-size:33px}}
@media(max-width:440px){.main{padding-inline:11px}.topbar-right{gap:5px}.profile-pill{padding:5px}.profile-pill span:last-child{display:none}.hero-copy{padding:25px 20px 5px}.hero p{font-size:14px}.button{padding:10px 14px}.hero-art{min-height:220px}.hero-art .orb{min-width:190px;min-height:190px;width:190px;height:190px}.orbit-badge{padding:7px}.page-head{display:block}.page-head .button{margin-top:15px}.match-panel{padding:10px}.board-wrap{padding:6px}.board-grid{gap:3px}.board-cell{border-radius:5px;font-size:9px}.piece-token{width:25px;height:25px;font-size:10px}.board-notes{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
progress.mini-progress,progress.progress{appearance:none;-webkit-appearance:none;border:0;display:block;overflow:hidden;background:#354051;border-radius:99px}
progress.mini-progress{height:4px;width:80px;margin-top:3px}
progress.progress{height:9px;width:100%}
progress::-webkit-progress-bar{background:#354051;border-radius:99px}
progress::-webkit-progress-value{background:linear-gradient(90deg,var(--cyan),var(--gold));border-radius:99px}
progress::-moz-progress-bar{background:linear-gradient(90deg,var(--cyan),var(--gold));border-radius:99px}
[data-space="top-8"]{margin-top:8px!important}[data-space="top-9"]{margin-top:9px!important}[data-space="top-10"]{margin-top:10px!important}[data-space="top-16"]{margin-top:16px!important}[data-space="top-17"]{margin-top:17px!important}[data-space="top-18"]{margin-top:18px!important}[data-space="top-20"]{margin-top:20px!important}[data-space="bottom-18"]{margin-bottom:18px!important}[data-space="bottom-20"]{margin-bottom:20px!important}[data-width="550"]{max-width:550px}.rank-glyph{font-size:47px;line-height:1.4}
.board-grid.heaven{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);width:min(100%,620px);aspect-ratio:5/3}
.mobile-brand{display:none;border:0;background:transparent;color:var(--ink);font-size:20px;font-weight:900;letter-spacing:-.06em;padding:0}.mobile-brand span{color:var(--cyan)}
@media(max-width:760px){.mobile-brand{display:block}.topbar-title{display:none}}
.board-grid.hell{gap:2px;background:#281c25;padding:7px;border:1px solid #995b61;border-radius:14px}
.board-grid.hell .board-cell{background:transparent;border:0;border-radius:0;isolation:isolate;color:#ffcfab}
.board-grid.hell .board-cell:before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(135deg,#e77950,#be4b52)}
.board-grid.hell .board-cell:nth-child(odd):before{clip-path:polygon(0 0,0 100%,100% 100%);background:linear-gradient(135deg,#efa82e,#e27440)}
.board-grid.hell .board-cell.goal:before{background:linear-gradient(135deg,#ffd576,#ec8c36)}
.board-cell.hazard{color:#ffdc99}.board-hazard{position:absolute;right:4px;bottom:3px;z-index:2;font-size:22px;color:#ffe08e;text-shadow:0 2px 6px #000}
.jump-controls{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:5px 0}.jump-controls .button{width:auto;margin:0;min-width:34px;padding:5px 8px}
.quest-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#202b38}.quest-row b{display:block;font-size:13px}.quest-row small{display:block;margin-top:3px}
.admin-user-card{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.admin-user-card h3{font-size:16px}.friend-row{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.friend-row small{display:block}
.news-item{border-top:1px solid var(--line);padding:17px 0}.news-item h3{font-size:17px}.news-item p{white-space:pre-wrap;margin-bottom:5px}
.loading-panel{min-height:45vh;display:grid;place-items:center;color:var(--cyan);font-size:18px;font-weight:800;letter-spacing:.04em;animation:softPulse 1.4s ease-in-out infinite alternate}@keyframes softPulse{from{opacity:.45}to{opacity:1}}
.hero{background-image:linear-gradient(90deg,#141b26fb 0%,#141b26ec 37%,#141b267d 62%,#141b2612 100%),url('/razgame/assets/worlds-panorama.webp');background-size:cover;background-position:center}
.hero:after{background-image:radial-gradient(#ffffff25 1px,transparent 1px);opacity:.28}
.hero-art .orb{display:none}
.realm-card{background-image:linear-gradient(90deg,#111b26f2,#111b2675),url('/razgame/assets/worlds-panorama.webp');background-size:cover,300% auto}
.realm-card.earth{background-position:center,left center}.realm-card.heaven{background-position:center,center center}.realm-card.hell{background-position:center,right center}
.realm-card:before{opacity:.35}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#9bd4ea25 1px,transparent 1px),radial-gradient(#ffb58519 1px,transparent 1px);background-size:71px 73px,113px 107px;background-position:0 0,22px 13px;animation:starDrift 45s linear infinite}
@keyframes starDrift{to{background-position:71px 73px,-91px 120px}}
@media(max-width:760px){.hero{background-image:linear-gradient(180deg,#141b26fa 0%,#141b26e8 48%,#141b267a 100%),url('/razgame/assets/worlds-panorama.webp');background-position:center,58% center}.realm-card{background-size:cover,300% auto}}
.board-wrap{position:relative;isolation:isolate;box-shadow:inset 0 0 0 3px #07101899,inset 0 0 46px #03080cbe,0 16px 35px #0005;background-size:cover;background-position:center}
.board-wrap.earth{background-image:linear-gradient(#0c1e18b0,#0b1715a3),url('/razgame/assets/board-earth.webp')}
.board-wrap.heaven{background-image:linear-gradient(#172a4480,#132d417a),url('/razgame/assets/board-heaven.webp')}
.board-wrap.hell{background-image:linear-gradient(#22141975,#1d18235e),url('/razgame/assets/board-hell.webp')}
.board-grid.earth .board-cell{background:#1733288c;border:1px solid #95b59792;box-shadow:inset 0 0 12px #9cec8630,0 3px 8px #0005}
.board-grid.heaven .board-cell{background:#274c6a9c;border:1px solid #a8e8f29c;box-shadow:inset 0 0 18px #a3e6ff32,0 3px 8px #0005}
.board-grid.hell{background:#1b141b80;box-shadow:0 0 25px #fd683d27}
.board-grid.hell .board-cell:before{opacity:.83;filter:drop-shadow(0 4px 2px #0008)}
.board-grid.targeting .board-cell{cursor:crosshair}.board-grid.targeting .board-cell:hover{box-shadow:inset 0 0 0 3px #fff,0 0 20px #84eced;transform:scale(.95)}
.board-wrap:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 45%,transparent 35%,#0007 100%)}
.page-enter{animation:pageReveal .55s cubic-bezier(.16,.9,.25,1) both}@keyframes pageReveal{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.page-enter .realm-card,.page-enter .shop-card,.page-enter .stat-card{animation:cardReveal .65s cubic-bezier(.16,.9,.25,1) both}.page-enter .realm-card:nth-child(2),.page-enter .shop-card:nth-child(2){animation-delay:.08s}.page-enter .realm-card:nth-child(3),.page-enter .shop-card:nth-child(3){animation-delay:.16s}@keyframes cardReveal{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.hero:before{content:"";position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(115deg,transparent 43%,#d9fff018 48%,transparent 53%);transform:translateX(-70%) rotate(4deg);animation:heroGleam 15s ease-in-out infinite}@keyframes heroGleam{25%,100%{transform:translateX(75%) rotate(4deg)}}
.orbit-badge{animation:floatBadge 5s ease-in-out infinite}.orbit-badge.right{animation-delay:-1.4s}.orbit-badge.bottom{animation-delay:-2.8s}@keyframes floatBadge{50%{transform:translateY(-9px)}}
.realm-card,.shop-card,.rank-tile{transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.realm-card:hover,.shop-card:hover,.rank-tile:hover{transform:translateY(-6px);border-color:#8ed6d5;box-shadow:0 17px 38px #0006}
.realm-card img,.shop-card img{transition:transform .4s cubic-bezier(.2,.9,.2,1),filter .4s}.realm-card:hover img{transform:scale(1.16) rotate(-5deg);filter:drop-shadow(0 0 19px #aaf8f2a9)}.shop-card:hover img{transform:translateY(-8px) scale(1.1) rotate(3deg);filter:drop-shadow(0 19px 18px #000c)}
.button.primary,.button.coral{position:relative;overflow:hidden;box-shadow:0 7px 22px #82d8c124}.button.primary:after,.button.coral:after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 42%,#ffffffa0 50%,transparent 58%);transform:translateX(-110%);transition:transform .65s}.button.primary:hover:after,.button.coral:hover:after{transform:translateX(110%)}
.nav-button .glyph{transition:transform .25s,color .25s}.nav-button:hover .glyph{transform:scale(1.23) rotate(-8deg);color:var(--cyan)}
.piece-token{box-shadow:0 5px 12px #0008,inset 0 0 8px #fff7,0 0 14px #6ce0dcb3;animation:pieceBreathe 3s ease-in-out infinite}.piece-token.opponent{box-shadow:0 5px 12px #0008,inset 0 0 8px #fff7,0 0 14px #f47d70b3}@keyframes pieceBreathe{50%{filter:brightness(1.16);box-shadow:0 5px 12px #0008,inset 0 0 8px #fff9,0 0 23px #9bf5ed}}
.board-cell.selected .piece-token{animation:selectedPulse 1.4s ease-in-out infinite}@keyframes selectedPulse{50%{transform:scale(1.13);box-shadow:0 0 0 5px #aaf7e633,0 0 22px #fff}}
.board-cell.effect:after{content:"";position:absolute;inset:-16%;border:3px solid #bffbf5;border-radius:50%;pointer-events:none;z-index:5;animation:abilityBurst .8s ease-out both;box-shadow:0 0 22px #87ffef}.board-cell.effect-volcano:after,.board-cell.effect-demon_hand:after{border-color:#ff8f61;box-shadow:0 0 28px #ff5b35}.board-cell.effect-nature_strike:after,.board-cell.effect-wall:after{border-color:#9ef69d;box-shadow:0 0 22px #7fec8a}.board-cell.effect-summon_god:after,.board-cell.effect-god_stun:after{border-color:#d2c5ff;box-shadow:0 0 28px #b598ff}@keyframes abilityBurst{0%{opacity:0;transform:scale(.35) rotate(-25deg)}28%{opacity:1}100%{opacity:0;transform:scale(1.55) rotate(20deg)}}
.board-wrap.hell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 90%,#ff6f2925,transparent 60%);animation:lavaGlow 5s ease-in-out infinite alternate}@keyframes lavaGlow{to{opacity:.3}}
.board-wrap.heaven:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 30%,#d4f9ff23 48%,transparent 65%);background-size:230% 100%;animation:skySweep 12s ease-in-out infinite}@keyframes skySweep{to{background-position:100%}}
.match-finished{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 10%,#4d6c70,#1b2730 55%,#19202a);border-color:#86d7cd}.match-finished:before{content:"✦ ✧ ✦ ✧ ✦";position:absolute;top:-20px;left:0;right:0;font-size:55px;letter-spacing:.3em;color:#b9f9e36b;animation:winStars 5s linear infinite}@keyframes winStars{50%{transform:translateY(18px);opacity:.5}}.match-finished>*{position:relative}
.piece-token img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 2px 3px #0006)}.piece-token.opponent img{filter:hue-rotate(150deg) saturate(1.3) drop-shadow(0 2px 3px #0006)}
.inventory-art img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 7px 15px #0008)}.inventory-tile:hover .inventory-art img{animation:itemFloat 1.3s ease-in-out infinite alternate}@keyframes itemFloat{to{transform:translateY(-7px) rotate(4deg)}}
@media(max-width:440px){.piece-token img{width:18px;height:18px}}
body:before{z-index:0;opacity:.55}.app-shell{position:relative;z-index:1}
.modal-backdrop{animation:fadeIn .24s ease-out both}.modal{animation:modalIn .45s cubic-bezier(.16,.9,.25,1) both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
.chest-modal{text-align:center;background:radial-gradient(circle at 50% 25%,#465a72,#1b2430 60%)}.chest-modal .modal-close{position:relative;z-index:2}.chest-reveal{height:250px;display:grid;place-items:center;position:relative;isolation:isolate}.chest-reveal img{position:relative;z-index:1;height:180px;width:230px;object-fit:contain;filter:drop-shadow(0 22px 20px #0009);animation:chestOpen .85s cubic-bezier(.17,.9,.2,1) both}.chest-reveal.epic img{filter:drop-shadow(0 0 24px #db75ff)}.chest-rays{position:absolute;width:270px;height:270px;border-radius:50%;background:conic-gradient(from 0deg,transparent,#dffdeb3b,transparent,#dffdeb3b,transparent);filter:blur(3px);animation:raySpin 12s linear infinite}.chest-reveal.epic .chest-rays{background:conic-gradient(from 0deg,transparent,#e48aff7d,transparent,#e48aff7d,transparent)}@keyframes chestOpen{0%{opacity:0;transform:scale(.4) rotate(-20deg)}55%{transform:scale(1.16) rotate(5deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes raySpin{to{transform:rotate(360deg)}}.reward-name{display:inline-block;border:1px solid var(--gold);border-radius:12px;padding:10px 16px;color:var(--gold);font-weight:900;margin-bottom:20px;animation:rewardGlow 1.8s ease-in-out infinite alternate}@keyframes rewardGlow{to{box-shadow:0 0 24px #f6cd7780}}
.gem-card{padding:20px;min-width:0;background:radial-gradient(circle at 50% 27%,#244861,#19212e 65%);transition:transform .25s,border-color .25s}
.gem-card:hover{transform:translateY(-5px);border-color:#77dcf1}.gem-art{height:138px;display:grid;place-items:center}.gem-art img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 0 20px #6bcaff8a)}
.gem-card h3{margin-top:7px;font-size:28px}.gem-card .button{width:100%;white-space:normal;min-height:48px}.payment-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.premium-panel{background:radial-gradient(circle at 90% 8%,#5a3c6c,#252139 45%,#171d29 85%);border-color:#8c6da7}.premium-panel h3{color:#f5dfb0}
.board-grid.earth{max-width:520px;margin-inline:auto}
@media(max-width:760px){.gem-card{min-height:0}.gem-art{height:94px}.gem-art img{width:82px;height:82px}.payment-row{align-items:start;flex-direction:column}}
.privacy-control{display:flex;align-items:center;gap:10px;color:var(--muted);padding:14px 0}.privacy-control input{width:19px;height:19px;accent-color:var(--cyan)}.delete-account{border:1px solid #8b5859;border-radius:12px;padding:10px 14px;max-width:420px}.delete-account summary{cursor:pointer;color:#ffaaa3;font-weight:700}.delete-account[open]{width:100%}.delete-account form{margin-top:12px}
.inventory-tile.locked{border-style:dashed;opacity:.78}.inventory-tile.locked .inventory-art img{filter:grayscale(1) brightness(.4)}.collection-subhead{font-size:27px;margin:34px 0 15px}
.board-cell.effect-skin-wall-fortress:after,.board-cell.effect-skin-shield-knight:after{border-radius:12%;border-color:#f7cf76;box-shadow:0 0 30px #edc664, inset 0 0 15px #edc664}
.board-cell.effect-skin-wall-information:after,.board-cell.effect-skin-teleport-patrol:after{border-style:dashed;border-color:#71e5ff;box-shadow:0 0 34px #6ee6ff}
.board-cell.effect-skin-stun-demon:after,.board-cell.effect-skin-demon-daggers:after{border-color:#fc6c9d;box-shadow:0 0 32px #f52968;transform:rotate(35deg)}
.board-cell.effect-skin-push-tornado:after{border-style:double;border-width:7px;border-color:#a7dfff;animation:tornadoBurst .8s ease-out both}
.board-cell.effect-skin-volcano-aliens:after{border-color:#83f7a2;box-shadow:0 0 38px #71ff9c}
.board-cell.effect-skin-god-raz:after{border-color:#d8b5ff;box-shadow:0 0 38px #bd73ff}
@keyframes tornadoBurst{from{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1}to{opacity:0;transform:scale(1.8) rotate(320deg)}}
.promo-grid{margin:4px 0 21px}.promo-card{padding:20px;position:relative;overflow:hidden}.promo-card:after{content:'✦';position:absolute;right:20px;top:-24px;font-size:125px;opacity:.08;pointer-events:none}.promo-card.release{background:linear-gradient(120deg,#403326,#1a2530);border-color:#8e754d}.promo-card.newcomer{background:linear-gradient(120deg,#233f46,#1a2530);border-color:#498d98}.promo-card h3{margin-top:5px}.promo-card p{margin-bottom:14px}
.admin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.admin-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:11px;background:#202a37;padding:10px}.admin-list-row:hover{border-color:var(--cyan);background:#293746}.admin-list-row small{display:block}.admin-list-row>span:last-child{font-size:11px;color:var(--cyan)}
.final-score{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px auto;padding:16px;border:1px solid #8fcac0;border-radius:16px;width:max-content;max-width:100%;background:#1e3436}.final-score>div{min-width:110px}.final-score small{display:block}.final-score b{font-size:40px;color:#e6fff3}.final-score>span{font-size:28px;color:var(--gold)}
.back-button{border:1px solid var(--line);background:#1b2330;border-radius:11px;padding:8px 12px;color:#c8d3df;font-size:12px;font-weight:800;transition:.2s}.back-button:hover{border-color:var(--cyan);color:#fff;transform:translateX(-2px)}.topbar .topbar-title{margin-right:auto;margin-left:5px}@media(max-width:760px){.back-button{padding:6px 9px}.back-button span{display:none}}
.profile-pill.premium,.profile-hero.premium{border-color:#caa6fa;box-shadow:0 0 18px #b785e754,inset 0 0 16px #b785e71d}.profile-pill.premium>span:last-child,.profile-hero.premium h2{background:linear-gradient(100deg,#fff,#eed0ff,#a9ecff,#fff);background-size:200% auto;color:transparent;background-clip:text;animation:premiumShine 5s linear infinite}@keyframes premiumShine{to{background-position:200% center}}
.field input[type="checkbox"]{width:18px;height:18px;padding:0;margin:0 7px 0 0;vertical-align:middle;accent-color:var(--cyan)}
.piece-token img.seasonal-piece,.inventory-art img[src$="piece-seasonal.svg"]{filter:drop-shadow(0 0 9px #a6eaff) drop-shadow(0 0 13px #c68bff);animation:seasonalPulse 3s ease-in-out infinite alternate}@keyframes seasonalPulse{to{filter:drop-shadow(0 0 15px #a6f8ff) drop-shadow(0 0 22px #dbb3ff)}}
.settings-modal{width:min(540px,100%)}.settings-control{display:grid;gap:8px;margin:17px 0}.settings-control label{display:flex;justify-content:space-between;gap:10px;color:#d6e4eb;font-weight:700}.settings-control output{color:var(--cyan);font-variant-numeric:tabular-nums}.settings-control input[type="range"]{width:100%;accent-color:var(--cyan);cursor:pointer}.settings-status{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#14212b;font-size:13px}.settings-status.online span{color:#a6e8b1}.settings-status.offline span{color:#ffaca2}.settings-modal .button-row{flex-wrap:wrap}.targeting-hint{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;margin-bottom:10px;border:1px solid #80dce4;border-radius:11px;background:#1d3a43;color:#e6ffff;font-size:13px;font-weight:700}
.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(max-width:440px){.topbar-right .settings-button{width:34px;min-height:36px}.topbar-right .icon-button{width:34px;min-height:36px}.settings-status{align-items:flex-start;flex-direction:column}}
@media(max-width:360px){.topbar-right .level-pill{display:none}}
/* Match controls, cosmetics, and narrow screens. */
.board-grid.heaven{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));width:min(100%,390px);aspect-ratio:3/5}
.board-grid.heaven .board-cell{min-height:54px}
.heaven-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#182936}
.heaven-controls label{font-size:12px;color:#d6e5e8}.heaven-controls select{display:block;width:100%;margin-top:5px;padding:8px;border-radius:8px;background:#243949;color:#fff;border:1px solid #6694a2}
.heaven-controls button{grid-column:1/-1}
.god-figure{position:absolute;right:8px;top:8px;z-index:5;display:flex;align-items:center;gap:4px;background:#443367e8;border:2px solid #d2b4ff;border-radius:14px;padding:6px 8px;box-shadow:0 0 25px #d79affaa;animation:godAppear .8s cubic-bezier(.2,.9,.3,1) both}
.god-figure.enemy{top:auto;bottom:8px;background:#6b3045e8;border-color:#ffb4c1}.god-figure img{width:32px;height:32px;filter:drop-shadow(0 0 8px #fff)}.god-figure span{font-size:11px;font-weight:800}@keyframes godAppear{from{opacity:0;transform:translateY(-20px) scale(.2)}to{opacity:1;transform:translateY(0) scale(1)}}
.piece-token.immune{outline:3px solid #9ef5ff;box-shadow:0 0 18px #9af5ff,0 0 28px #9af5ff9c;animation:immunePulse 1.2s ease-in-out infinite alternate}.immune-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:8px;font-style:normal;font-weight:900;background:#d6ffff;color:#164455;padding:1px 3px;border-radius:3px}@keyframes immunePulse{to{filter:brightness(1.5);box-shadow:0 0 30px #e8ffff,0 0 42px #89edff}}
.piece-token img.piece-square{filter:drop-shadow(0 0 7px #ffce67)}.piece-token img.piece-triangle{filter:drop-shadow(0 0 7px #d3b0ff)}.piece-token img.piece-cloud{filter:drop-shadow(0 0 7px #a9f5ff)}.piece-token img.piece-star{animation:starSpin 6s linear infinite;filter:drop-shadow(0 0 9px #ffe58c)}.piece-token img.piece-seasonal{animation:starSpin 8s ease-in-out infinite alternate;filter:drop-shadow(0 0 14px #c4a7ff)}@keyframes starSpin{to{transform:rotate(360deg)}}
.board-cell.effect-skin-wall-fortress:after{border-style:double;border-width:7px}.board-cell.effect-skin-stun-demon:after{border-color:#f44}.board-cell.effect-skin-push-tornado:after{border-style:dashed}.board-cell.effect-skin-god-raz:after{box-shadow:0 0 36px #f0f}.board-cell.effect-skin-demon-blood:after{border-color:#c00}.board-cell.effect-skin-volcano-aliens:after{border-color:#80ff8f}
.chat-messages{max-height:170px;overflow:auto;display:flex;flex-direction:column;gap:6px}.chat-message{font-size:12px;overflow-wrap:anywhere;margin:0;padding:5px 7px;background:#172b36;border-radius:7px}.chat-panel form{display:flex;gap:6px;margin-top:9px}.chat-panel input{min-width:0;flex:1;padding:8px;background:#13212d;border:1px solid #537280;color:#fff;border-radius:8px}
.match-finished.loss{background:radial-gradient(circle at 50% 10%,#743638,#2a1c25 62%,#211d24);border-color:#e28186}.match-finished.loss h2{color:#ff9ba0}.match-finished.loss:before{content:"× × ×";color:#ff8e8e88}
.profile-medal{display:flex;align-items:center;gap:8px;color:#ffdf9c;font-weight:800}.profile-medal img{width:45px;height:45px;filter:drop-shadow(0 0 10px #ffe799)}.profile-skins{display:flex;gap:8px;flex-wrap:wrap}.profile-skins img{width:46px;height:46px;padding:5px;border:1px solid #586f7c;border-radius:10px;background:#22313d}.win-chart{display:flex;align-items:end;gap:4px;min-height:90px}.win-chart span{width:18px;height:66px;background:#47cba4;border-radius:5px 5px 0 0}.win-chart span.lost{height:30px;background:#ef797b}
.avatar-earth{background:radial-gradient(circle,#a1ef8c,#235b38)!important}.avatar-heaven{background:radial-gradient(circle,#daf8ff,#4684aa)!important}.avatar-hell{background:radial-gradient(circle,#ffab83,#752f39)!important}.avatar-avatar-1s{background:conic-gradient(#e9d4ff,#569de5,#d5c7ff,#e9d4ff)!important}.avatar-avatar-1s-animated{background:conic-gradient(#e9d4ff,#569de5,#d5c7ff,#e9d4ff)!important;animation:avatarGlow 2s linear infinite}@keyframes avatarGlow{to{filter:hue-rotate(360deg)}}
.box-inventory{display:flex;flex-wrap:wrap;gap:10px}.box-item{display:flex;align-items:center;gap:8px;padding:8px;background:#1f2e3b;border-radius:10px}.box-item img{width:42px;height:42px}.rank-stars{color:#e9c279;font-size:17px;letter-spacing:2px}.rank-stars.black-star{color:#222;text-shadow:0 0 2px #fff,0 0 8px #a9a7ff}.leaderboard{display:grid;gap:5px}.leaderboard>div{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.friend-profile-link{background:transparent;border:0;color:inherit;text-align:left;font-weight:750;padding:0}.friend-profile-link:hover{color:var(--cyan)}.friend-profile-link small{display:block;font-weight:400}.rules-visual{margin:20px 0 0}.rules-visual img{width:100%;max-height:230px;object-fit:cover;border-radius:12px}.rules-visual figcaption{font-size:12px;color:#a9bcca}
@media(max-width:760px){.match-layout{display:flex;flex-direction:column;gap:12px}.match-panel{order:0}.side-panel{order:1;display:flex;flex-direction:column}.board-grid.heaven{width:min(100%,310px)}.board-cell{min-width:0}.piece-token{width:25px;height:25px}.piece-token img{max-width:100%;max-height:100%}.match-toolbar{flex-wrap:wrap}.realm-tabs{width:100%;overflow:auto}.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-button{min-width:0}.ability-button img{width:24px;height:24px}.ability-button small{overflow-wrap:anywhere}.chat-panel form{width:100%}.leaderboard>div{grid-template-columns:35px minmax(0,1fr) auto;font-size:12px}}
@media(max-width:420px){.ability-grid{grid-template-columns:1fr}.board-grid.earth,.board-grid.hell{width:100%}.board-grid.heaven{width:min(100%,270px)}.board-grid.heaven .board-cell{min-height:45px}.piece-token{width:20px;height:20px}.god-figure{padding:3px;font-size:9px}.god-figure img{width:24px;height:24px}.win-chart span{width:12px}}
.piece-token img.piece-circle{animation:circleFloat 2.5s ease-in-out infinite}.piece-token img.piece-square{animation:squareRock 2.4s ease-in-out infinite}.piece-token img.piece-triangle{animation:triangleTwist 3s ease-in-out infinite}.piece-token img.piece-cloud{animation:cloudDrift 3.2s ease-in-out infinite}@keyframes circleFloat{50%{transform:translateY(-3px)}}@keyframes squareRock{50%{transform:rotate(10deg)}}@keyframes triangleTwist{50%{transform:rotate(-16deg) scale(1.1)}}@keyframes cloudDrift{50%{transform:translateX(4px)}}
.board-cell.effect-skin-wall-information:after{border-style:dotted;border-color:#7ef5ff}.board-cell.effect-skin-stun-sleep:after{border-color:#b5a7ff;animation:abilityBurst 1.2s ease-out both}.board-cell.effect-skin-push-air:after{border-color:#98edff;transform:skew(15deg)}.board-cell.effect-skin-god-hero:after{border-color:#fff1a4;box-shadow:0 0 30px #ffe385}.board-cell.effect-skin-volcano-kamchatka:after{border-color:#ff6d31;box-shadow:0 0 30px #ff7438}.board-cell.effect-skin-demon-daggers:after{border-style:dashed;border-color:#ff6872}.board-cell.effect-skin-teleport-patrol:after{border-style:dotted;border-color:#afebff}.board-cell.effect-skin-teleport-weather:after{border-color:#b4b1fa;box-shadow:0 0 30px #7a83ff}.board-cell.effect-skin-shield-knight:after{border-style:double;border-color:#eddd97}.board-cell.effect-skin-shield-american:after{border-style:dashed;border-color:#f6a0a8}

/* 29 September feedback: instructional rules, continuous Heaven field, and phone navigation. */
.site-footer{display:flex;flex-wrap:wrap;gap:9px 20px;align-items:center;justify-content:space-between;margin:38px auto 0;max-width:1430px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:#91a5b5}
.site-footer a{color:#b7e9e8;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer small{font-size:12px}
.side-foot{flex-wrap:wrap;align-items:center}.side-foot span{color:#8799aa}.side-foot small{width:100%;color:#647688}
.mobile-menu-backdrop,.mobile-menu{display:none}
.rules-demo{margin:22px 0 0;padding:16px;border:1px solid #547484;border-radius:17px;background:linear-gradient(135deg,#142430,#192532)}
.rules-demo-main{display:grid;grid-template-columns:minmax(180px,270px) minmax(0,1fr);align-items:center;gap:24px}
.rule-map{position:relative;margin:auto;width:min(100%,250px);border-radius:13px;overflow:hidden}
.earth-map{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:#15382d;padding:6px;border:2px solid #659a74}
.rule-cell{aspect-ratio:1;display:grid;place-items:center;border:1px solid #69a47a70;border-radius:4px;background:#2d5240;color:#b1cfb8;font-size:23px;font-weight:900}
.rule-cell.wall{background:#8c693c;color:#ffe3a3;border-color:#ffdfa0}.rule-cell.player{color:#b6fff2}.rule-cell.enemy{color:#ffb1ad}.rule-cell.goal{box-shadow:inset 0 0 0 3px #ffdd8e}
.heaven-map{height:350px;max-width:220px;background:radial-gradient(circle at 20% 30%,#96e1f94d,transparent 33%),radial-gradient(circle at 70% 70%,#8094f94d,transparent 40%),linear-gradient(135deg,#244663,#1a2d49);border:2px solid #9bdaed}
.heaven-map:after{content:"";position:absolute;left:20%;top:19%;width:2px;height:61%;background:linear-gradient(#c1f2ff8a,transparent);transform:rotate(-32deg);transform-origin:top}
.heaven-map span{position:absolute;font-weight:900}.heaven-goal{left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.1em;color:#ffe6ab;padding:2px 6px;border-radius:6px;background:#364a60}.heaven-goal.top{top:4%}.heaven-goal.bottom{bottom:4%}.heaven-player{top:70%;left:20%;font-size:28px;color:#bbfff2}.heaven-vector{top:46%;left:38%;font-size:48px;color:#e8fcff;text-shadow:0 0 15px #aaf9ff}.heaven-enemy{top:25%;left:74%;font-size:27px;color:#ffaaa9}
.hell-map{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:#42242b;padding:6px;border:2px solid #b06d67}
.rule-sector{aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(145deg,#824840 49%,#af6743 50%);border:1px solid #eaa07673;color:#f6e1c5;font-size:13px;font-weight:800}
.rule-sector.gold-sector{box-shadow:inset 0 0 0 3px #f7d978;color:#fff0a6}.rule-sector.volcano-sector{color:#ffdfa6;font-size:25px}
.rules-demo-steps{padding:10px}.rules-demo-steps b{display:block;font-size:18px;color:#ecffff}.rules-demo-steps ol{margin:8px 0;padding-left:20px}.rules-demo-steps li{line-height:1.6}.rules-demo-steps p{margin-bottom:0;font-size:13px}
.rules-demo figcaption{margin-top:15px;color:#9fb8c4;font-size:12px}.rule-abilities{list-style:none;padding-left:0!important}.rule-abilities li{display:flex;align-items:start;gap:7px;margin:10px 0}.rule-cost{display:inline-block;flex:none;min-width:47px;padding:2px 5px;border-radius:6px;background:#275b61;color:#bff9f3;font-size:11px;font-weight:900;line-height:1.4}.rule-abilities b{margin-right:2px;color:#e7faf6}
.news-image{display:inline-block;max-width:min(100%,420px);max-height:300px;object-fit:contain;margin:6px 10px 8px 0;border:1px solid var(--line);border-radius:10px;background:#101820}.news-item{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:15px}.news-item small{display:block}
.shop-support-note{margin:10px 0 20px;color:#adc6bf;font-size:12px;text-align:center}
.ability-button{position:relative;min-height:66px;padding:18px 9px 8px;background:linear-gradient(135deg,#27404a,#1e303c);border:1px solid #4e7180;transition:transform .16s,border-color .16s,box-shadow .16s}
.ability-button:hover:not(:disabled){transform:translateY(-2px);border-color:#96dedb;box-shadow:0 8px 20px #0004}.ability-button:disabled{opacity:.47}.ability-button img{width:34px;height:34px;filter:drop-shadow(0 2px 6px #0008)}
.ability-cost{position:absolute;right:7px;top:3px;padding:1px 5px;border-radius:5px;background:#3b6366;color:#dbfffb;font-size:10px;font-weight:900;letter-spacing:.02em}
.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-grid .callout,.ability-grid .heaven-controls,.ability-grid .jump-controls{grid-column:1/-1}.ability-grid .callout{font-size:12px;padding:10px 12px}
.finish-bonus-control{display:block;margin:14px 0 10px;padding:10px;border:1px solid #71856e;border-radius:10px;background:#233a34;color:#d9efe6;font-size:12px;font-weight:700}.finish-bonus-control select{display:block;width:100%;margin-top:6px;background:#192c2c;color:#fff;border:1px solid #8ac0ab;border-radius:7px;padding:7px}
.heaven-field{position:relative;width:min(100%,320px);aspect-ratio:3/5;border-radius:22px;border:2px solid #8bd3ed;background:radial-gradient(ellipse at 25% 25%,#85daf345,transparent 40%),radial-gradient(ellipse at 75% 72%,#d4bbff2b,transparent 38%),linear-gradient(160deg,#173d55,#1b2c4b 65%,#243958);box-shadow:inset 0 0 36px #c3f3ff24,0 0 24px #70b9ed25;overflow:visible}
.heaven-field:before{content:"";position:absolute;inset:4%;border:1px dashed #bbecff40;border-radius:18px;pointer-events:none}
.heaven-field:after{content:"";position:absolute;inset:8%;background:radial-gradient(ellipse at 30% 22%,#c2f7ff32,transparent 26%),radial-gradient(ellipse at 70% 48%,#d7ebff24,transparent 34%);filter:blur(8px);pointer-events:none;animation:skySweep 12s ease-in-out infinite alternate}
.heaven-base{position:absolute;z-index:2;left:50%;transform:translateX(-50%);padding:3px 8px;border-radius:0 0 9px 9px;background:#856e4d;color:#fff0bc;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.heaven-base.north{top:0}.heaven-base.south{bottom:0;border-radius:9px 9px 0 0}.heaven-axis{position:absolute;z-index:2;color:#8cb6cf;font-size:10px}.heaven-axis.x{top:-22px;right:4px}.heaven-axis.y{left:-35px;top:48%;writing-mode:vertical-rl}
.heaven-token{position:absolute;z-index:4;width:38px;height:38px;display:grid;place-items:center;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;background:#63d7cf;box-shadow:0 5px 12px #0008,0 0 14px #b9fff5;transition:left .4s ease,top .4s ease,box-shadow .3s;cursor:pointer}.heaven-token.enemy{background:#ed7b81;box-shadow:0 5px 12px #0008,0 0 15px #ffc0bd}.heaven-token.selected{outline:3px solid #fff9be;box-shadow:0 0 22px #fff4b6}.heaven-token img{width:26px;height:26px;object-fit:contain}.heaven-token.immune{outline:3px solid #9ef5ff;animation:immunePulse 1.2s ease-in-out infinite alternate}.heaven-token .immune-label{top:-15px}
.heaven-field .god-figure{z-index:5}.board-wrap.heaven{min-height:0;padding:28px 35px 18px;overflow:visible}.board-wrap.heaven:before{display:none}.board-notes{flex-wrap:wrap}
.board-cell .piece-token{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.board-cell .piece-token:nth-child(2){left:68%;top:70%;width:27px;height:27px}.board-cell .piece-token:nth-child(3){left:32%;top:70%;width:27px;height:27px}.board-cell .piece-token:nth-child(4){left:68%;top:30%;width:24px;height:24px}.board-cell .piece-token:nth-child(5){left:32%;top:30%;width:24px;height:24px}.board-cell .piece-token:nth-child(n+2) img{width:18px;height:18px}
.privacy-options{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:3px 0 10px;padding:13px;border:1px solid var(--line);border-radius:12px}.privacy-options legend{padding:0 6px;color:#d5e4e6;font-size:12px;font-weight:800}.privacy-options label{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #45606d;border-radius:8px;background:#1b2b35;font-size:12px}.privacy-options input{accent-color:var(--cyan)}
.profile-hero h2{display:flex;align-items:center;gap:7px}.profile-medal-inline{display:inline-flex;align-items:center;justify-content:center}.profile-medal-inline img{width:48px;height:48px;filter:drop-shadow(0 0 12px #ffd28b)}
.public-profile-modal{width:min(760px,100%)}.public-profile-hero{display:flex;align-items:center;gap:16px;margin:18px 0;padding:18px;border:1px solid #547482;border-radius:15px;background:#243544}.public-profile-hero h2{margin:0}.public-profile-hero p{margin:3px 0 0}.public-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.public-profile-stats .stat-card{padding:12px;min-height:72px}.public-profile-stats b{font-size:16px;overflow-wrap:anywhere}.public-profile-details{margin-top:20px}.public-profile-details h3{font-size:16px}.public-profile-details .profile-skins img{width:50px;height:50px}
.pass-bonus{display:flex;align-items:center;gap:8px;border:1px solid #b895dc66;background:#382e47;border-radius:9px;padding:6px 8px;font-size:11px;color:#eedfff}.pass-bonus img{width:34px;height:34px}.pass-bonus.premium-medal{margin:12px 0 14px;font-size:12px}.pass-bonus.premium-medal img{width:45px;height:45px}
.inventory-art img[src$="avatar-1s-animated.svg"]{animation:galaxyOrbit 5s linear infinite;filter:drop-shadow(0 0 13px #c4a8ff)}.avatar-avatar-1s-animated{position:relative;overflow:visible;background:conic-gradient(from 0deg,#d8c6ff,#557ad5,#aaf0ff,#eec0ff,#d8c6ff)!important;animation:galaxyOrbit 5s linear infinite,avatarGlow 3s linear infinite}.avatar-avatar-1s-animated:after{content:"✦";position:absolute;top:-12px;right:-10px;color:#f7edff;font-size:20px;text-shadow:0 0 11px #ffffff,0 0 18px #a6b6ff;animation:galaxyTwinkle 1.8s ease-in-out infinite alternate}@keyframes galaxyOrbit{to{transform:rotate(360deg)}}@keyframes galaxyTwinkle{to{opacity:.35;transform:scale(.7)}}
.inventory-art img[src^="/razgame/assets/skin-"]{width:82px;height:82px;transition:transform .3s}.inventory-tile:hover .inventory-art img[src^="/razgame/assets/skin-"]{transform:scale(1.08) rotate(4deg)}
.calibration-result{display:flex;align-items:center;justify-content:center;gap:12px;max-width:400px;margin:16px auto;padding:10px 15px;border:1px solid #e6c77f;border-radius:12px;background:#39342b}.calibration-result img{width:55px;height:55px}.calibration-result span{text-align:left}.calibration-result b,.calibration-result small{display:block}.calibration-result small{color:#f7dfaa}
@media(max-width:760px){.mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:21;background:#06121bc4}.mobile-menu{display:block;position:fixed;z-index:22;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));max-height:min(76vh,650px);overflow:auto;padding:14px;border:1px solid #688596;border-radius:18px;background:#192937;box-shadow:0 15px 50px #000b}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mobile-menu-head b{font-size:19px}.mobile-menu-head button{font-size:29px;line-height:1;background:none;border:0}.mobile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-menu-grid button{display:flex;align-items:center;gap:9px;min-height:52px;text-align:left;padding:9px;border:1px solid #496776;border-radius:10px;background:#243846;font-weight:700;font-size:12px}.mobile-menu-grid button.active{border-color:var(--cyan);color:var(--cyan)}.mobile-menu-grid span{font-size:19px}.mobile-menu-foot{display:flex;justify-content:space-between;gap:10px;padding:14px 4px 0;font-size:11px;color:#91abba}.mobile-menu-foot a{color:#b9e9e9}.rules-demo-main{grid-template-columns:1fr}.rules-demo-steps{padding:0}.rule-map{max-width:230px}.heaven-map{height:320px}.public-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.board-wrap.heaven{padding:30px 30px 18px}.heaven-field{width:min(100%,300px)}.site-footer{font-size:11px}}
@media(max-width:440px){.mobile-menu{bottom:calc(64px + env(safe-area-inset-bottom))}.mobile-menu-grid button{min-height:48px}.board-wrap.heaven{padding:30px 20px 18px}.heaven-field{width:min(100%,270px)}.heaven-token{width:31px;height:31px}.heaven-token img{width:22px;height:22px}.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-button{gap:5px;padding:19px 5px 6px}.ability-button img{width:25px;height:25px}.ability-button b{font-size:11px}.ability-button small{font-size:9px}.rule-abilities li{display:block}.rule-cost{margin-right:6px}.site-footer{display:grid;justify-content:start;gap:7px}.profile-medal-inline img{width:40px;height:40px}}

/* Equipped effects show the actual equipped pattern during the action. */
.board-cell.effect-skin-wall-fortress:after{background:url("/razgame/assets/skin-wall-fortress.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-wall-information:after{background:url("/razgame/assets/skin-wall-information.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-stun-sleep:after{background:url("/razgame/assets/skin-stun-sleep.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-stun-demon:after{background:url("/razgame/assets/skin-stun-demon.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-push-air:after{background:url("/razgame/assets/skin-push-air.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-push-tornado:after{background:url("/razgame/assets/skin-push-tornado.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-god-hero:after{background:url("/razgame/assets/skin-god-hero.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-god-raz:after{background:url("/razgame/assets/skin-god-raz.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-volcano-kamchatka:after{background:url("/razgame/assets/skin-volcano-kamchatka.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-volcano-aliens:after{background:url("/razgame/assets/skin-volcano-aliens.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-demon-blood:after{background:url("/razgame/assets/skin-demon-blood.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-demon-daggers:after{background:url("/razgame/assets/skin-demon-daggers.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-teleport-patrol:after{background:url("/razgame/assets/skin-teleport-patrol.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-teleport-weather:after{background:url("/razgame/assets/skin-teleport-weather.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-shield-knight:after{background:url("/razgame/assets/skin-shield-knight.svg") center/68% 68% no-repeat;}
.board-cell.effect-skin-shield-american:after{background:url("/razgame/assets/skin-shield-american.svg") center/68% 68% no-repeat;}
.heaven-fx{position:absolute;z-index:6;display:grid;place-items:center;width:74px;height:74px;transform:translate(-50%,-50%);border:3px solid #e3faff;border-radius:50%;background:#416888a8;box-shadow:0 0 26px #d4f6ff;pointer-events:none;animation:heavenAbilityBurst 1s ease-out both}.heaven-fx img{width:53px;height:53px;object-fit:contain}@keyframes heavenAbilityBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-40deg)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.6) rotate(30deg)}}

/* Solo practice */
.bot-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.bot-level{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--panel);color:var(--ink);cursor:pointer;transition:transform .2s,border-color .2s}
.bot-level:hover{transform:translateY(-3px);border-color:var(--cyan)}
.bot-level:disabled{opacity:.55;cursor:wait}
.bot-level-icon{font-size:30px;color:#90cb9a}.bot-level.medium .bot-level-icon{color:#eecb7e}.bot-level.hard .bot-level-icon{color:#ed8e8e}
.bot-level b,.bot-level small{display:block}.bot-level small{margin-top:5px;color:var(--muted)}.bot-level>span:last-child{margin-left:auto}
.practice-badge{display:block;color:var(--muted);font-size:11px;margin-top:5px}
@media(max-width:720px){.bot-level-grid{grid-template-columns:1fr}.bot-level{padding:16px}}

.board-hazard img{width:26px;height:26px;object-fit:contain;animation:hazardGlow 2s ease-in-out infinite alternate}.immune-label img{width:14px;height:14px;vertical-align:middle;margin-right:2px}@keyframes hazardGlow{to{filter:drop-shadow(0 0 5px #e9dba7)}}
.custom-rank-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:850;color:#dcc7ff;vertical-align:middle}.custom-rank-badge img{width:32px;height:32px;object-fit:contain}.custom-rank-badge.large{font-size:19px;padding:8px 14px 8px 6px;border:1px solid #ab85dc66;border-radius:16px;background:#34274680}.custom-rank-badge.large img{width:64px;height:64px;filter:drop-shadow(0 0 10px #9e6ef366);animation:customRankGlow 3s ease-in-out infinite alternate}.custom-rank-badge.mellstroy{color:#ffb5ce}.custom-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.custom-rank-card{text-align:center;background:radial-gradient(ellipse at top,#573f7750,transparent 75%),#1b2130;border:1px solid #7e5ca2;border-radius:20px;padding:24px}.custom-rank-card.mellstroy{border-color:#a64c7c;background:radial-gradient(ellipse at top,#853b6350,transparent 75%),#1b2130}.custom-rank-card>img{width:140px;height:140px;filter:drop-shadow(0 0 18px #c085ff44)}.custom-rank-card p{color:var(--muted);font-size:12px}.role-badge{display:inline-block;border-radius:7px;background:#6ce0dc20;border:1px solid #6ce0dc50;padding:3px 7px;margin:4px;color:var(--cyan);font-size:10px;font-weight:850}.role-badge.extra{color:#ffe6a9;background:#dfab3b20;border-color:#dfab3b66}
.avatar-avatar-1s,.avatar-avatar-1s-animated{background-image:url('/razgame/assets/avatar-1s.svg')!important;background-size:cover!important;background-position:center!important}.avatar-avatar-1s-animated{position:relative;isolation:isolate;overflow:hidden!important;animation:none!important;background:#17263d!important;box-shadow:0 0 20px #a88cff55}.avatar-avatar-1s-animated:before{content:"";position:absolute;inset:-30%;z-index:-1;background:url('/razgame/assets/avatar-1s-animated.svg') center/cover;animation:avatarGlow 6s linear infinite}.avatar-avatar-1s-animated:after{top:5px;right:5px;font-size:13px;pointer-events:none}.avatar-mini{position:relative;isolation:isolate;border-radius:50%;overflow:hidden}.leaderboard-avatar{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:12px}.leaderboard-player{display:flex;align-items:center;gap:10px;min-width:0}.leaderboard-player>span:last-child{min-width:0}.leaderboard-player small{overflow-wrap:anywhere}.leaderboard .friend-profile-link{min-width:0}.leaderboard .custom-rank-badge span{white-space:normal}.profile-hero h2{flex-wrap:wrap}@keyframes customRankGlow{to{filter:drop-shadow(0 0 18px #ffd67988)}}
@media(max-width:600px){.custom-rank-grid{grid-template-columns:1fr}.custom-rank-badge.large img{width:52px;height:52px}.leaderboard>div{grid-template-columns:28px minmax(0,1fr) 65px}.leaderboard strong{font-size:11px;text-align:right}.leaderboard-avatar{width:30px;height:30px}.leaderboard-player{gap:6px}.leaderboard .custom-rank-badge img{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.avatar-avatar-1s-animated:before,.custom-rank-badge.large img{animation:none}}

.leader-row.podium-1{background:linear-gradient(90deg,#d7a6411c,transparent);border-radius:10px}.leader-row.podium-1>b{color:#ffdb88}.leader-row.podium-2>b{color:#c7e4f3}.leader-row.podium-3>b{color:#dfad8f}.leaderboard .role-badge{margin:2px 4px 2px 0}