@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/JetBrainsMono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/JetBrainsMono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/JetBrainsMono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/JetBrainsMono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Unbounded-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Unbounded-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Unbounded-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Unbounded-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Unbounded';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Unbounded-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Unbounded';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Unbounded-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Zen Kaku Gothic New';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ZenKakuGothicNew-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Zen Kaku Gothic New';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ZenKakuGothicNew-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Zen Kaku Gothic New';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ZenKakuGothicNew-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Zen Kaku Gothic New';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ZenKakuGothicNew-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Zen Kaku Gothic New';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ZenKakuGothicNew-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Zen Kaku Gothic New';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ZenKakuGothicNew-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Manrope-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Manrope-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Manrope-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Sora-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Sora-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PlusJakartaSans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/PlusJakartaSans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/PlusJakartaSans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Barlow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Barlow-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Barlow-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Barlow-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Barlow-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Barlow-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Barlow-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Barlow-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/BarlowCondensed-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/BarlowCondensed-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/BarlowCondensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/BarlowCondensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/BarlowCondensed-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/BarlowCondensed-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} :root{--bg:#07070c;--bg2:#0d0d15;--surface:rgba(255,255,255,.045);--surface2:rgba(255,255,255,.08);--surface3:rgba(255,255,255,.12);--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);--text:#f4f1ff;--muted:#9c98b3;--faint:#5d5a72;--accent:#38bdf8;--accent2:#1d8fe1;--grad:linear-gradient(135deg,#4cc9ff,#1d8fe1);--gold:#ffc83d;--gold-grad:linear-gradient(135deg,#ffe17a,#ffb21e);--chakra:#6fe3ff;--green:#3ddc97;--violet:#a970ff;--blue:#4d9bff;--r-C:#b9c2cf;--r-U:#45d690;--r-R:#7b96ff;--r-E:#ffae2b;--r-L:#ff5c78;--r-M:#ff5fd2;--radius:18px;--radius-sm:12px;--display:'Unbounded',system-ui,sans-serif;--body:'Zen Kaku Gothic New',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--shadow:0 20px 60px rgba(0,0,0,.45);--ease:cubic-bezier(.2,.8,.2,1);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--body);font-size:15px;line-height:1.5;background:var(--bg)} body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 700px at 85% -10%,rgba(29,143,225,.13),transparent 60%),radial-gradient(900px 600px at -10% 10%,rgba(111,227,255,.08),transparent 60%),radial-gradient(900px 900px at 50% 120%,rgba(169,112,255,.1),transparent 60%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--display);margin:0;letter-spacing:-.015em;line-height:1.15}h1{font-size:clamp(26px,4vw,40px);font-weight:900}h2{font-size:21px;font-weight:700}h3{font-size:16px;font-weight:700}p{margin:0}::selection{background:rgba(29,143,225,.4)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:10px;border:3px solid transparent;background-clip:content-box}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.tiny{font-size:11px}.hidden{display:none !important}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.gold-text{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.chakra{color:var(--chakra);font-family:var(--mono);font-weight:700;white-space:nowrap}.kanji{font-family:var(--body);font-weight:700}.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700} .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.nowrap{flex-wrap:nowrap}.between{justify-content:space-between}.center{justify-content:center}.grow{flex:1;min-width:0}.stack>* + *{margin-top:10px}.grid{display:grid;gap:16px}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.grid-3{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.section{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.page-head{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head p{color:var(--muted);max-width:620px;margin-top:6px} .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:relative}.panel.glow{box-shadow:0 0 0 1px rgba(255,200,61,.25),0 10px 40px rgba(255,200,61,.08)}.panel.tight{padding:12px}.panel h3 + *{margin-top:10px} .btn{--b:var(--surface2);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:var(--b);font-weight:700;cursor:pointer;white-space:nowrap;user-select:none;transition:transform .12s var(--ease),background .15s,box-shadow .2s,filter .15s}.btn:hover{background:var(--surface3)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{background:var(--grad);border-color:transparent;color:#fff;font-family:var(--display);font-size:13.5px;letter-spacing:.01em;box-shadow:0 8px 24px rgba(29,143,225,.3)}.btn.primary:hover{filter:brightness(1.1);box-shadow:0 10px 30px rgba(29,143,225,.45)}.btn.gold{background:var(--gold-grad);border-color:transparent;color:#241500;font-family:var(--display);font-size:13.5px;box-shadow:0 8px 24px rgba(255,200,61,.25)}.btn.gold:hover{filter:brightness(1.08)}.btn.green{background:linear-gradient(135deg,#5ff0b0,#22b877);border-color:transparent;color:#04190f}.btn.violet{background:linear-gradient(135deg,#c39bff,#7d4dff);border-color:transparent;color:#fff}.btn.discord{background:#5865f2;border-color:transparent;color:#fff}.btn.discord:hover{background:#4752c4}.discord-tag{color:#8ea1ff !important;border-color:rgba(88,101,242,.5) !important;background:rgba(88,101,242,.12) !important}.btn.danger{background:#3a1018;border-color:#6a1d2b;color:#ff8a9a}.btn.ghost{background:transparent}.btn.sm{padding:6px 12px;font-size:13px}.btn.lg{padding:14px 26px;font-size:15px}.btn.xl{padding:18px 34px;font-size:17px}.btn.block{width:100%}.btn .badge{margin-left:2px}.iconbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;position:relative;font-size:17px;transition:background .15s}.iconbtn:hover{background:var(--surface2)}.iconbtn .badge{position:absolute;top:-4px;right:-4px} .pulse{position:relative}.pulse::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 3px rgba(76,201,255,.6);animation:k-pulse-ring 1.8s ease-out infinite;pointer-events:none}@keyframes k-pulse-ring{from{transform:scale(1);opacity:.9}to{transform:scale(1.18,1.35);opacity:0}}.lite .pulse::after{display:none} .badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 6px;border-radius:10px;background:var(--grad);color:#fff;font-size:11px;font-weight:700;font-family:var(--mono);box-shadow:0 2px 8px rgba(29,143,225,.5)}.badge.dot{min-width:10px;width:10px;height:10px;padding:0}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--surface2);border:1px solid var(--line);font-family:var(--mono);white-space:nowrap}.pill.gold{color:var(--gold);border-color:rgba(255,200,61,.35);background:rgba(255,200,61,.08)}.pill.hot{color:#fff;border-color:transparent;background:var(--grad)}.pill.green{color:var(--green);border-color:rgba(61,220,151,.35);background:rgba(61,220,151,.08)}.pill.r{color:var(--c);border-color:color-mix(in srgb,var(--c) 40%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent)} input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],select,textarea{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 14px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:rgba(29,143,225,.55);box-shadow:0 0 0 3px rgba(29,143,225,.15)}select option{background:#15141f}label.field{display:block}label.field>span{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px;font-weight:700;color:var(--muted)}.check input{accent-color:var(--accent2);width:16px;height:16px} .chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:700;cursor:pointer;color:var(--muted);transition:all .15s;white-space:nowrap}.chip:hover{color:var(--text)}.chip.on{color:var(--text);background:var(--surface3);border-color:var(--line2)}.chip[data-r]{--c:var(--r-C)}.chip[data-r].on{border-color:var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}.tabs{display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;margin-bottom:18px;overflow-x:auto;width:fit-content;max-width:100%;scrollbar-width:none}.tabs button{background:none;border:0;padding:9px 16px;color:var(--muted);font-weight:700;cursor:pointer;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.tabs button:hover{color:var(--text)}.tabs button.on{color:#fff;background:var(--surface3);box-shadow:inset 0 0 0 1px var(--line2)} .list{display:flex;flex-direction:column;gap:8px}.li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);transition:border-color .15s,background .15s;text-align:left;width:100%}a.li:hover,button.li:hover{border-color:var(--line2);background:var(--surface2);cursor:pointer}.li .grow b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li .val{font-family:var(--mono);font-weight:700;text-align:right}.li.me{border-color:rgba(29,143,225,.5);background:rgba(29,143,225,.07)}.rank-n{font-family:var(--display);font-weight:900;width:34px;text-align:center;color:var(--faint);font-size:15px}.li:nth-child(1) .rank-n{color:var(--gold);font-size:19px}.li:nth-child(2) .rank-n{color:#e2e2ef;font-size:17px}.li:nth-child(3) .rank-n{color:#e09156;font-size:16px} .bar{height:8px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}.bar>i{display:block;height:100%;border-radius:6px;background:var(--c,var(--grad));transition:width .8s var(--ease);position:relative;overflow:hidden}.bar>i::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);animation:k-bar-shine 2.4s infinite}@keyframes k-bar-shine{60%,100%{transform:translateX(100%)}}.bar.lg{height:12px}.ring{--p:0;--c:var(--accent2);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p) * 1%),rgba(255,255,255,.08) 0);position:relative;flex:none}.ring::before{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--bg2)}.ring>*{position:relative} .avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:50% 15%;background:var(--surface2);display:inline-grid;place-items:center;font-weight:700;font-size:13px;flex:none;border:1.5px solid var(--line2)}.avatar.lg{width:92px;height:92px;font-size:34px;border:3px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box}.avatar.md{width:44px;height:44px;font-size:17px}.who{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--text);min-width:0}.who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who:hover{color:var(--gold)}.lvl{display:inline-grid;place-items:center;min-width:24px;height:18px;padding:0 5px;border-radius:6px;font-family:var(--mono);font-size:10.5px;font-weight:700;color:#241500;background:var(--gold-grad)}.empty{text-align:center;color:var(--muted);padding:46px 10px}.empty b{display:block;font-size:46px;color:var(--faint);font-weight:700;margin-bottom:4px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--muted);font-weight:500;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}.table td.num{font-family:var(--mono);text-align:right}.kv{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:700}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:k-skel 1.2s infinite;border-radius:var(--radius)}@keyframes k-skel{to{background-position:-200% 0}}.prose{max-width:740px}.prose h2{margin:30px 0 8px;font-size:18px}.prose p,.prose li{color:#d6d2e6}.prose p + p{margin-top:10px}code{font-family:var(--mono);font-size:.9em;background:var(--surface2);padding:1px 6px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}} .emo{display:inline-block;transform-origin:50% 60%;animation:emo-float 3.2s ease-in-out infinite;animation-delay:var(--d,0s)}.emo-flicker{transform-origin:50% 100%;animation:emo-flicker 1.3s ease-in-out infinite;animation-delay:var(--d,0s)}.emo-ring{transform-origin:50% 10%;animation:emo-ring 3.2s ease-in-out infinite;animation-delay:var(--d,0s)}.emo-spin{animation:emo-spin 5s ease-in-out infinite;animation-delay:var(--d,0s)}.emo-swing{transform-origin:30% 90%;animation:emo-swing 2.6s ease-in-out infinite;animation-delay:var(--d,0s)}.emo-beat{animation:emo-beat 1.6s ease-in-out infinite;animation-delay:var(--d,0s)}.emo-bounce{transform-origin:50% 100%;animation:emo-bounce 2.4s ease-in-out infinite;animation-delay:var(--d,0s)}.emo-wave{transform-origin:70% 90%;animation:emo-wave 2.8s ease-in-out infinite;animation-delay:var(--d,0s)}@keyframes emo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.12em)}}@keyframes emo-flicker{0%,100%{transform:scale(1,1) rotate(0)}25%{transform:scale(.92,1.1) rotate(-4deg)}50%{transform:scale(1.06,.94) rotate(3deg)}75%{transform:scale(.96,1.06) rotate(-2deg)}}@keyframes emo-ring{0%,60%,100%{transform:rotate(0)}64%{transform:rotate(16deg)}70%{transform:rotate(-14deg)}76%{transform:rotate(10deg)}82%{transform:rotate(-6deg)}88%{transform:rotate(3deg)}}@keyframes emo-spin{0%,55%{transform:rotate(0) scale(1)}80%{transform:rotate(360deg) scale(1.15)}100%{transform:rotate(360deg) scale(1)}}@keyframes emo-swing{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}@keyframes emo-beat{0%,40%,100%{transform:scale(1)}15%{transform:scale(1.18)}28%{transform:scale(1.05)}}@keyframes emo-bounce{0%,50%,100%{transform:translateY(0) scale(1,1)}62%{transform:translateY(0) scale(1.1,.9)}75%{transform:translateY(-.28em) scale(.95,1.06)}88%{transform:translateY(0) scale(1.04,.97)}}@keyframes emo-wave{0%,55%,100%{transform:rotate(0)}62%{transform:rotate(18deg)}70%{transform:rotate(-10deg)}78%{transform:rotate(14deg)}86%{transform:rotate(-4deg)}} a:hover>.emo,button:hover>.emo,a:hover>i>.emo,button:hover>i>.emo{animation-duration:.9s}@media (prefers-reduced-motion:reduce){.emo{animation:none !important}}.lite .emo{animation:none !important} body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable="true"],.selectable{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}img{-webkit-user-drag:none} #boot{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--bg);transition:opacity .35s,visibility .35s}#boot.gone{opacity:0;visibility:hidden}#boot.gone .logo-mark{animation:none}#boot .logo-mark{width:72px;height:72px;margin:0 auto;animation:k-boot 1.1s var(--ease) infinite}#boot>div{display:flex;flex-direction:column;align-items:center;text-align:center} #boot .boot-word{font-size:40px;margin:16px 0 4px}#boot p{margin-top:16px;color:var(--muted);font-size:13px;text-align:center}#boot .bar{width:180px;margin:10px auto 0} .boot-links{position:fixed;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));z-index:201;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding:0 16px;font-size:12px}.boot-links a{color:var(--muted);text-decoration:none}.boot-links a:hover{color:var(--text)}#boot.gone ~ .boot-links{display:none}@keyframes k-boot{50%{transform:scale(.88) rotate(-6deg)}}.logo{display:flex;align-items:center;gap:11px}.logo-mark{width:40px;height:40px;display:grid;place-items:center;flex:none} .yatta-emblem{width:100%;height:100%;overflow:visible}.yatta-emblem g,.yatta-emblem path,.yatta-emblem circle{transform-box:fill-box;transform-origin:50% 50%}.yatta-front{animation:yatta-float 3.6s ease-in-out infinite}.yatta-back{animation:yatta-back 3.6s ease-in-out infinite}.yatta-star{animation:yatta-star 2.4s ease-in-out infinite}.yatta-spark{animation:yatta-spark 1.8s ease-in-out infinite}@keyframes yatta-float{50%{transform:translateY(-1.5px) rotate(4deg)}}@keyframes yatta-back{50%{transform:rotate(-4deg)}}@keyframes yatta-star{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.75) rotate(45deg)}}@keyframes yatta-spark{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}.logo-word{font:800 26px/1 var(--display);letter-spacing:.06em;color:var(--text)}.logo-word i{font-style:normal}.logo-word i.bang{color:var(--accent)}.logo:hover .yatta-front{animation-duration:1.2s}@media (prefers-reduced-motion:reduce){.yatta-emblem *{animation:none}}.lite .yatta-emblem *{animation:none}.app{min-height:100vh;display:flex;flex-direction:column} .top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;height:72px;padding:0 clamp(16px,3vw,48px);background:rgba(20,28,38,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.top .logo{margin-right:18px}.top>.rel,.top>.wallet,.top>.btn,.topnav{flex:none}.topnav{display:flex;align-items:stretch;height:100%;gap:4px}.topnav>a,.topnav button{position:relative;display:flex;align-items:center;gap:6px;height:100%;padding:0 14px;background:none;border:0;cursor:pointer;font:700 15px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color .15s}.topnav .rel{display:flex;height:100%}.topnav>a::after,.topnav button::after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--accent);transform:scaleX(0);transition:transform .2s var(--ease)}.topnav>a:hover,.topnav button:hover{color:var(--text)}.topnav>a.on,.topnav button.on{color:var(--text)}.topnav>a.on::after,.topnav button.on::after{transform:scaleX(1)}.topnav .badge{font-size:10px;min-width:17px;height:17px}.more-drop{left:0;right:auto;width:240px;top:calc(100% + 1px)}.dropdown .n.on{color:var(--accent)}.me-btn{display:flex;flex:none;align-items:center;gap:10px;color:var(--text);padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer}.me-btn:hover{border-color:var(--line2)}.me-btn .avatar{width:34px;height:34px}.me-btn .me-txt{display:grid;text-align:left;line-height:1.15}.me-btn .me-txt b{font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-btn .me-txt small{font-size:11px;color:var(--muted)}.dropdown .xp-line .bar{margin-bottom:6px}.main{min-width:0;flex:1;display:flex;flex-direction:column}.wallet{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.wallet>*{display:flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-family:var(--mono);font-weight:700;font-size:13px;white-space:nowrap}.wallet .w-free{background:rgba(29,143,225,.1)}.wallet .w-free .ring{width:22px;height:22px}.wallet .w-free .ring::before{inset:3px}.wallet .w-chakra{color:var(--chakra);gap:6px} .flame{width:18px;height:18px;overflow:visible;filter:drop-shadow(0 0 4px rgba(56,189,248,.9)) drop-shadow(0 0 9px rgba(29,143,225,.55));animation:st-pulse 2.4s ease-in-out infinite,st-turn 6s ease-in-out infinite}.flame path{transform-box:fill-box;transform-origin:50% 55%} .flame .st-out{stroke:#fff;stroke-width:1.6;stroke-linejoin:round;paint-order:stroke}.flame .st-in{opacity:.95}.flame .st-glint{transform-origin:50% 50%;opacity:0}.wallet:hover .flame .st-glint{animation:st-glint 2.4s ease-in-out infinite}@keyframes st-pulse{0%,100%{opacity:.82}50%{opacity:1}}@keyframes st-turn{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(10deg) scale(1.08)}}@keyframes st-glint{0%,60%,100%{opacity:0;transform:scale(.3)}75%{opacity:1;transform:scale(1.2)}} .chakra-ic{display:inline-flex !important;font-size:inherit !important;vertical-align:-0.14em;margin:0 .08em;padding:0 !important;background:none !important}.flame.inline{width:.95em;height:.95em;filter:drop-shadow(0 0 .12em rgba(0,20,50,.55))}@media (prefers-reduced-motion:reduce){.flame,.flame path{animation:none}}.lite .flame,.lite .flame path{animation:none}.wallet .w-timer{color:var(--muted);font-size:11.5px;font-weight:500}.happy-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(255,200,61,.2),rgba(29,143,225,.2));border:1px solid rgba(255,200,61,.45);color:var(--gold);font-weight:700;font-size:12.5px;white-space:nowrap;box-shadow:0 0 18px rgba(255,200,61,.25)}@keyframes k-glow{50%{box-shadow:0 0 22px rgba(255,200,61,.35)}}.online{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px}.online::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.page{width:100%;max-width:1440px;margin:0 auto;padding:44px clamp(16px,3vw,48px) 110px;flex:1}.page-enter{animation:k-page .35s var(--ease)}@keyframes k-page{from{opacity:0;transform:translateY(10px)}} .page{position:relative;isolation:isolate}.page::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:22px clamp(6px,1.4vw,26px) 70px;border-radius:30px;background:rgba(10,16,32,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}.adm-mode .page::before{display:none}.lite .page::before{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(10,16,32,.8)}.foot{border-top:1px solid var(--line);padding:28px clamp(16px,3vw,48px);color:var(--faint);font-size:12.5px;display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}.foot a:hover{color:var(--text)}.dropdown{position:absolute;right:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 24px));max-height:70vh;overflow:auto;background:#12121b;border:1px solid var(--line2);border-radius:18px;padding:8px;box-shadow:var(--shadow);z-index:60;animation:k-drop .18s var(--ease)}@keyframes k-drop{from{opacity:0;transform:translateY(-6px)}}.dropdown .n{display:block;padding:10px 12px;border-radius:12px;font-size:14px}.dropdown a.n:hover{background:var(--surface)}.dropdown .n.unread{background:rgba(29,143,225,.08)}.dropdown .n small{display:block;color:var(--muted);font-size:12px}.rel{position:relative}.tabbar{display:none}@media (max-width:1023px){.top{height:62px;gap:10px;padding:0 14px}.topnav,.top .open-cta,.me-btn .me-txt{display:none}.top .logo{margin-right:0}.top .logo .logo-word{display:none}.page{padding:26px 16px 120px}.page::before{inset:10px 4px 90px;border-radius:22px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;z-index:45;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:6px;border-radius:22px;background:rgba(16,16,24,.95);backdrop-filter:blur(8px);border:1px solid var(--line2);box-shadow:var(--shadow)}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:10.5px;font-weight:700;color:var(--muted);position:relative}.tabbar a b{font-size:19px;line-height:1.1}.tabbar a.on{color:#fff}.tabbar a .badge{position:absolute;top:0;right:18%}.tabbar .fab{margin-top:-26px}.tabbar .fab b{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:var(--grad);color:#fff;font-size:26px;box-shadow:0 10px 30px rgba(29,143,225,.55);border:3px solid var(--bg)}.foot{display:none}}@media (max-width:560px){.wallet .w-timer{display:none}.wallet>*{padding:5px 8px}} .reward .item .flame.inline{width:28px;height:37px} @property --ang{syntax:'<angle>';inherits:true;initial-value:0deg}@keyframes k-spin{to{--ang:360deg}}@keyframes k-pulse{50%{opacity:.55}}@keyframes k-rays{to{transform:rotate(360deg)}}@keyframes k-gem{to{transform:rotate(360deg)}}@keyframes k-prism{to{background-position:300% 0}}@keyframes k-sheen{0%,70%{transform:translateX(-130%) skewX(-18deg)}100%{transform:translateX(230%) skewX(-18deg)}}.card{--c:var(--r-C);--mx:50%;--my:50%;--px:0;--py:0;--metal:linear-gradient(135deg,#d9dde3,#8b929c 40%,#f4f6f8 55%,#6c737d);--glow:transparent;--orn:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 140%22 preserveAspectRatio=%22none%22%3E%3Crect x=%225.6%22 y=%225.6%22 width=%2288.8%22 height=%22128.8%22 rx=%222.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%22.45%22/%3E%3Cg id=%22c%22%3E%3Cpath d=%22M4.8 18 C4.8 9.5 9.5 4.8 18 4.8%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%22.9%22/%3E%3Cpath d=%22M18 4.8 C23 4.8 24 9.5 20.5 10.5 M4.8 18 C4.8 23 9.5 24 10.5 20.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%22.7%22/%3E%3Cpath d=%22M9.5 6.8 L12.2 9.5 L9.5 12.2 L6.8 9.5 Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cuse href=%22%23c%22 transform=%22matrix%28-1 0 0 1 100 0%29%22/%3E%3Cuse href=%22%23c%22 transform=%22matrix%281 0 0 -1 0 140%29%22/%3E%3Cuse href=%22%23c%22 transform=%22matrix%28-1 0 0 -1 100 140%29%22/%3E%3Cpath d=%22M42 3.2 L50 1.2 L58 3.2 L50 5.4 Z M42 136.8 L50 138.8 L58 136.8 L50 134.6 Z%22 fill=%22%23000%22/%3E%3C/svg%3E");position:relative;aspect-ratio:5 / 7;container-type:inline-size;perspective:900px;user-select:none;-webkit-user-select:none;isolation:isolate} .card[data-r=U]{--c:var(--r-U);--metal:linear-gradient(135deg,#d6f5e3,#5f9f7c 40%,#effff5 55%,#3e6f55)}.card[data-r=R]{--c:var(--r-R);--metal:linear-gradient(135deg,#e3e8ff,#6a7fd6 40%,#f4f6ff 55%,#3e4d9c)} .card[data-r=E]{--c:var(--r-E);--metal:linear-gradient(135deg,#ffecc2,#d18a24 40%,#fff4dc 55%,#8a5612);--glow:rgba(255,174,43,.42)}.card[data-r=L]{--c:var(--r-L);--metal:linear-gradient(135deg,#ffe3ea,#ec3d63 40%,#fff2f5 55%,#93183a);--glow:rgba(255,92,120,.55)}.card[data-r=M]{--c:var(--r-M);--metal:linear-gradient(135deg,#ff3b5c,#ffb43b 17%,#ffee3b 33%,#3bff7a 50%,#3bd8ff 67%,#5b6bff 83%,#c43bff);--glow:rgba(255,95,210,.6)}.card[data-r=M] .cframe,.card[data-r=M] .cframe::after,.card[data-r=M] .crar{background-size:300% 300%;animation:m-rgb 1.5s linear infinite}@keyframes m-rgb{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.card .ci{position:absolute;inset:0;border-radius:4.5cqw;overflow:hidden;color:#fff;background:#0a0c14;box-shadow:0 0 8cqw var(--glow),0 3cqw 8cqw rgba(0,0,0,.5);transform:rotateY(calc(var(--px) * 12deg)) rotateX(calc(var(--py) * -12deg));transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.card.active .ci{transition:transform .08s linear,box-shadow .3s}.card .cfx,.card .cglit{display:none} .card .cbg{position:absolute;inset:0;background:radial-gradient(90% 70% at 50% 30%,color-mix(in srgb,var(--c) 75%,#fff 10%),color-mix(in srgb,var(--c) 35%,#0a0d18) 60%,#0a0d18)}.card .cart{position:absolute;inset:0;z-index:0;overflow:hidden} .card .cart img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform-origin:50% 18%;transform:scale(calc(1.12 * var(--gz,1))) translate(calc(var(--px) * -1.5%),calc(var(--py) * -1.5%));transition:transform .5s;-webkit-mask:linear-gradient(to bottom,#000 58%,transparent 92%);mask:linear-gradient(to bottom,#000 58%,transparent 92%)} .card .cno{position:absolute;z-index:3;top:5cqw;left:5.5cqw;padding:.8cqw 2.4cqw;border-radius:99px;font:800 4.2cqw/1 'Manrope',var(--body),sans-serif;color:#fff;background:rgba(6,10,20,.6);border:.3cqw solid rgba(255,255,255,.25)}.card .cbot{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;justify-items:center;gap:1.3cqw;padding:20cqw 7cqw 7cqw;text-align:center;background:linear-gradient(to bottom,transparent,rgba(6,8,16,.82) 42%,rgba(6,8,16,.96))}.card .cname{max-width:100%;font:800 8.4cqw/1.05 'Sora',var(--display),sans-serif;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 .5cqw 2cqw rgba(0,0,0,.6)}.card .cser{max-width:100%;font:700 3.6cqw 'Manrope',var(--body),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .card .cstars{display:flex;gap:1.2cqw;justify-content:center}.card .cstars i{width:5.6cqw;height:5.6cqw;background:linear-gradient(135deg,#fff6c9,#f2c230 45%,#b8860b);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 1cqw rgba(255,210,90,.9))}.card .cstats{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:1.2cqw;font:700 3.6cqw 'Manrope',var(--body),sans-serif;color:rgba(255,255,255,.72)}.card .cstats div{display:flex;align-items:baseline;gap:1.2cqw}.card .cstats b{font-weight:700}.card .cstats em{font-style:normal;font-size:5cqw;font-weight:800;color:#fff}.card .crar{font:800 3.1cqw 'Manrope',var(--body),sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:1cqw 2.6cqw;border-radius:99px;color:#0a0d18;background:var(--metal);white-space:nowrap} .card .cframe{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;padding:2.2cqw;background:var(--metal);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.card .cframe::after{content:'';position:absolute;inset:0;background:var(--metal);-webkit-mask:var(--orn) center / 100% 100% no-repeat;mask:var(--orn) center / 100% 100% no-repeat} .card .cfoil,.card .cglare{position:absolute;inset:0;z-index:2;pointer-events:none}.card .cglare{background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.35),transparent 45%);opacity:0;mix-blend-mode:overlay;transition:opacity .3s;z-index:4}.card.active .cglare{opacity:1}.card[data-r=R] .cart::after{content:'';position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:k-sheen 5s ease-in-out infinite}.card[data-r=E] .cfoil{background:linear-gradient(115deg,transparent 20%,rgba(255,214,90,.38) 40%,rgba(255,250,220,.35) 55%,transparent 75%) var(--mx) 0 / 250% 100%;mix-blend-mode:color-dodge;opacity:.5} .card[data-r=L] .cfoil{background:radial-gradient(circle at var(--mx) var(--my),rgba(255,170,178,.55),transparent 50%),linear-gradient(115deg,transparent 25%,rgba(255,228,231,.45) 45%,rgba(255,70,90,.38) 55%,transparent 75%) var(--mx) var(--my) / 220% 220%,repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 8deg,rgba(255,90,105,.06) 8deg 12deg);mix-blend-mode:screen;opacity:.6} .card[data-r=M] .cfoil{background:repeating-linear-gradient(115deg,#ff5f6d 0%,#ffc371 7%,#47e891 14%,#4facfe 21%,#a66cff 28%,#ff5f6d 35%) var(--mx) var(--my) / 300% 300%,radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.35),transparent 45%);mix-blend-mode:color-dodge;opacity:.42} .card[data-r=L] .cglit,.card[data-r=M] .cglit{display:block;position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(.9cqw .9cqw at 18% 22%,#fff,transparent),radial-gradient(1.2cqw 1.2cqw at 78% 14%,#fff,transparent),radial-gradient(.8cqw .8cqw at 64% 46%,#fff,transparent),radial-gradient(1cqw 1cqw at 30% 58%,#fff,transparent),radial-gradient(.9cqw .9cqw at 86% 66%,#fff,transparent);animation:c-twinkle 2.6s ease-in-out infinite}.card[data-r=L] .cglit{filter:drop-shadow(0 0 1cqw #ff9aa5)}.card[data-r=M] .cglit{filter:drop-shadow(0 0 1cqw #ff8ae0);animation-duration:1.9s}@keyframes c-twinkle{0%,100%{opacity:.25;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.card.tilt:hover .ci{box-shadow:0 0 12cqw color-mix(in srgb,var(--c) 50%,transparent),0 4cqw 10cqw rgba(0,0,0,.55)} .card .cbadge{position:absolute;z-index:5;font-family:var(--mono);font-weight:700;font-size:4.4cqw;padding:.8cqw 2.6cqw;border-radius:9cqw;line-height:1.2;box-shadow:0 1cqw 3cqw rgba(0,0,0,.5)}.card .cbadge.cnt{left:5cqw;top:22%;background:rgba(10,10,14,.85);border:.4cqw solid rgba(255,255,255,.25);color:#fff}.card .cbadge.new{right:5cqw;top:22%;background:linear-gradient(135deg,#ff7a5c,#ff2e63);color:#fff;animation:k-pulse 1.4s ease-in-out infinite} .card.missing{opacity:.45}.card.missing{--glow:transparent}.card.missing .ci{filter:grayscale(1) brightness(.75)}.card.missing .cfoil,.card.missing .cglit{display:none !important} .card.missing .cart::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' opacity='.55'%3E%3Cpath d='M-6 18 L18 -6 M2 32 L32 2 M10 46 L46 10 M18 60 L60 18 M32 66 L66 32 M46 70 L70 46'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-width='.8' stroke-linecap='round' opacity='.18'%3E%3Cpath d='M-4 26 L26 -4 M8 40 L40 8 M22 54 L54 22 M36 64 L64 36'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 22cqw 22cqw}.card.missing .cart img{filter:contrast(1.15) sepia(.15)}.card.locked .cart img{filter:brightness(0) contrast(2);opacity:.55}.card.locked .cart::before{content:'?';position:absolute;inset:0;z-index:3;display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:34cqw;color:rgba(255,255,255,.22)}@media (prefers-reduced-motion:reduce){.card *,.card *::before,.card *::after{animation:none !important}} .back{--c:var(--accent);position:relative;aspect-ratio:5 / 7;container-type:inline-size}.back .bk{position:absolute;inset:0;border-radius:5.5cqw;overflow:hidden;background:radial-gradient(circle at 50% 100%,transparent 6.6cqw,color-mix(in srgb,var(--c) 55%,transparent) 6.6cqw 7.2cqw,transparent 7.2cqw 8.8cqw,color-mix(in srgb,var(--c) 40%,transparent) 8.8cqw 9.4cqw,transparent 9.4cqw) 0 0 / 20cqw 10cqw,radial-gradient(circle at 50% 100%,transparent 6.6cqw,color-mix(in srgb,var(--c) 55%,transparent) 6.6cqw 7.2cqw,transparent 7.2cqw 8.8cqw,color-mix(in srgb,var(--c) 40%,transparent) 8.8cqw 9.4cqw,transparent 9.4cqw) 10cqw 5cqw / 20cqw 10cqw,radial-gradient(120% 80% at 50% 50%,color-mix(in srgb,var(--c) 45%,#140c0b),#0d0809);box-shadow:0 2cqw 6cqw rgba(0,0,0,.5),inset 0 0 0 1.2cqw color-mix(in srgb,var(--c) 70%,#000),inset 0 0 0 1.7cqw rgba(255,255,255,.3),inset 0 0 12cqw rgba(0,0,0,.6);display:grid;place-items:center}.back .bk::before,.back .bk::after{content:'';position:absolute;width:14cqw;height:14cqw;border:.8cqw solid color-mix(in srgb,var(--c) 70%,#fff)}.back .bk::before{top:5.5cqw;left:5.5cqw;border-right:0;border-bottom:0;border-radius:3cqw 0 0 0}.back .bk::after{bottom:5.5cqw;right:5.5cqw;border-left:0;border-top:0;border-radius:0 0 3cqw 0}.back .seal{position:relative;width:52cqw;height:52cqw;display:grid;place-items:center}.back .seal svg{position:absolute;inset:0;width:100%;height:100%;animation:k-rays 30s linear infinite}.back .seal text{fill:color-mix(in srgb,var(--c) 40%,#fff);font:700 9px var(--mono);letter-spacing:2.4px}.back .seal b{width:30cqw;height:30cqw;border-radius:50%;display:grid;place-items:center;font-size:15cqw;color:#1a0f0c;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 60%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 55%,#000));box-shadow:0 0 0 1.6cqw rgba(0,0,0,.3),0 0 0 2.2cqw color-mix(in srgb,var(--c) 70%,#fff),0 0 9cqw color-mix(in srgb,var(--c) 70%,transparent)}.back .brand{position:absolute;bottom:9cqw;font-family:var(--display);font-weight:900;font-size:5.6cqw;letter-spacing:.5em;color:color-mix(in srgb,var(--c) 35%,#fff);opacity:.8} .card:not(.live):not(:hover) *,.card:not(.live):not(:hover) *::before,.card:not(.live):not(:hover) *::after{animation-play-state:paused !important}.card:not(.live):not(.active):not(:hover) .cglare{display:none}.card:not(.live):not(.active):not(:hover):not([data-r=E]) .cfoil{display:none}.card .ci{contain:layout paint} .lite .card *,.lite .card *::before,.lite .card *::after{animation:none !important}.lite .card .cglit,.lite .card .cfoil,.lite .card .cglare,.lite .card .cfx,.lite .card .ci::before{display:none !important}.lite .card .ci{box-shadow:0 0 0 1.4cqw var(--c),0 2cqw 6cqw rgba(0,0,0,.45) !important}.lite .card .cname{animation:none !important} .card[data-r=M]::before,.card[data-r=M]::after{content:'';position:absolute;z-index:-1;pointer-events:none;border-radius:9cqw}.card[data-r=M]::before{inset:-7%;background:conic-gradient(#ff3b5c,#ffb43b,#ffee3b,#3bff7a,#3bd8ff,#5b6bff,#c43bff,#ff3b5c);-webkit-mask:radial-gradient(closest-side,#000 55%,transparent);mask:radial-gradient(closest-side,#000 55%,transparent);filter:blur(4cqw);animation:m-aura 2.4s ease-in-out infinite,m-hue 2s linear infinite}.card[data-r=M]::after{inset:-2%;border:.9cqw solid #ff5fd2;box-shadow:0 0 6cqw rgba(255,95,210,.9);opacity:0;animation:m-ring 2.4s ease-out infinite,m-hue-ring 2s linear infinite}@keyframes m-hue{to{filter:blur(4cqw) hue-rotate(360deg)}}@keyframes m-hue-ring{to{filter:hue-rotate(360deg)}}@keyframes m-aura{0%,100%{opacity:.45;transform:scale(.97)}50%{opacity:1;transform:scale(1.06)}}@keyframes m-ring{0%{opacity:.9;transform:scale(.98)}70%,100%{opacity:0;transform:scale(1.16)}}.card.missing[data-r=M]::before,.card.missing[data-r=M]::after{display:none} .lite .card[data-r=M]::before{animation:none;opacity:.7}.lite .card[data-r=M]::after{display:none}@media (prefers-reduced-motion:reduce){.card[data-r=M]::before{animation:none;opacity:.7}.card[data-r=M]::after{display:none}}  .modal-bg{position:fixed;inset:0;z-index:110;background:rgba(3,3,8,.82);display:grid;place-items:center;padding:16px;animation:k-fade .18s}.modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(180deg,#15151f,#0f0f17);border:1px solid var(--line2);border-radius:24px;padding:24px;position:relative;box-shadow:var(--shadow);animation:k-pop .28s var(--ease)}.modal.wide{width:min(940px,100%)}.modal .x{position:absolute;top:14px;right:14px;z-index:2}@keyframes k-fade{from{opacity:0}}@keyframes k-pop{from{opacity:0;transform:translateY(14px) scale(.97)}}.cardview{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}@media (max-width:680px){.cardview{grid-template-columns:1fr}.cardview>:first-child{max-width:240px;width:100%;margin:0 auto}} #toasts{position:fixed;z-index:150;top:76px;right:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:360px;padding:10px 16px;border-radius:14px;background:rgba(22,22,32,.96);border:1px solid var(--line2);box-shadow:var(--shadow);font-weight:700;font-size:14px;animation:k-toast-in .3s var(--ease)}.toast.out{animation:k-toast-out .25s forwards}.toast.err{border-color:rgba(255,90,110,.5);color:#ff9aa8}.toast.ok{border-color:rgba(61,220,151,.45);color:#8ff0c3}.toast.reward{border-color:rgba(255,200,61,.5);color:var(--gold)}@keyframes k-toast-in{from{opacity:0;transform:translateX(30px)}}@keyframes k-toast-out{to{opacity:0;transform:translateX(30px)}}@media (max-width:1023px){#toasts{top:64px;right:10px;left:10px;align-items:stretch}.toast{max-width:none}} .reward-bg{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow:auto;background:radial-gradient(circle,rgba(40,20,50,.85),rgba(3,3,8,.92));animation:k-fade .2s;padding:20px}@media (max-height:640px){.levelbig{font-size:64px}.reward .burst{width:240px;height:240px;margin:-120px 0 0 -120px}.reward .items{margin:12px 0}}.reward{text-align:center;max-width:520px;animation:k-pop .45s var(--ease)} .reward .burst{position:absolute;left:50%;top:50%;z-index:-1;width:360px;height:360px;margin:-180px 0 0 -180px;pointer-events:none;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,200,61,.22) 0 8deg,transparent 8deg 22deg);animation:k-rays-ui 14s linear infinite;-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%)}@keyframes k-rays-ui{to{transform:rotate(360deg)}}.reward h2{font-size:clamp(26px,6vw,40px);font-weight:900;margin-bottom:6px}.reward .items{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0}.reward .item{min-width:110px;padding:14px 16px;border-radius:18px;background:var(--surface2);border:1px solid var(--line2);animation:k-item .5s var(--ease) backwards}.reward .item b{display:block;font-family:var(--display);font-size:22px}.reward .item span{font-size:12.5px;color:var(--muted)}@keyframes k-item{from{opacity:0;transform:translateY(20px) scale(.8)}}.levelbig{font-family:var(--display);font-weight:900;font-size:110px;line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 40px rgba(255,200,61,.45))}#confetti{position:fixed;inset:0;pointer-events:none;z-index:160} .pack-art{--c:var(--gold);position:relative;aspect-ratio:5 / 7;border-radius:16px;overflow:hidden;display:grid;place-items:center;cursor:pointer;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--c) 85%,#fff) 0%,var(--c) 30%,color-mix(in srgb,var(--c) 35%,#000) 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),inset 0 -30px 60px rgba(0,0,0,.35),0 16px 40px color-mix(in srgb,var(--c) 35%,transparent);transition:transform .3s var(--ease);container-type:inline-size}.pack-art::before{content:'';position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 120%,transparent 0 9cqw,rgba(255,255,255,.08) 9cqw 10cqw)}.pack-art::after{content:'';position:absolute;left:0;right:0;top:7cqw;height:4cqw;background:repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 4cqw,transparent 4cqw 7cqw)}.pack-art .shine{position:absolute;top:0;bottom:0;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-160%) skewX(-15deg);animation:k-pack-shine 4.5s ease-in-out infinite}@keyframes k-pack-shine{60%,100%{transform:translateX(330%) skewX(-15deg)}}.pack-art b{position:relative;font-size:42cqw;color:rgba(255,255,255,.95);text-shadow:0 1cqw 6cqw rgba(0,0,0,.45);line-height:1}.pack-art span{position:absolute;bottom:9cqw;left:6cqw;right:6cqw;text-align:center;font-family:var(--display);font-weight:900;font-size:8cqw;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 .5cqw 2cqw rgba(0,0,0,.5)}.pack-art em{position:absolute;top:14cqw;font-style:normal;font-family:var(--mono);font-size:6cqw;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:.2em}.pack-art:hover{transform:translateY(-6px) rotate(-1.5deg)}.float{animation:k-float 3s ease-in-out infinite}@keyframes k-float{50%{transform:translateY(-10px) rotate(1deg)}}.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.pack-tile{--c:var(--gold);position:relative;border-radius:22px;padding:14px;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--c) 18%,transparent),transparent 60%),var(--surface);border:1px solid color-mix(in srgb,var(--c) 30%,var(--line));display:flex;flex-direction:column;gap:10px}.pack-tile h3{font-size:15px}.pack-tile .sub{color:var(--muted);font-size:12.5px;margin-top:-6px}.pack-tile .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.pack-tile .acts .btn{flex:1;padding:8px 10px;font-size:12.5px}.pack-tile .tag{position:absolute;top:10px;right:10px;z-index:3} .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.cards.sm{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:11px} .cards .item{cursor:pointer}.cards .item>.card{transition:transform .2s var(--ease)}.cards .item:hover>.card{transform:translateY(-4px)}.cards .cap{font-size:12px;color:var(--muted);margin-top:7px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cards .cap b{color:var(--chakra);font-family:var(--mono)}.pick{outline:3px solid var(--gold);outline-offset:3px;border-radius:14px}  .opening{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:22px;padding:24px;overflow:auto;background:radial-gradient(circle at 50% 42%,#0b2a66,#04102a 45%,#02050f 75%);animation:k-fade .2s}.opening .title{text-align:center}.opening .title .eyebrow{color:var(--c)}.opening .sealed{width:min(240px,58vw);cursor:pointer}.opening .sealed.tear{animation:k-tear .6s forwards}@keyframes k-tear{30%{transform:scale(1.08) rotate(-4deg)}100%{transform:scale(1.35);opacity:0;filter:brightness(3)}}.opening .hint{color:var(--muted);font-size:13px;animation:k-blink 1.4s infinite}@keyframes k-blink{50%{opacity:.3}}.reveal{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:1060px}.reveal .slot{width:clamp(118px,17vw,182px);aspect-ratio:5 / 7;position:relative;cursor:pointer;animation:k-deal .45s var(--ease) backwards}.reveal.many .slot{width:clamp(76px,10vw,120px)}.reveal .slot>*{position:absolute;inset:0}.reveal .slot:not(.flip)>.card,.reveal .slot.flip>.back{display:none}.reveal .slot.flip>.card{animation:k-flipin .5s var(--ease)}.reveal .slot.big:not(.flip)>.back{animation:k-shake 1s infinite;box-shadow:0 0 40px var(--glow),0 0 80px var(--glow)}.reveal .slot.big:not(.flip)::after{content:'';position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 65%);opacity:.45;z-index:-1;animation:k-pulse-glow 1.2s infinite}@keyframes k-pulse-glow{50%{opacity:.8;transform:scale(1.08)}}@keyframes k-deal{from{transform:translateY(80px) scale(.7) rotate(-8deg);opacity:0}}@keyframes k-flipin{from{transform:perspective(800px) rotateY(90deg) scale(.9)}60%{transform:perspective(800px) rotateY(-8deg) scale(1.06)}}@keyframes k-shake{10%,30%{transform:rotate(-2deg)}20%,40%{transform:rotate(2deg)}50%{transform:none}}.flash{position:fixed;inset:0;pointer-events:none;z-index:140;background:radial-gradient(circle,#fff,var(--c) 40%,transparent 75%);animation:k-flash .8s forwards}@keyframes k-flash{from{opacity:.9}to{opacity:0}}.summary{display:grid;gap:14px;width:min(1060px,100%)}.summary .stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.summary .stats .pill{font-size:13px;padding:6px 14px}.kind-banner{font-family:var(--display);font-weight:900;font-size:clamp(22px,5vw,38px);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;animation:k-pop .5s var(--ease)} .wheel-wrap{position:relative;width:min(340px,82vw);aspect-ratio:1;margin:0 auto} .wheel{position:relative;width:100%;height:100%;border-radius:50%;border:6px solid #1e1e2c;overflow:hidden;box-shadow:0 0 0 3px rgba(255,200,61,.5),0 20px 60px rgba(0,0,0,.6),inset 0 0 30px rgba(0,0,0,.5);will-change:transform;transform:translateZ(0)}.wheel-labels{position:absolute;inset:0}.wheel-win{position:absolute;inset:0;border-radius:50%;opacity:0;pointer-events:none}.wheel-win.on{animation:wheel-win 1.2s ease-in-out 3}@keyframes wheel-win{0%,100%{opacity:0}50%{opacity:1}}.wheel-pin{transform-origin:50% 0}.wheel-pin.flick{animation:pin-flick .18s ease-out}@keyframes pin-flick{0%{transform:translateX(-50%) rotate(0)}40%{transform:translateX(-50%) rotate(-16deg)}100%{transform:translateX(-50%) rotate(0)}}.wheel-pin{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid var(--gold);filter:drop-shadow(0 4px 6px rgba(0,0,0,.6));z-index:2}.wheel-hub{position:absolute;inset:39%;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:26px;color:#fff;box-shadow:0 0 0 5px #1e1e2c,0 6px 20px rgba(0,0,0,.5)} .track{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x proximity}.tier{flex:none;width:104px;scroll-snap-align:start;border-radius:16px;padding:10px;text-align:center;background:var(--surface);border:1px solid var(--line);position:relative}.tier .n{font-family:var(--mono);font-size:11px;color:var(--muted)}.tier .ic{font-size:26px;margin:4px 0}.tier .lbl{font-size:11.5px;font-weight:700;min-height:30px}.tier.unlocked{border-color:rgba(255,200,61,.5);background:rgba(255,200,61,.07)}.tier.claimed{opacity:.45}.tier.big{border-color:rgba(29,143,225,.6);background:linear-gradient(180deg,rgba(29,143,225,.16),transparent)}.tier.locked .ic{filter:grayscale(1);opacity:.5} .hub{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.hub{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.hub{grid-template-columns:1fr 1fr;gap:10px}}.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:20px;background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:transform .2s var(--ease),border-color .2s;min-height:150px}.tile:hover{transform:translateY(-3px);border-color:var(--line2)}.tile .ic{font-size:30px;line-height:1}.tile h3{font-size:15px}.tile p{color:var(--muted);font-size:12.5px}.tile .foot-row{margin-top:auto}.tile.ready{border-color:rgba(255,200,61,.55);box-shadow:0 0 0 1px rgba(255,200,61,.2),0 10px 40px rgba(255,200,61,.12)}.tile.ready::after{content:'PRÊT';position:absolute;top:12px;right:12px;font-family:var(--mono);font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--gold-grad);color:#241500;animation:k-blink 1.6s infinite} .feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.pull{--c:var(--r-L);display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 12%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--c) 30%,var(--line));animation:k-pop .4s var(--ease)}.pull[data-r=M]{--c:var(--r-M)}.pull .thumb{width:46px;height:64px;border-radius:8px;object-fit:cover;object-position:50% 20%;border:2px solid var(--c);flex:none}.pull .r{color:var(--c);font-size:11.5px;font-weight:700;font-family:var(--mono)}.pull b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wthumb{position:relative;flex:none;width:42px;height:58px;border-radius:9px;overflow:hidden;border:2px solid var(--c);background:var(--surface2)}.wthumb img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.wthumb.locked{border-color:var(--line2)}.wthumb.locked img{filter:grayscale(.75) brightness(.8)}.wthumb.locked::after{content:'🔒';position:absolute;right:2px;bottom:1px;font-size:11px} .listings{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:16px}.listing{cursor:pointer}.listing .meta{margin-top:8px;font-size:13px} .chat{position:fixed;right:18px;bottom:18px;z-index:70;width:min(390px,calc(100vw - 24px));height:min(580px,calc(100vh - 110px));display:flex;flex-direction:column;background:#11111a;border:1px solid var(--line2);border-radius:22px;box-shadow:var(--shadow);animation:k-pop .25s var(--ease)}.chat header{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.chat .msgs{flex:1;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:9px}.chat .msg{font-size:14px;line-height:1.4}.chat .msg .who{font-size:13px;color:var(--gold)}.chat .msg .cardline{display:inline-flex;align-items:center;gap:8px;padding:5px 9px;border-radius:10px;background:var(--surface);margin-top:5px;border:1px solid var(--c)}.chat .msg .cardline img{width:24px;height:33px;object-fit:cover;border-radius:4px}.chat form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line)}.chat-fab{position:fixed;right:20px;bottom:20px;z-index:50}@media (max-width:1023px){.chat-fab{display:none}.chat{right:12px;bottom:96px;height:min(560px,calc(100vh - 170px))}}.dm{display:grid;grid-template-columns:260px 1fr;gap:14px}@media (max-width:720px){.dm{grid-template-columns:1fr}}.bubbles{display:flex;flex-direction:column;gap:6px;height:380px;overflow:auto;padding:12px;background:rgba(0,0,0,.3);border-radius:16px;border:1px solid var(--line)}.bubble{max-width:78%;padding:8px 13px;border-radius:16px 16px 16px 4px;background:var(--surface2);align-self:flex-start;font-size:14px}.bubble.me{align-self:flex-end;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,rgba(76,201,255,.5),rgba(29,143,225,.5))} .chart{width:100%;height:140px}.chart path.l{fill:none;stroke:var(--chakra);stroke-width:2}.chart path.a{fill:rgba(111,227,255,.1)} .counters{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.counter{--c:var(--accent2);flex:1 0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;color:var(--muted)}.counter i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 20%,transparent);color:var(--c);font-weight:700}.counter b{font-family:var(--mono);color:var(--c)}.mission{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.mission .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface2);font-size:17px}.mission.done{opacity:.5}.mission.ready{border-color:rgba(61,220,151,.5);background:rgba(61,220,151,.06)}.mission .bar{margin-top:6px}.streak{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.streak .d{text-align:center;padding:12px 4px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.streak .d b{display:block;font-size:22px;margin:2px 0}.streak .d.ok{border-color:rgba(61,220,151,.5);background:rgba(61,220,151,.08)}.streak .d.now{border-color:var(--gold);box-shadow:0 0 24px rgba(255,200,61,.3)}@media (max-width:560px){.streak{gap:4px}.streak .d{padding:8px 2px;font-size:11px}.streak .d b{font-size:16px}}.ach{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.ach .a{display:flex;gap:11px;padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line);align-items:center}.ach .a>i{font-style:normal;width:42px;height:42px;border-radius:14px;background:var(--surface2);display:grid;place-items:center;font-weight:700;flex:none;font-size:18px}.ach .a.got>i{background:var(--gold-grad);color:#241500}.ach .a.ready{border-color:rgba(61,220,151,.5)}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat{padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.stat small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.stat b{display:block;font-family:var(--display);font-size:24px;margin-top:2px}.filters{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}@media (max-width:700px){.filters{grid-template-columns:1fr}}.banner{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;border:1px solid rgba(255,200,61,.4);background:linear-gradient(90deg,rgba(255,200,61,.12),rgba(29,143,225,.1))}.banner .ic{font-size:28px}.banner .grow{min-width:200px}.stars{color:var(--gold);letter-spacing:2px}.trade-col{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(0,0,0,.25)} .casino{gap:20px}.results{width:min(1060px,100%)}.casino .stats{margin-bottom:4px} .lite .pack-art .shine,.lite .bar>i::after,.lite .reward .burst{display:none}.lite .float,.lite .tile.ready::after{animation:none} .results [data-zoom]{cursor:zoom-in} .wheel-wrap .flame path{animation:none} .opening>:not(.op-sky){position:relative;z-index:1} .op-sky{--deep:#04122e;--mid:#1c4c9c;--light:#8fd0ff}.op-sky[data-sky=steel]{--deep:#031c1e;--mid:#1d6a68;--light:#aef5e6}.op-sky[data-sky=gold]{--deep:#1f1203;--mid:#8a6214;--light:#ffe08a}.op-sky[data-sky=prism]{--deep:#160830;--mid:#5a2a9a;--light:#e6b8ff}.opening>.op-sky.op-sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 30% 7% at 50% 80%,color-mix(in srgb,var(--light) 80%,#fff 10%),transparent 75%),radial-gradient(ellipse 100% 13% at 50% 79%,color-mix(in srgb,var(--light) 50%,transparent),transparent 80%), linear-gradient(180deg,transparent 80%,color-mix(in srgb,var(--deep) 85%,transparent) 100%), linear-gradient(180deg,color-mix(in srgb,var(--deep) 80%,transparent),transparent 28%),radial-gradient(ellipse 110% 90% at 50% 45%,var(--mid),var(--deep) 85%)}.op-sky>i{position:absolute;display:block;pointer-events:none} .op-sky .neb{inset:-12%;animation:op-neb 38s ease-in-out infinite alternate;background:radial-gradient(ellipse 26% 18% at 20% 30%,color-mix(in srgb,var(--light) 48%,transparent),transparent 70%),radial-gradient(ellipse 20% 14% at 30% 22%,color-mix(in srgb,var(--light) 30%,transparent),transparent 70%),radial-gradient(ellipse 24% 18% at 80% 26%,color-mix(in srgb,var(--light) 40%,transparent),transparent 70%),radial-gradient(ellipse 36% 22% at 66% 58%,color-mix(in srgb,var(--light) 34%,transparent),transparent 72%),radial-gradient(ellipse 30% 20% at 26% 64%,color-mix(in srgb,var(--light) 28%,transparent),transparent 72%),radial-gradient(ellipse 20% 16% at 50% 14%,color-mix(in srgb,var(--deep) 85%,transparent),transparent 70%),radial-gradient(ellipse 18% 22% at 92% 50%,color-mix(in srgb,var(--deep) 80%,transparent),transparent 70%),radial-gradient(ellipse 22% 18% at 6% 48%,color-mix(in srgb,var(--deep) 75%,transparent),transparent 70%),radial-gradient(ellipse 26% 14% at 44% 40%,color-mix(in srgb,var(--deep) 45%,transparent),transparent 70%)} .op-sky .stars{inset:0;animation:op-twinkle 4s ease-in-out infinite alternate;background:radial-gradient(1.6px 1.6px at 14% 22%,#fff,transparent),radial-gradient(1.4px 1.4px at 71% 13%,#fff,transparent),radial-gradient(1.8px 1.8px at 86% 38%,#fff,transparent),radial-gradient(1.4px 1.4px at 33% 47%,#fff,transparent),radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.9),transparent) 0 0 / 190px 170px,radial-gradient(1px 1px at 120px 90px,rgba(255,255,255,.7),transparent) 0 0 / 230px 210px,radial-gradient(1.2px 1.2px at 60px 140px,color-mix(in srgb,var(--light) 80%,#fff),transparent) 0 0 / 270px 250px,radial-gradient(.9px .9px at 90px 40px,rgba(255,255,255,.8),transparent) 0 0 / 120px 110px,radial-gradient(.8px .8px at 30px 80px,rgba(255,255,255,.6),transparent) 0 0 / 90px 130px,radial-gradient(2px 2px at 150px 60px,#fff,transparent) 0 0 / 420px 380px} .opening .tear-pack,.opening .mb-pack{-webkit-box-reflect:below 6px linear-gradient(transparent 80%,rgba(255,255,255,.26));margin-bottom:calc(min(300px,68vw) * .34)}.op-lite .tear-pack,.op-lite .mb-pack{-webkit-box-reflect:unset;margin-bottom:0} .op-sky .motes{left:0;right:0;top:0;height:200%;animation:op-rise 30s linear infinite;background:radial-gradient(circle at 18% 20%,#fff 0 1.5px,color-mix(in srgb,var(--light) 70%,transparent) 2.5px,transparent 7px),radial-gradient(circle at 82% 34%,#fff 0 1.2px,color-mix(in srgb,var(--light) 70%,transparent) 2px,transparent 6px),radial-gradient(circle at 63% 12%,#fff 0 1.8px,color-mix(in srgb,var(--light) 70%,transparent) 3px,transparent 8px),radial-gradient(circle at 36% 41%,#fff 0 1px,color-mix(in srgb,var(--light) 70%,transparent) 2px,transparent 5px),radial-gradient(circle at 91% 8%,#fff 0 1.4px,color-mix(in srgb,var(--light) 70%,transparent) 2.5px,transparent 7px),radial-gradient(circle at 8% 46%,#fff 0 1.2px,color-mix(in srgb,var(--light) 70%,transparent) 2px,transparent 6px);background-size:100% 50%}@keyframes op-neb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.08) translate(-2%,1.5%)}}@keyframes op-twinkle{from{opacity:.45}to{opacity:1}}@keyframes op-rise{from{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.op-sky>i{animation:none}}.lite .op-sky>i{animation:none} .pack-art.metal{--mt:linear-gradient(160deg,#fdfdff 0%,#b9c0cc 16%,#ffffff 30%,#6f7785 46%,#f4f6fa 60%,#9aa2b0 78%,#ffffff 100%);--mt-ink:#2a3140;--mt-holo:.45}.pack-art.metal.m-gold{--mt:linear-gradient(160deg,#fff6d0 0%,#d9a33a 16%,#fff3c4 30%,#8a5f12 46%,#ffe9a6 60%,#b8862a 78%,#fff3c4 100%);--mt-ink:#5a3a06;--mt-holo:.22}.pack-art.metal.m-prism{--mt-holo:.9} .pack-art.metal::before,.pack-art.metal::after{-webkit-mask:none;mask:none;height:5.5cqw;border-radius:2cqw 2cqw 0 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 .5cqw,transparent .5cqw 1.4cqw),var(--mt);box-shadow:inset 0 -.6cqw 1cqw rgba(0,0,0,.25)}.pack-art.metal .pk-body{inset:5cqw 0;border-radius:2cqw;background:var(--mt);box-shadow:inset 0 0 0 .5cqw rgba(255,255,255,.8),inset 0 0 0 1.4cqw rgba(0,0,0,.18),inset 0 0 0 1.8cqw rgba(255,255,255,.5)}.pack-art.metal .pk-body::after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 45%,transparent 60%)}.pack-art.metal .pk-body>i{position:absolute;display:block}.pack-art.metal .mt-holo{inset:0;mix-blend-mode:overlay;opacity:var(--mt-holo);background:conic-gradient(from 0deg at 50% 45%,#ff9aa2,#ffdac1,#e2f0cb,#b5ead7,#c7ceea,#e0bbe4,#ff9aa2)}.pack-art.metal .mt-star{left:50%;top:18%;width:54cqw;aspect-ratio:1;transform:translateX(-50%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:linear-gradient(135deg,#fff,#c9d1de 35%,#fff 50%,#8b93a3 70%,#fff);filter:drop-shadow(0 2cqw 3cqw rgba(40,40,70,.35))}.pack-art.metal.m-gold .mt-star{background:linear-gradient(135deg,#fff,#ffd76a 35%,#fff6d0 50%,#b8862a 70%,#fff)}.pack-art.metal .mt-mini{width:12cqw;aspect-ratio:1;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:linear-gradient(135deg,#fff,var(--c))}.pack-art.metal .mt-mini.a{top:14%;left:12%}.pack-art.metal .mt-mini.b{top:50%;right:14%;width:9cqw}.pack-art.metal .pk-brand{color:var(--mt-ink);text-shadow:0 .3cqw 0 rgba(255,255,255,.7)}.pack-art.metal .mt-word{position:absolute;z-index:2;left:0;right:0;bottom:20cqw;text-align:center;font:800 15cqw/1 var(--display);letter-spacing:.06em;color:var(--mt-ink);text-shadow:0 .5cqw 0 rgba(255,255,255,.75)}.pack-art.metal.m-prism .mt-word{color:transparent;background:linear-gradient(90deg,#ff5f9e,#ffb86b,#5be3a8,#57b6ff,#a66cff);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 .4cqw 0 rgba(255,255,255,.9))}.pack-art.metal .mt-sub{position:absolute;z-index:2;left:6cqw;right:6cqw;bottom:9cqw;text-align:center;font:700 3.6cqw/1.3 var(--body);color:var(--mt-ink);opacity:.85} .opening .metal-stage{perspective:1100px;cursor:pointer}.mb-pack{--p:0;position:relative;perspective:900px;width:min(280px,64vw);aspect-ratio:5 / 7.4;transform-style:preserve-3d;outline:none;touch-action:none;transform:scale(calc(1 + var(--p) * .07));filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));animation:tp-float 3s ease-in-out infinite}.mb-pack:focus-visible{filter:drop-shadow(0 0 0 2px var(--accent)) drop-shadow(0 30px 40px rgba(0,0,0,.6))}.mb-half{position:absolute;inset:0;transform-origin:50% 50%}.mb-half .pack-art{width:100%;height:100%;pointer-events:none}.mb-half .pack-art:hover{transform:none;filter:none}.mb-half.l{transform:rotateY(calc(var(--p) * 26deg))}.mb-half.r{transform:rotateY(calc(var(--p) * -26deg))} .mb-half::after{content:'';position:absolute;inset:5cqw 0;border-radius:2cqw;pointer-events:none;mix-blend-mode:screen;opacity:clamp(0,calc(var(--p) * 1.35 - .1),1);background:radial-gradient(35% 80% at 50% 50%,#fff,color-mix(in srgb,var(--c) 80%,#fff) 30%,color-mix(in srgb,var(--c) 60%,transparent) 70%,transparent)}.mb-crack{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform:translateZ(1px);opacity:clamp(0,calc(var(--p) * 1.4 - .15),1)}.mb-crack polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.mb-crack .glow{stroke:color-mix(in srgb,var(--c) 70%,#fff);stroke-width:9;filter:blur(4px)}.mb-crack .core{stroke:#fff;stroke-width:2.2;stroke-dasharray:0 1}.mb-crack .glow{stroke-dasharray:0 1}.mb-pack.broken{animation:none}.mb-pack.broken .mb-half.l{animation:mb-fly-l .9s cubic-bezier(.2,.7,.2,1) forwards}.mb-pack.broken .mb-half.r{animation:mb-fly-r .9s cubic-bezier(.2,.7,.2,1) forwards}.mb-pack.broken .mb-crack{opacity:0;transition:opacity .3s}@keyframes mb-fly-l{0%{transform:rotateY(26deg)}15%{transform:translateX(-8%) rotateZ(-8deg) rotateY(42deg);opacity:1}100%{transform:translate(-95%,45%) rotateZ(-40deg) rotateY(110deg);opacity:0}}@keyframes mb-fly-r{0%{transform:rotateY(-26deg)}15%{transform:translateX(8%) rotateZ(8deg) rotateY(-42deg);opacity:1}100%{transform:translate(95%,45%) rotateZ(40deg) rotateY(-110deg);opacity:0}}.mb-hint{display:flex;align-items:center;gap:10px}.mb-ring{width:30px;height:30px;transform:rotate(-90deg)}.mb-ring circle{fill:none;stroke-width:3.5}.mb-ring .track{stroke:rgba(255,255,255,.14)}.mb-ring .bar{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:106.8;stroke-dashoffset:106.8} .opening{--tc:var(--r-R);--veil:0}.opening[data-tier=E]{--tc:var(--r-E);--veil:.45}.opening[data-tier=L]{--tc:var(--r-L);--veil:.72}.opening[data-tier=M]{--tc:#ffffff;--veil:.9}.opening>.rv-veil,.opening>.rv-heaven,.opening>.rv-motif,.opening>.rv-fx,.opening>.rv-banner{position:fixed;pointer-events:none}.opening>.rv-veil,.opening>.rv-heaven{inset:0;z-index:1;opacity:0;transition:opacity .7s}.rv-veil{background:radial-gradient(circle at 50% 45%,transparent 12%,rgba(4,3,10,.75) 55%,rgba(2,1,6,.96))}.opening[data-tier=M] .rv-veil{background:radial-gradient(circle at 50% 45%,#fff 0%,rgba(255,252,240,.9) 22%,rgba(240,244,255,.7) 50%,rgba(255,255,255,.92) 100%)}.opening.rv-climax .rv-veil{opacity:var(--veil)} .opening.rv-climax[data-tier=M] .rv-heaven{opacity:1}.rv-heaven::before{content:'';position:absolute;left:-20%;right:-20%;top:-10%;height:85%;filter:blur(14px);animation:rv-shafts 6s ease-in-out infinite alternate;background:repeating-linear-gradient(100deg,transparent 0 60px,rgba(255,255,255,.85) 60px 110px,transparent 110px 170px,rgba(255,246,215,.6) 170px 200px,transparent 200px 280px);-webkit-mask:linear-gradient(to bottom,#000,transparent 90%);mask:linear-gradient(to bottom,#000,transparent 90%)}@keyframes rv-shafts{to{transform:translateX(60px);opacity:.7}}.rv-heaven::after{content:'';position:absolute;left:0;right:0;bottom:0;height:40%;filter:blur(6px);background:radial-gradient(60% 100% at 50% 100%,rgba(255,255,255,.95),rgba(255,255,255,.5) 50%,transparent 80%)} .opening>.rv-motif{left:50%;top:45%;z-index:1;width:1100px;height:1100px;margin:-550px 0 0 -550px;border-radius:50%;opacity:0;transition:opacity .7s;-webkit-mask:radial-gradient(closest-side,#000 35%,transparent 88%);mask:radial-gradient(closest-side,#000 35%,transparent 88%);animation:rv-spin 14s linear infinite}.opening.rv-motif-on>.rv-motif,.opening.rv-climax>.rv-motif{opacity:.85}.opening[data-tier=R]>.rv-motif{background:radial-gradient(closest-side,rgba(123,150,255,.35),transparent 70%)}.opening[data-tier=E]>.rv-motif{background:repeating-conic-gradient(from 0deg,rgba(255,174,43,.45) 0 7deg,transparent 7deg 22.5deg)}.opening[data-tier=L]>.rv-motif{background:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(2px 2px at 40% 75%,#ffd6da,transparent),radial-gradient(1px 1px at 85% 60%,#fff,transparent),radial-gradient(closest-side,rgba(255,92,120,.45),transparent 70%);background-size:160px 160px,160px 160px,160px 160px,160px 160px,100% 100%}.opening[data-tier=M]>.rv-motif{inset:0;width:auto;height:auto;margin:0;border-radius:0;-webkit-mask:none;mask:none;animation:none;background:radial-gradient(ellipse 60% 45% at 50% 45%,rgba(255,255,255,.22),transparent 70%)} .rv-aurora{position:absolute;left:-30%;width:160%;height:46%;border-radius:50%;mix-blend-mode:screen;opacity:.5;background:linear-gradient(90deg,transparent 4%,#ff8fb3 16%,#ffe08a 30%,#8ff0c4 44%,#8fd0ff 58%,#c9a4ff 72%,#ffb0e0 86%,transparent 96%) 0 0 / 200% 100%;-webkit-mask:linear-gradient(180deg,transparent,#000 35%,#000 55%,transparent);mask:linear-gradient(180deg,transparent,#000 35%,#000 55%,transparent);animation:rv-aurora 11s ease-in-out infinite alternate,rv-aurora-hue 7s linear infinite}.rv-aurora.a{top:2%;transform:rotate(-8deg)}.rv-aurora.b{top:24%;opacity:.38;animation-duration:14s,9s;animation-delay:-4s,-2s}.rv-aurora.c{top:50%;opacity:.3;animation-duration:17s,11s;animation-delay:-8s,-5s}@keyframes rv-aurora{from{transform:translateX(-8%) skewX(-14deg) scaleY(.85)}to{transform:translateX(8%) skewX(12deg) scaleY(1.15)}}@keyframes rv-aurora-hue{to{background-position:-200% 0}} .rv-halo{position:absolute;left:50%;top:45%;width:min(92vw,820px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:conic-gradient(#ff8fb3,#ffe08a,#8ff0c4,#8fd0ff,#c9a4ff,#ff8fb3);-webkit-mask:radial-gradient(closest-side,transparent 80%,#000 83%,#000 86%,transparent 92%);mask:radial-gradient(closest-side,transparent 80%,#000 83%,#000 86%,transparent 92%);opacity:.75;animation:rv-spin 16s linear infinite}.rv-halo.out{width:min(140vw,1250px);opacity:.35;animation:rv-spin 26s linear infinite reverse,rv-halo 3.2s ease-in-out infinite alternate}@keyframes rv-halo{to{opacity:.6;scale:1.04}}@keyframes rv-spin{to{transform:rotate(360deg)}}.rv-motif svg{position:absolute;inset:12%;width:76%;height:76%;overflow:visible}.rv-motif svg *{vector-effect:non-scaling-stroke}.rv-spin{animation:rv-spin 18s linear infinite;transform-origin:0 0}.rv-spin.rev{animation-direction:reverse;animation-duration:26s}.rv-spin.slow{animation-duration:40s}.rv-ripple circle{fill:none;stroke:#b3c2ff;stroke-width:2;transform-origin:0 0;filter:drop-shadow(0 0 4px #7b96ff);animation:rv-ripple 1.4s ease-out var(--d) infinite}@keyframes rv-ripple{from{transform:scale(.3);opacity:1}to{transform:scale(1.3);opacity:0}}.rv-motif .ray{fill:url(#rvSun);filter:drop-shadow(0 0 6px rgba(255,170,40,.9))}.rv-motif .orbit{fill:none;stroke:rgba(255,208,213,.55);stroke-width:1;stroke-dasharray:2 5}.rv-motif .const{fill:none;stroke:rgba(255,208,213,.7);stroke-width:1}.rv-motif .tw{fill:#fff;filter:drop-shadow(0 0 3px #ff9aa5);transform-box:fill-box;transform-origin:center;animation:rv-twinkle 1.2s ease-in-out var(--d) infinite}@keyframes rv-twinkle{50%{opacity:.3;transform:scale(.6)}}.rv-motif .big{fill:rgba(255,154,165,.25);stroke:#ffe6ec;stroke-width:1.5;filter:drop-shadow(0 0 6px #ff5c78)}.rv-motif .big.in{fill:rgba(255,255,255,.55)} .rv-glow{filter:drop-shadow(0 0 30px var(--tc)) drop-shadow(0 0 70px var(--tc)) !important;transition:filter var(--rv-dur,.6s) ease-in}.opening[data-tier=M] .rv-glow{filter:drop-shadow(0 0 40px #fff) drop-shadow(0 0 90px #fff) brightness(1.4) !important} .opening>.rv-banner{z-index:4;left:0;right:0;top:14%;text-align:center;opacity:0;font:800 clamp(30px,7vw,64px) var(--display);letter-spacing:.08em;color:#fff;text-shadow:0 0 18px var(--tc),0 0 40px var(--tc),0 4px 0 color-mix(in srgb,var(--tc) 60%,#000)}.opening[data-tier=E]>.rv-banner{font-style:italic;transform:skewX(-8deg)}.opening[data-tier=L]>.rv-banner{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;letter-spacing:.22em}.opening[data-tier=M]>.rv-banner{color:transparent;background:linear-gradient(90deg,#ff8fb3,#ffe08a,#8ff0c4,#8fd0ff,#c9a4ff);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 2px rgba(120,90,30,.6)) drop-shadow(0 0 14px rgba(255,220,140,.9))}.rv-banner.go{animation:rv-banner 2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes rv-banner{0%{opacity:0;scale:2.4;letter-spacing:.5em}18%{opacity:1;scale:1}75%{opacity:1}100%{opacity:0;translate:0 -20px}}.opening>.rv-fx{inset:0;width:100%;height:100%;z-index:3} .rv-shock{position:fixed;z-index:3;width:80px;height:80px;margin:-40px 0 0 -40px;pointer-events:none;animation:rv-shock 1s cubic-bezier(.1,.7,.3,1) forwards}.rv-shock svg{width:100%;height:100%;overflow:visible;fill:none;stroke:color-mix(in srgb,var(--tc) 75%,#fff);filter:drop-shadow(0 0 4px var(--tc)) drop-shadow(0 0 12px var(--tc))}.rv-shock svg *{vector-effect:non-scaling-stroke;stroke-width:3}@keyframes rv-shock{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(22) rotate(25deg)}} .opening>.rv-pillar{position:fixed;z-index:3;top:0;bottom:0;width:min(46vw,320px);translate:-50% 0;pointer-events:none;transform-origin:50% 0;mix-blend-mode:screen;background:linear-gradient(90deg,transparent,rgba(255,143,179,.35) 18%,rgba(143,208,255,.5) 32%,#fff 50%,rgba(143,240,196,.5) 68%,rgba(255,224,138,.35) 82%,transparent);-webkit-mask:linear-gradient(180deg,#000 55%,transparent);mask:linear-gradient(180deg,#000 55%,transparent);animation:rv-pillar 1.8s cubic-bezier(.2,.8,.3,1) forwards}@keyframes rv-pillar{0%{opacity:0;transform:scaleX(.05) scaleY(0)}15%{opacity:1;transform:scaleX(.12) scaleY(1)}35%{opacity:1;transform:scaleX(1) scaleY(1)}100%{opacity:0;transform:scaleX(1.6) scaleY(1)}}.opening.rv-quake>:not(.rv-fx,.op-sky){animation:rv-quake .5s ease-out}@keyframes rv-quake{15%{translate:-6px 3px}30%{translate:5px -4px}45%{translate:-4px 2px}60%{translate:3px -2px}80%{translate:-1px 1px}} .rv-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,22px);width:min(1100px,100%)}.rv-cards:empty{display:none}.rv-slot{--tx:0deg;--ty:0deg;--turn:180deg;--aura:.3;position:relative;width:clamp(100px,15vw,176px);aspect-ratio:5 / 7;perspective:900px;container-type:inline-size;cursor:pointer;opacity:0;touch-action:none;outline:none}.rv-cards.many .rv-slot{width:clamp(64px,9vw,110px)}.rv-slot[data-r=U]{--aura:.45}.rv-slot[data-r=R]{--aura:.6}.rv-slot[data-r=E]{--aura:.8}.rv-slot[data-r=L],.rv-slot[data-r=M]{--aura:1}.rv-slot.open{--turn:0deg;cursor:zoom-in}.rv-slot:focus-visible .rv-in{outline:2px solid var(--accent);outline-offset:6px}.rv-slot.deal{animation:rv-deal .85s cubic-bezier(.18,.9,.25,1.12) forwards;animation-delay:calc(var(--i) * 90ms)}@keyframes rv-deal{from{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.2) rotate(var(--fr))}25%{opacity:1}to{opacity:1;transform:none}}.rv-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;scale:var(--sc,1);transform:translateY(var(--lift,0)) rotateX(var(--tx)) rotateY(calc(var(--turn) + var(--ty)));transition:transform .8s cubic-bezier(.3,1.3,.4,1),scale .35s cubic-bezier(.3,1.4,.4,1)}.rv-slot:hover{--lift:-6px}.rv-slot:hover:not(.open){--lift:-12px;--sc:1.07}.rv-slot.drag .rv-in,.rv-slot.flipping .rv-in{transition:none}.rv-in .edge{position:absolute;inset:0;border-radius:4.5cqw;background:color-mix(in srgb,var(--c) 55%,#0a1120);transform:translateZ(calc(var(--z) * .3cqw))}.rv-in .edge:nth-child(odd){background:color-mix(in srgb,var(--c) 42%,#0a1120)}.rv-cf,.rv-cb{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;container-type:inline-size}.rv-cf{transform:translateZ(1.3cqw)}.rv-cf .card{width:100%;height:100%}.rv-cf .card .ci{transform:none} .rv-cb{transform:rotateY(180deg) translateZ(1.3cqw);border-radius:4.5cqw;overflow:hidden;display:grid;place-items:center;background:radial-gradient(90% 70% at 50% 35%,color-mix(in srgb,var(--c) 85%,#fff 15%),var(--c) 45%,color-mix(in srgb,var(--c) 45%,#050913) 100%);box-shadow:inset 0 0 0 2.2cqw color-mix(in srgb,var(--c) 70%,#fff 15%),0 0 12cqw color-mix(in srgb,var(--c) 45%,transparent)}.rv-cb::before{content:'';position:absolute;inset:5cqw;border-radius:4cqw;border:.6cqw solid rgba(255,255,255,.45);background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 2cqw,transparent 2cqw 4cqw)}.rv-cb::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%)}.rv-cb .ib-mark .yatta-emblem *{animation:none !important}.rv-cb .ib-mark svg{width:100%;height:100%}.rv-cb .ib-mark .yatta-emblem stop:first-child{stop-color:color-mix(in srgb,var(--c) 55%,#fff)}.rv-cb .ib-mark .yatta-emblem stop:last-child{stop-color:color-mix(in srgb,var(--c) 75%,#0b1424)}.rv-cb .ib-mark .yatta-back rect{fill:color-mix(in srgb,var(--c) 30%,#0b1424)}.rv-cb .ib-mark .yatta-star{fill:color-mix(in srgb,var(--c) 80%,#0b1424)}.rv-cb .ib-mark .yatta-emblem>rect{stroke:rgba(255,255,255,.55);stroke-width:1.2} .rv-slot[data-r=M]{--c:#d9e6ff !important}.rv-slot[data-r=M] .rv-cb{background:radial-gradient(70% 55% at 50% 40%,rgba(255,255,255,.45),transparent 70%),linear-gradient(135deg,#ff3b3b,#ffb43b 14%,#ffee3b 28%,#3bff7a 42%,#3bd8ff 57%,#3b6bff 71%,#a63bff 85%,#ff3b3b) 0 0 / 300% 300%;box-shadow:inset 0 0 0 2.2cqw rgba(255,255,255,.35),0 0 12cqw rgba(120,200,255,.55);animation:m-rgb 2.4s linear infinite}.rv-slot[data-r=M] .rv-in .edge{background:linear-gradient(180deg,#ff3b3b,#ffee3b,#3bff7a,#3bd8ff,#3b6bff,#a63bff) 0 0 / 100% 300%;animation:m-rgb 2.4s linear infinite}.rv-slot[data-r=M] .rv-aura{background:conic-gradient(#ff3b3b,#ffee3b,#3bff7a,#3bd8ff,#3b6bff,#a63bff,#ff3b3b);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent);mask:radial-gradient(closest-side,#000 30%,transparent)} .rv-slot>i{position:absolute;display:block;pointer-events:none}.rv-aura{inset:-22%;border-radius:32%;opacity:0;transition:opacity .3s;filter:blur(6px);background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 90%,#fff 10%),color-mix(in srgb,var(--c) 45%,transparent) 55%,transparent)}.rv-slot:hover:not(.open)>.rv-aura{opacity:var(--aura);animation:rv-aura 1.1s ease-in-out infinite}.rv-slot.big:not(.burst)>.rv-aura{opacity:1;animation:rv-aura .35s ease-in-out infinite}@keyframes rv-aura{50%{transform:scale(1.08)}} .rv-slot.flipping{z-index:6}.rv-slot.small .rv-in{animation:rv-flip .9s cubic-bezier(.3,.7,.3,1) both}.rv-slot.big .rv-in{animation:rv-flip-big 1.5s cubic-bezier(.3,.7,.3,1) both}@keyframes rv-flip{0%{transform:rotateY(180deg)}30%{transform:translateY(-18px) translateZ(70px) rotateX(10deg) rotateY(180deg) rotateZ(-4deg) scale(1.1)}62%{transform:translateY(-12px) translateZ(90px) rotateY(-28deg) scale(1.2)}80%{transform:translateZ(40px) rotateY(12deg) scale(1.08)}100%{transform:rotateY(0deg)}}@keyframes rv-flip-big{0%{transform:rotateY(180deg)}12%{transform:translateY(-20px) translateZ(60px) rotateY(180deg) rotateZ(-3deg) scale(1.1)}20%{transform:translateY(-22px) translateZ(64px) rotateY(180deg) rotateZ(3deg) scale(1.12)}28%{transform:translateY(-22px) translateZ(68px) rotateY(180deg) rotateZ(-3deg) scale(1.13)}36%{transform:translateY(-24px) translateZ(72px) rotateY(180deg) rotateZ(3deg) scale(1.14)}44%{transform:translateY(-26px) translateZ(80px) rotateY(180deg) scale(1.16)}64%{transform:translateY(-18px) translateZ(120px) rotateY(-36deg) scale(1.32)}82%{transform:translateZ(50px) rotateY(14deg) scale(1.12)}100%{transform:rotateY(0deg)}} .rv-ring{inset:0;border-radius:6%;border:3px solid color-mix(in srgb,var(--c) 80%,#fff);box-shadow:0 0 20px var(--c),inset 0 0 20px var(--c);opacity:0}.rv-slot[data-r=L]>.rv-ring{border:0;border-radius:0;background:color-mix(in srgb,var(--c) 60%,#fff);clip-path:polygon(50% 0,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0 50%,39% 35%)}.rv-slot[data-r=M]>.rv-ring{border:0;border-radius:0;background:linear-gradient(135deg,#ff8fb3,#ffe08a,#8ff0c4,#8fd0ff,#c9a4ff);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.rv-rays{inset:-70%;opacity:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--c) 75%,#fff 10%) 0 5deg,transparent 5deg 18deg);-webkit-mask:radial-gradient(closest-side,#000 20%,transparent 75%);mask:radial-gradient(closest-side,#000 20%,transparent 75%)}.rv-slot[data-r=R]>.rv-rays{background:repeating-radial-gradient(circle,transparent 0 9px,color-mix(in srgb,var(--c) 80%,#fff) 9px 11px)}.rv-slot[data-r=E]>.rv-rays{background:repeating-conic-gradient(from 0deg,rgba(255,200,80,.95) 0 6deg,rgba(255,120,30,.6) 6deg 9deg,transparent 9deg 22.5deg)}.rv-slot[data-r=L]>.rv-rays{background:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 70% 25%,#fff,transparent),radial-gradient(3px 3px at 40% 70%,#ffe6e9,transparent),repeating-conic-gradient(from 0deg,rgba(255,154,165,.9) 0 1.5deg,transparent 1.5deg 45deg);background-size:50px 50px,50px 50px,50px 50px,100% 100%}.rv-slot[data-r=M]>.rv-rays{background:repeating-conic-gradient(from 0deg,#ff8fb3 0 4deg,transparent 4deg 10deg,#ffe08a 10deg 14deg,transparent 14deg 20deg,#8ff0c4 20deg 24deg,transparent 24deg 30deg,#8fd0ff 30deg 34deg,transparent 34deg 40deg,#c9a4ff 40deg 44deg,transparent 44deg 50deg)}.rv-slot.burst>.rv-ring{animation:rv-ring .8s ease-out forwards}.rv-slot.burst>.rv-rays{animation:rv-rays-out 1.1s ease-out forwards}.rv-slot.burst:is([data-r=L],[data-r=M])>.rv-rays{animation-duration:2.2s}@keyframes rv-ring{from{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.9) rotate(20deg)}}@keyframes rv-rays-out{0%{opacity:0;transform:scale(.3)}25%{opacity:.9}100%{opacity:0;transform:scale(1.15) rotate(50deg)}} .rv-slot::before{content:'';position:absolute;inset:-14%;border-radius:30%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 70%,transparent),transparent);opacity:0;transition:opacity .6s .3s;pointer-events:none}.rv-slot.open:is([data-r=E],[data-r=L],[data-r=M])::before{opacity:.9}@media (prefers-reduced-motion:reduce){.rv-slot.deal{animation-duration:.01s;animation-delay:0s}.opening>.rv-motif,.rv-spin,.rv-motif .tw,.rv-ripple circle,.rv-heaven::before,.mb-pack,.rv-aurora,.rv-halo{animation:none !important}}.lite .opening>.rv-motif,.lite .rv-spin,.lite .rv-heaven::before{animation:none} .op-lite .rv-heaven::before,.op-lite .rv-heaven::after,.op-lite .rv-aura,.op-lite .mb-crack .glow{filter:none}.op-lite .rv-heaven::before{animation:none}.op-lite .rv-motif svg *,.op-lite .rv-shock svg{filter:none !important}.op-lite .rv-glow{filter:brightness(1.35) saturate(1.2) !important}.op-lite[data-tier=M] .rv-glow{filter:brightness(1.6) !important}.op-lite .tear-pack,.op-lite .mb-pack,.op-lite .tear-pack:focus-visible,.op-lite .mb-pack:focus-visible{filter:none}.op-lite .rv-in>i.edge:nth-of-type(even){display:none} .op-sky[data-sky=forge]{--deep:#170803;--mid:#6e2c0c;--light:#ffb066}.forging{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer}.forging:has(.fz-stage.done){cursor:auto}.forging .fz-main{display:grid;justify-items:center;gap:18px}.fz-stage{position:relative;width:min(260px,62vw,33vh);aspect-ratio:5 / 7;border-radius:12px;outline-offset:8px;animation:k-deal .45s var(--ease) backwards}.fz-stage:focus-visible{outline:2px solid color-mix(in srgb,var(--c) 60%,#fff)}.fz-stage>*{position:absolute;inset:0} .fz-in{--sat:0;filter:grayscale(calc(1 - var(--sat))) brightness(calc(.55 + .45 * var(--sat))) contrast(calc(.8 + .2 * var(--sat)));transition:filter .45s ease-out}.fz-stage.done .fz-in{filter:none;transition:none}.fz-stage:not(.done) .card .cbadge.new{visibility:hidden}.fz-stage.done .card .cbadge.new{animation:fz-new .5s .35s var(--ease) backwards,k-pulse 1.4s .85s ease-in-out infinite}@keyframes fz-new{from{opacity:0;scale:1.8}} .fz-stage>.fz-glow{inset:-20%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 70%,transparent),transparent);opacity:0;transition:opacity .4s;pointer-events:none}.fz-stage[data-hit="1"]>.fz-glow{opacity:.22}.fz-stage[data-hit="2"]>.fz-glow,.fz-stage[data-hit="3"]>.fz-glow{opacity:.6}.fz-stage.done>.fz-glow{opacity:.45} .fz-cracks{width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1} .fz-cracks polyline{fill:none;stroke:rgba(12,9,6,.9);stroke-width:.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset .25s ease-out,stroke .3s}.fz-cracks[data-hit="1"] .ray.a{stroke-dashoffset:.62}.fz-cracks[data-hit="2"] polyline,.fz-cracks[data-hit="3"] polyline{stroke:color-mix(in srgb,var(--c) 45%,#fff);stroke-width:1}.fz-cracks[data-hit="2"],.fz-cracks[data-hit="3"]{filter:drop-shadow(0 0 2px var(--c)) drop-shadow(0 0 7px var(--c))}.fz-cracks[data-hit="2"] .ray{stroke-dashoffset:.2}.fz-cracks[data-hit="2"] .ring,.fz-cracks[data-hit="3"] polyline{stroke-dashoffset:0} .fz-stage>.fz-hammer{inset:auto;left:50%;top:50%;z-index:2;width:min(240px,58vw);aspect-ratio:200 / 72;pointer-events:none;translate:calc(-13.5% + var(--hx,0px)) calc(-97.2% + var(--hy,0px));transition:translate .12s ease-out,opacity .3s,transform .4s var(--ease);animation:fz-hammer-in .5s .15s var(--ease) backwards}@keyframes fz-hammer-in{from{opacity:0;transform:translate(40px,-50px)}}.fz-hammer.away{opacity:0;transform:translate(60px,-70px) rotate(25deg)}.fz-swing{width:100%;height:100%;transform-origin:96% 44.4%;rotate:32deg;filter:drop-shadow(0 8px 6px rgba(0,0,0,.5))}.fz-swing svg{display:block;width:100%;height:100%;overflow:visible} .fz-stage>.fz-shards{z-index:1;pointer-events:none}.fz-shard{position:absolute;inset:0;will-change:transform,opacity}.fz-shard .card{filter:grayscale(.15) brightness(1.35)}.opening>.rv-pillar.fz-pillar{background:linear-gradient(90deg,transparent,rgba(255,92,120,.35) 20%,rgba(255,208,218,.7) 38%,#fff 50%,rgba(255,208,218,.7) 62%,rgba(255,92,120,.35) 80%,transparent)}.fz-hint{margin:0;font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--c) 35%,#fff);animation:k-blink 1.6s infinite}.fz-hint.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .fz-quiet .fz-in{transition-duration:.15s}.fz-quiet .fz-stage,.fz-quiet .fz-stage>.fz-hammer,.fz-quiet .fz-hint{animation:none}.fz-quiet .fz-cracks polyline{transition-duration:.1s}.fz-quiet .fz-cracks,.fz-quiet .fz-swing,.op-lite .fz-cracks,.op-lite .fz-swing{filter:none}  .hero{position:relative;overflow:hidden;border-radius:28px;padding:30px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;min-height:340px;background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--c,#ffc83d) 30%,transparent),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(29,143,225,.18),transparent 60%),linear-gradient(135deg,#15131f,#0c0b12);border:1px solid color-mix(in srgb,var(--c,#ffc83d) 35%,var(--line))}.hero h1{font-size:clamp(30px,5vw,54px)}.hero .lead{color:#d4cfe4;max-width:440px;margin-top:8px}.hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero .meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--muted)}.hero .meta b{color:var(--text);font-family:var(--mono)}.hero .stage{position:relative;height:290px;display:grid;place-items:center}.hero .stage .pack-art{width:170px;position:relative;z-index:2}.hero .stage .fan{position:absolute;inset:0}.hero .stage .fan>a{position:absolute;width:128px;top:50%;left:50%}.hero .stage .fan>a:nth-child(1){transform:translate(-125%,-50%) rotate(-14deg)}.hero .stage .fan>a:nth-child(2){transform:translate(25%,-50%) rotate(12deg)}.hero .kanji-bg{position:absolute;right:-30px;bottom:-80px;font-size:300px;font-weight:700;opacity:.04;pointer-events:none}.hero .switch{position:absolute;left:30px;bottom:18px;display:flex;gap:6px}.hero .switch button{width:22px;height:5px;border-radius:3px;border:0;background:rgba(255,255,255,.18);cursor:pointer;padding:0;transition:all .2s}.hero .switch button.on{width:38px;background:var(--gold)}@media (max-width:820px){.hero{grid-template-columns:1fr;padding:22px}.hero .stage{height:230px;order:-1}.hero .stage .pack-art{width:130px}.hero .stage .fan>a{width:100px}.hero .switch{position:static}} .xp-line{display:flex;align-items:center;gap:10px}.xp-line .bar{flex:1} .forge-hero{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.forge-hero .anvil{font-size:64px;filter:drop-shadow(0 10px 30px rgba(76,201,255,.5))}.price-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(111,227,255,.1);border:1px solid rgba(111,227,255,.3)} .profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}@media (max-width:720px){.profile-head{grid-template-columns:1fr;text-align:center;justify-items:center}}.title-tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--gold);border:1px solid rgba(255,200,61,.4);background:rgba(255,200,61,.08)} .auth{max-width:440px;margin:30px auto} .admin-save{position:sticky;bottom:16px;z-index:5;margin-top:18px;padding:12px;border-radius:16px;background:#11111a;border:1px solid var(--line2);justify-content:flex-end;box-shadow:var(--shadow)}@media (max-width:1023px){.admin-save{bottom:96px}} .bio-text p{margin-top:10px;color:#d6d2e6;line-height:1.6}.bio-teaser{margin-top:10px;color:#d6d2e6;filter:blur(3px);user-select:none}.spoiler{filter:blur(5px);cursor:pointer;background:rgba(255,255,255,.06);border-radius:4px;transition:filter .2s}.spoiler.shown{filter:none;cursor:auto;background:none} .page:has(>.fiche-banner){position:relative;isolation:isolate}.fiche-banner{position:absolute;z-index:-1;left:0;right:0;top:0;height:480px;pointer-events:none;background:center 30% / cover no-repeat;opacity:0;transition:opacity .8s var(--ease);-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.2) 65%,transparent 100%),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.2) 65%,transparent 100%),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}.fiche-banner.on{opacity:.32} .fiche-banner.cover{filter:blur(14px) saturate(1.2);background-position:center 20%}.fiche-banner.cover.on{opacity:.26}.page:has(>.fiche-banner)>:not(.fiche-banner){position:relative} .wiki-groups{display:flex;flex-direction:column;gap:28px}.wiki-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.wiki-group-head h2{font-size:19px} .album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.album-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;overflow:hidden;isolation:isolate;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,rgba(29,143,225,.18),var(--surface));transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.album-tile:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.5);box-shadow:0 12px 30px rgba(0,0,0,.45)}.album-tile.done{border-color:rgba(255,200,61,.55)}.album-bg{position:absolute;inset:0;z-index:-2;background:center 25% / cover no-repeat;opacity:0;transform:scale(1.04);transition:opacity .6s var(--ease),transform .6s var(--ease)} .album-bg.cover{background-position:center 18%}.album-tile.has-banner .album-bg{opacity:1} .album-head{position:relative;overflow:hidden;isolation:isolate}.album-head .album-bg{transform:none}.album-head.has-banner .album-bg{opacity:.7}.album-head::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,10,18,.92) 0%,rgba(7,10,18,.7) 45%,rgba(7,10,18,.35) 100%)}.album-head.has-banner{min-height:180px}.album-tile:hover .album-bg{transform:scale(1.1)} .album-tile::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(7,7,12,.05) 0%,rgba(7,7,12,.45) 45%,rgba(7,7,12,.92) 100%)}.album-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}.album-body>b{font-family:var(--display);font-size:15px;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,.8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-body .mono{font-weight:700} .legal-nav{margin-bottom:18px}.legal-nav .chip{text-decoration:none}.prose .table{margin-top:10px}.prose .table td,.prose .table th{vertical-align:top}.prose code{font-family:var(--mono);background:var(--surface2);padding:1px 6px;border-radius:6px}.msg{position:relative}.msg-report{float:right;border:0;background:none;cursor:pointer;opacity:0;font-size:12px;padding:0 2px;transition:opacity .15s}.msg:hover .msg-report,.msg-report:focus{opacity:.8}.linkbtn{border:0;background:none;cursor:pointer;padding:0 2px;font-size:12px;opacity:.6}.linkbtn:hover{opacity:1}#terms-gate{z-index:250} .tg-bg{padding:16px}.modal.tg{width:min(520px,100%);padding:0;display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 32px)}.tg-scroll{overflow:auto;padding:22px 24px 8px;overscroll-behavior:contain}.tg-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tg-logo .yatta-emblem{width:44px;height:44px;display:block;filter:drop-shadow(0 6px 16px rgba(47,143,216,.45))}.tg-langs{display:flex;gap:6px}.tg-langs .iconbtn{width:40px;height:40px}.tg-langs .iconbtn.on{background:rgba(90,209,250,.16);border-color:rgba(90,209,250,.5)}.tg h2{font-size:clamp(30px,7vw,38px);margin:4px 0 8px}.tg-intro{color:var(--muted);font-size:14.5px;line-height:1.5;margin:0 0 16px}.tg-points{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}.tg-points li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--surface2)}.tg-ic{font-size:20px;line-height:1.2;flex:none}.tg-points b{display:block;font-size:14px}.tg-points small{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:2px}.tg-checks{border:0;padding:0;margin:0;display:grid;gap:10px;min-width:0}.tg-legend{padding:0;margin-bottom:8px;font:700 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.tg-check{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .15s,background .15s}.tg-check:hover{border-color:rgba(90,209,250,.5)}.tg-check input{position:absolute;opacity:0;width:24px;height:24px;margin:0;top:14px;left:14px;cursor:pointer}.tg-box{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--line2);display:grid;place-items:center;background:rgba(0,0,0,.25);transition:background .15s,border-color .15s}.tg-box svg{width:16px;height:16px;fill:none;stroke:var(--on-accent,#04121c);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .2s ease}.tg-check:has(input:checked){border-color:var(--accent);background:rgba(90,209,250,.08)}.tg-check input:checked + .tg-box{background:var(--accent);border-color:var(--accent)}.tg-check input:checked + .tg-box svg{stroke-dashoffset:0}.tg-check:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.tg-txt{display:grid;gap:3px;font-size:14px;line-height:1.45;color:var(--muted)}.tg-txt b{color:var(--text);font-size:14.5px}.tg-txt a{text-decoration:underline;text-underline-offset:2px}.tg-note{font-size:12.5px;color:var(--muted);margin:10px 2px 6px}.tg-foot{padding:12px 24px 20px;border-top:1px solid var(--line);background:rgba(8,13,24,.6)}.tg-hint{min-height:1.3em;margin:0 0 8px;font-size:13px;color:var(--muted);text-align:center}.tg-hint.ok{color:#8ff0c3}.tg-foot .btn{width:100%}.tg-foot .btn.tg-wait,.tg-foot .btn.tg-wait:hover{filter:saturate(.4) brightness(.8);box-shadow:none}.tg-foot .btn.busy{opacity:.7;pointer-events:none}.tg-shake{animation:tg-shake .4s;border-color:var(--gold)}@keyframes tg-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@media (prefers-reduced-motion:reduce){.tg-shake{animation:none}.tg-box svg{transition:none}} @media (max-width:560px){#terms-gate.tg-bg{padding:0;place-items:end center}#terms-gate .modal.tg{width:100% !important;max-width:none;margin:0;max-height:100dvh;border-radius:22px 22px 0 0;border-bottom:0}.tg-scroll{padding:18px 16px 6px}.tg-foot{padding:10px 16px calc(14px + env(safe-area-inset-bottom))}.tg-langs .iconbtn{width:38px;height:38px}.tg-points li{padding:9px 10px}} .gif-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.gif-still{width:48px;height:64px;object-fit:cover;border-radius:8px}.gif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.gif-cand{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--surface);cursor:pointer;aspect-ratio:1}.gif-cand img,.gif-ok img{width:100%;height:100%;object-fit:cover}.gif-cand:hover{border-color:var(--accent);transform:scale(1.03)}.gif-ok{display:flex;flex-direction:column;gap:4px}.gif-ok img{aspect-ratio:1;border-radius:10px} .voice-list{display:flex;flex-direction:column;gap:6px}.voice-cand{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:var(--surface)} .ref-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;background:radial-gradient(120% 140% at 0% 0%,rgba(255,200,61,.14),transparent 55%),var(--surface)}.ref-link{display:flex;gap:8px;margin:10px 0 6px}.ref-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.ref-code-v{display:flex;align-items:center;gap:10px;margin:10px 0 6px;flex-wrap:wrap}.ref-code-v b#ref-code{font:900 30px var(--mono,monospace);letter-spacing:.18em;color:var(--gold)}.ref-code-v input{flex:1;min-width:140px;font:800 20px var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase}.ref-link input{flex:1;min-width:0;font:600 14px var(--body)}.ref-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.ref-steps div{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:var(--surface2);font-size:13px;line-height:1.35}.ref-steps b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold-grad);color:#2a1a00;font:800 14px var(--display)}.ref-preview{display:flex;flex-direction:column}.ref-preview-body{position:relative;padding:12px 14px 14px 18px;border-radius:6px;background:#2b2d31;color:#dbdee1;display:flex;flex-direction:column;gap:6px;box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}.ref-preview-body::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:6px 0 0 6px;background:#ffc83d}.ref-preview-body b{color:#00a8fc;font-size:15px;line-height:1.3}.ref-preview-body p{margin:0;color:#dbdee1}.ref-preview-body img{width:100%;border-radius:6px;margin-top:4px}.ref-gift .pk3d-stage{width:min(220px,60%);margin:0 auto}.ref-track{height:10px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;margin:6px 0 16px}.ref-track>i{display:block;height:100%;background:var(--gold-grad);border-radius:6px;transition:width .8s var(--ease)}.ref-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ref-tier{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.ref-tier h3{margin:0}.ref-tier .bar{margin:4px 0 8px;--c:var(--gold-grad)}.ref-tier>.btn,.ref-tier>.pill{align-self:flex-start}.ref-tier-n{position:absolute;right:12px;top:-6px;font:800 78px/1 var(--display);color:rgba(255,255,255,.05);pointer-events:none}.ref-tier.ready{border-color:rgba(255,200,61,.55);box-shadow:0 0 0 1px rgba(255,200,61,.25),0 16px 40px -18px rgba(255,200,61,.6);animation:ref-glow 2.2s ease-in-out infinite}.ref-tier.ready .ref-tier-n,.ref-tier.claimed .ref-tier-n{color:rgba(255,200,61,.14)}.ref-tier.claimed{opacity:.75}@keyframes ref-glow{50%{box-shadow:0 0 0 1px rgba(255,200,61,.45),0 20px 50px -16px rgba(255,200,61,.85)}}.ref-friend{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--surface2)}.ref-friend-bar{display:flex;align-items:center;gap:10px}.ref-friend-bar .bar{width:110px} .invite{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;padding:clamp(20px,4vw,44px);margin-top:10px;background:radial-gradient(90% 120% at 100% 30%,rgba(255,200,61,.2),transparent 60%),radial-gradient(80% 100% at 0% 0%,rgba(90,209,250,.12),transparent 60%),var(--surface)}.invite h1{font-size:clamp(34px,6vw,58px);margin:4px 0 8px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.invite-lead{font-size:clamp(17px,2.2vw,21px);line-height:1.45;margin:0 0 10px}.invite-who{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;padding:3px 12px 3px 3px;margin-right:4px;border-radius:999px;background:var(--surface3)}.invite-points{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:8px}.invite-points li{padding:10px 14px;border-radius:12px;background:var(--surface2)}.invite-gift{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.invite-gift .pk3d-stage{width:min(260px,70%);cursor:pointer}.invite-gift::before{content:'';position:absolute;inset:0 10%;background:radial-gradient(closest-side,rgba(255,200,61,.35),transparent);filter:blur(20px);pointer-events:none}@media (max-width:760px){.ref-hero,.invite{grid-template-columns:1fr}.ref-steps,.ref-tiers{grid-template-columns:1fr}.ref-link{flex-wrap:wrap}.invite-gift{order:-1}} .pf-hero{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--surface);padding:clamp(90px,14vw,150px) clamp(16px,3vw,30px) 22px;isolation:isolate}.pf-cover{position:absolute;inset:0;z-index:-1;background:var(--cover,none) center 40% / cover,radial-gradient(120% 120% at 20% 0%,color-mix(in srgb,var(--rc,var(--accent)) 40%,transparent),transparent 70%);filter:saturate(1.15)}.pf-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,20,.2) 0%,rgba(7,11,20,.68) 42%,var(--surface-solid) 84%),linear-gradient(90deg,color-mix(in srgb,var(--rc,var(--accent)) 18%,transparent),transparent 60%)}.pf-id{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:end}.pf-avatar{position:relative;padding:6px;border-radius:50%;background:conic-gradient(var(--gold) var(--xp),rgba(255,255,255,.12) 0);box-shadow:0 18px 40px -14px rgba(0,0,0,.8)}.pf-avatar .avatar.lg{width:116px;height:116px;font-size:44px;border:4px solid var(--surface-solid);background:var(--surface-solid);display:grid;place-items:center;object-fit:cover}.pf-lvl{position:absolute;right:2px;bottom:6px;min-width:34px;height:34px;padding:0 6px;border-radius:12px;display:grid;place-items:center;background:var(--gold-grad);color:#2a1a00;font:800 17px var(--display);border:3px solid var(--surface-solid)}.pf-name h1{font-size:clamp(32px,5vw,54px);line-height:1;margin:6px 0;text-shadow:0 4px 18px rgba(0,0,0,.6)}.pf-badges{display:flex;flex-wrap:wrap;gap:6px}.pf-bio{margin:8px 0 6px;max-width:560px;color:var(--muted)}.pf-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.pf-key{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:12px}.pf-stat{padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.pf-stat small{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:700}.pf-stat b{font:800 36px/1.05 var(--display)}.pf-stat.main{background:radial-gradient(120% 140% at 0% 0%,rgba(90,209,250,.18),transparent 60%),var(--surface)}.pf-stat.main b{font-size:46px;color:var(--accent)}.pf-stat.m b{align-self:flex-start;background:linear-gradient(135deg,#ff3b5c,#ffb43b 17%,#ffee3b 33%,#3bff7a 50%,#3bd8ff 67%,#5b6bff 83%,#c43bff) 0 0 / 300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:m-rgb 1.5s linear infinite}.pf-rar{margin-top:12px}.pf-rar-bar{display:flex;height:14px;gap:2px;border-radius:8px;overflow:hidden;margin:12px 0 10px}.pf-rar-bar i{background:var(--c);min-width:4px}.pf-rar-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted)}.pf-rar-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c);margin-right:6px}.pf-rar-legend b{color:var(--text)}.pf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.pf-chip{padding:6px 12px;border-radius:999px;background:var(--surface2);font-size:13px;color:var(--muted)}.pf-chip b{color:var(--text)}.pf-winrate{display:flex;gap:18px;align-items:center;margin-top:12px}.pf-ring{flex:none;width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,var(--surface-solid) 78%,transparent 80%),conic-gradient(var(--green,#3ddc97) calc(var(--p) * 1%),rgba(255,255,255,.1) 0)}.pf-ring b{font:800 26px var(--display)}.pf-ring small{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}.pf-showcase{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:18px;align-items:start}.pf-star{display:block;position:relative}.pf-star::before{content:'★ À la une';position:absolute;z-index:3;top:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:3px 12px;border-radius:999px;background:var(--gold-grad);color:#2a1a00;font:800 12px var(--body)}.pf-showcase .cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))} .pf-showcase.solo{grid-template-columns:minmax(200px,280px);justify-content:center}.pf-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pf-row{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 12px;scroll-snap-type:x mandatory}.pf-row>a{flex:0 0 180px;scroll-snap-align:start}.pf-fan{display:flex;justify-content:center;padding:30px 0 calc(10px + var(--n) * 4px)}.pf-fan>a{flex:0 0 auto;width:clamp(110px,16vw,170px);margin:0 calc(-1 * clamp(20px,4vw,46px));position:relative;transform-origin:50% 120%;transform:rotate(calc(var(--i) * 7deg)) translateY(calc(var(--i) * var(--i) * 5px));transition:transform .25s var(--ease)}.pf-fan>a:hover{transform:rotate(calc(var(--i) * 7deg)) translateY(calc(var(--i) * var(--i) * 5px - 22px));z-index:30 !important}.pf-podium{display:flex;justify-content:center;align-items:flex-end;gap:16px}.pf-step{display:flex;flex-direction:column;align-items:center;width:min(30%,200px)}.pf-step>a{display:block;width:100%}.pf-step>b{width:100%;margin-top:10px;padding:8px 0;text-align:center;border-radius:12px 12px 4px 4px;font:900 22px var(--display);background:var(--surface2);border:1px solid var(--line2)}.pf-step.s1>a{width:112%}.pf-step.s1>b{padding:26px 0;background:var(--gold-grad);color:#2a1a00}.pf-step.s2>b{padding:16px 0;background:linear-gradient(135deg,#e6e9ef,#9aa4b2);color:#1b1f27}.pf-step.s3>b{background:linear-gradient(135deg,#f0b27a,#b8743c);color:#2a1300}.pf-below{margin-top:18px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))} .pf-edit-bar{position:sticky;top:8px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;margin:18px 0 12px;border-radius:14px;background:var(--surface2);border:1px solid var(--accent);box-shadow:0 8px 24px rgb(0 0 0 / .35)}.pf-blk{position:relative;margin-bottom:12px;border:2px dashed var(--line2);border-radius:16px;padding:0 10px 10px;background:var(--surface);cursor:grab;user-select:none;transition:border-color .15s}.pf-blk:hover{border-color:var(--accent)}.pf-blk.drag{z-index:20;cursor:grabbing;border-style:solid;border-color:var(--accent);box-shadow:0 18px 40px rgb(0 0 0 / .5)}.pf-blk.off .pf-blk-body{opacity:.3;filter:grayscale(1)}.pf-blk.off .pf-blk-bar b{color:var(--faint);text-decoration:line-through}.pf-blk-bar{display:flex;align-items:center;gap:8px;padding:8px 2px;touch-action:none}.pf-blk-body{max-height:260px;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 75%,transparent);mask-image:linear-gradient(#000 75%,transparent)}.pf-blk-body>.section{margin-top:0}.pf-blk-empty{padding:10px 4px}.pfa-grip{color:var(--faint);font-size:18px}.ach .a.locked{opacity:.5;filter:grayscale(1)}.pf-account summary{display:flex;align-items:baseline;gap:12px;cursor:pointer;list-style:none}.pf-account summary::-webkit-details-marker{display:none}.pf-account summary::after{content:'▾';margin-left:auto;color:var(--faint);transition:transform .2s}.pf-account[open] summary::after{transform:rotate(180deg)}.pf-account summary h3{margin:0}@media (max-width:760px){.pf-id{grid-template-columns:1fr;justify-items:start;gap:14px}.pf-actions{justify-content:flex-start}.pf-key{grid-template-columns:1fr 1fr}.pf-stat.main{grid-column:1 / -1}.pf-showcase{grid-template-columns:1fr}.pf-star{max-width:240px;margin:0 auto}.pf-podium{gap:8px}.pf-step>b{font-size:16px}.pf-row>a{flex-basis:140px}.pf-winrate{flex-direction:column;align-items:stretch}.pf-ring{margin:0 auto}}.pf-more{margin-top:10px}.pf-more summary{list-style:none;display:inline-flex}.pf-more summary::-webkit-details-marker{display:none}.pf-more[open] summary{display:none}.ref-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font:700 11.5px var(--body);color:var(--gold);background:rgba(255,200,61,.1);border:1px solid rgba(255,200,61,.35);vertical-align:middle;white-space:nowrap} .pf-hero.album .pf-cover{background-position:center 30%}.pf-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pf-albums{display:grid;gap:10px;margin-top:12px}.pf-album{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:var(--surface2);transition:background .2s}.pf-album:hover{background:var(--surface3)}.pf-album .bar{--c:var(--gold-grad)}.pf-pulls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}.pf-pull{display:flex;gap:10px;align-items:center;padding:6px;border-radius:12px;background:var(--surface2);border-left:3px solid var(--c)}.pf-pull img{width:42px;height:56px;object-fit:cover;border-radius:8px;flex:none}.pf-pull>span{display:flex;flex-direction:column;min-width:0}.pf-pull b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .share-preview{margin:12px 0}.share-img{aspect-ratio:1200 / 630;border-radius:12px;overflow:hidden;background:var(--surface2);display:grid;place-content:center;justify-items:center;gap:8px}.share-img img{width:100%;height:100%;object-fit:cover;display:block}.share-defi{margin-top:16px;padding:14px;border-radius:14px;background:radial-gradient(120% 140% at 0% 0%,rgba(255,90,60,.16),transparent 60%),var(--surface2)}.share-defi p{margin:4px 0 0} .bn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}.bn-tile{position:relative;aspect-ratio:16 / 7;border-radius:12px;overflow:hidden;border:2px solid transparent;background:var(--img,none) center / cover,var(--surface3);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:6px 8px;text-align:left;cursor:pointer;color:#fff}.bn-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.75))}.bn-tile>*{position:relative}.bn-tile span{font:700 12.5px var(--body);line-height:1.2}.bn-tile em{font-style:normal;font-size:11px;color:var(--gold)}.bn-tile.locked{cursor:not-allowed;filter:grayscale(1) brightness(.6)}.bn-tile.on{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,200,61,.25)}.bn-tile:not(.locked):hover{border-color:var(--accent)} .sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:52vh;overflow:auto;padding:4px}.sc-item{position:relative;padding:0;border:0;background:none;cursor:pointer;border-radius:10px;opacity:.8;transition:opacity .15s,transform .15s}.sc-item:hover{opacity:1;transform:translateY(-2px)}.sc-item.on{opacity:1;outline:3px solid var(--gold);outline-offset:2px}.sc-n{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--gold-grad);color:#2a1a00;font:800 14px var(--display)} .cmp-head{display:flex;align-items:center;justify-content:center;gap:28px;margin:6px 0 18px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.cmp-side{display:flex;flex-direction:column;align-items:center;gap:4px}.cmp-vs,.defi-vs{font:800 30px var(--display);color:var(--gold)}.cmp-card{position:relative;display:block}.cmp-spare{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:3} .defi{background:radial-gradient(90% 120% at 100% 30%,rgba(255,90,60,.22),transparent 60%),radial-gradient(80% 100% at 0% 0%,rgba(255,200,61,.12),transparent 60%),var(--surface)}.defi h1{background:linear-gradient(90deg,#ffc83d,#ff5a3c);-webkit-background-clip:text;background-clip:text}.defi-art{display:flex;align-items:center;justify-content:center;gap:18px}.defi-art .avatar.lg{width:120px;height:120px;font-size:46px}@media (max-width:760px){.pf-duo{grid-template-columns:1fr}.cmp-head{gap:14px}.defi-art{order:-1}.defi-art .avatar.lg{width:84px;height:84px}}@media (max-width:1100px) and (min-width:761px){.pf-id{grid-template-columns:auto 1fr}.pf-actions{grid-column:1 / -1;justify-content:flex-start}} .pass-hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;padding:clamp(18px,3vw,34px);border-radius:24px;overflow:hidden;border:1px solid rgba(195,155,255,.25);background:radial-gradient(70% 90% at 85% 40%,rgba(255,77,46,.28),transparent 60%),radial-gradient(60% 80% at 10% 0%,rgba(195,155,255,.25),transparent 60%),linear-gradient(160deg,#1a1030,#0c1220 70%)}.pass-hero::before{content:'';position:absolute;inset:0;background:url('/img/arena/ua.webp') center / cover;opacity:.14;mix-blend-mode:screen;pointer-events:none}.pass-hero>*{position:relative}.pass-hero h1{font-size:clamp(36px,6vw,64px);text-transform:capitalize;margin:4px 0 14px;background:linear-gradient(90deg,#ffd66b,#ff8a5c 60%,#c39bff);-webkit-background-clip:text;background-clip:text;color:transparent}.pass-level{display:flex;gap:18px;align-items:center;margin-bottom:18px}.pass-ring{flex:none;width:104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,#120c22 80%,transparent 82%),conic-gradient(#ffc83d calc(var(--p) * 1%),rgba(255,255,255,.1) 0);box-shadow:0 0 40px -10px rgba(255,200,61,.6)}.pass-ring b{font:800 40px/1 var(--display);color:#ffd66b}.pass-ring small{color:var(--faint);font-size:12px}.pass-next{margin:0 0 8px;font-size:15px}.pass-next b{color:#ffd66b}.pass-prizes{display:flex;gap:14px;align-items:flex-end;justify-content:center}.pass-prize{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:150px;text-align:center}.pass-prize.main{width:210px}.pass-prize.main .card{filter:drop-shadow(0 0 30px rgba(235,245,255,.6));animation:pass-float 4s ease-in-out infinite}.pass-prize .card{width:100%}.pass-prize-tag{position:absolute;z-index:3;top:-12px;padding:3px 12px;border-radius:999px;white-space:nowrap;background:var(--gold-grad);color:#2a1a00;font:800 12px var(--body)}.pass-prize:not(.main) .pass-prize-tag{background:linear-gradient(90deg,#ff5c78,#ffd6de)}@keyframes pass-float{50%{transform:translateY(-8px)}}.pass-badges{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 16px}.pass-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font:700 12.5px var(--body);background:var(--surface2);border:1px solid var(--line);color:var(--muted)}.pass-badge.free{color:var(--text)}.pass-badge.donor.on{color:#ffe9ff;border-color:rgba(232,121,249,.6);background:linear-gradient(90deg,rgba(232,121,249,.22),rgba(124,92,255,.22));box-shadow:0 0 18px -6px rgba(232,121,249,.8)} .pass-board{--donor:#e879f9;position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),rgba(8,14,28,.6);overflow:hidden}.pass-lanes{display:grid;grid-template-rows:46px 1fr 1fr;gap:10px;padding:14px 0 18px;border-right:1px solid var(--line);background:rgba(0,0,0,.25)}.pass-lanes span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.pass-lanes .lane b{font-size:22px}.pass-lanes .lane.free{color:#ffd66b}.pass-lanes .lane.donor{color:var(--donor);margin:0 8px;border-radius:14px;background:linear-gradient(180deg,rgba(232,121,249,.14),rgba(124,92,255,.08))}.pass-track{position:relative;display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding:14px 14px 18px;scroll-snap-type:x proximity;scrollbar-width:thin}.pass-line{position:absolute;left:0;top:35px;height:4px;min-width:100%;background:rgba(255,255,255,.07)}.pass-line>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#c39bff,#ffc83d);box-shadow:0 0 12px rgba(255,200,61,.6)}.pt{flex:none;width:132px;scroll-snap-align:center;display:grid;grid-template-rows:46px 1fr 1fr;gap:10px;justify-items:center}.pt.big{width:158px}.pt.final{width:184px}.pt.bonus{width:112px}.pt-n{position:relative;z-index:1;align-self:center;min-width:40px;height:40px;padding:0 8px;display:grid;place-items:center;border-radius:999px;font:800 15px var(--display);color:var(--muted);background:#121a2c;border:2px solid rgba(255,255,255,.12)}.pt-n.done{color:#2a1a00;background:var(--gold-grad);border-color:rgba(255,236,170,.8);box-shadow:0 0 14px rgba(255,200,61,.5)}.pt-n.next{color:#04202c;background:var(--accent);border-color:#c8f2ff;box-shadow:0 0 0 5px rgba(90,209,250,.18),0 0 20px rgba(90,209,250,.7)}.pt.final .pt-n{min-width:52px;height:52px;font-size:20px}.pt.bonus .pt-n{font-size:12px}.pt-cell{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:7px;padding:10px 9px 11px;border-radius:16px;text-align:center;background:var(--surface);border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.pt-cell.none{background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 8px,transparent 8px 16px);border-style:dashed}.pt.big .pt-cell.free{border-color:rgba(255,200,61,.35);background:linear-gradient(180deg,rgba(255,200,61,.1),transparent 60%),var(--surface)}.pt.final .pt-cell.free{border-color:rgba(235,245,255,.7);background:linear-gradient(180deg,rgba(235,245,255,.16),transparent 70%),var(--surface)}.pt-cell.donor{border-color:rgba(232,121,249,.28);background:linear-gradient(180deg,rgba(232,121,249,.13),rgba(124,92,255,.05) 70%),var(--surface)}.pt.big .pt-cell.donor{border-color:rgba(232,121,249,.5)}.pt-lbl{font-size:12px;font-weight:700;line-height:1.25;min-height:30px;display:grid;place-items:center}.pt-art{width:100%;max-height:170px;aspect-ratio:3 / 4;display:grid;place-items:center;border-radius:12px;position:relative}.pt-art.flame-art{aspect-ratio:auto;height:80px;background:radial-gradient(closest-side,rgba(90,209,250,.22),transparent)}.pt.big .pt-art.flame-art{height:100px}.pt-cell.donor .flame-art{background:radial-gradient(closest-side,rgba(232,121,249,.25),transparent)}.flame-art b{font:800 28px var(--display);color:var(--accent)}.flame-art span{font-size:26px;margin-top:-10px}.pack-art-mini{aspect-ratio:auto;height:96px}.pt.big .pack-art-mini{height:118px}.pack-art-mini .pack-art{height:100%;width:auto;aspect-ratio:2 / 3;max-width:100%}.pt-x{position:absolute;right:4px;bottom:4px;padding:2px 8px;border-radius:999px;background:var(--gold-grad);color:#2a1a00;font:800 13px var(--display)}.pt-cell.donor .pt-x{background:linear-gradient(135deg,#f5b8ff,var(--donor));color:#2b0633}.card-art{overflow:hidden;border:3px solid var(--c);box-shadow:0 0 22px color-mix(in srgb,var(--c) 60%,transparent)}.card-art img{width:100%;height:100%;object-fit:cover}.card-art span{position:absolute;left:0;right:0;bottom:0;padding:18px 6px 6px;background:linear-gradient(transparent,rgba(0,0,0,.85));font:800 14px var(--display);color:#fff}.banner-art{aspect-ratio:16 / 10;background:var(--img) center / cover;overflow:hidden;border:2px solid rgba(255,200,61,.6)}.banner-art span{align-self:end;justify-self:stretch;padding:4px;background:rgba(0,0,0,.65);font:700 12px var(--body)}.pt-cell.locked .pt-art,.pt-cell.held .pt-art{filter:grayscale(.85) brightness(.55)}.pt-cell.locked .card-art img{filter:blur(3px)}.pt-cell.claimed{opacity:.5}.pt-cell.ready{border-color:rgba(255,200,61,.85);box-shadow:0 0 0 1px rgba(255,200,61,.4),0 12px 30px -12px rgba(255,200,61,.8);animation:pt-bob 1.6s ease-in-out infinite}.pt-cell.donor.ready{border-color:rgba(240,160,255,.9);box-shadow:0 0 0 1px rgba(232,121,249,.45),0 12px 30px -12px rgba(232,121,249,.9)}.pt-cell.next{border-color:rgba(90,209,250,.6)}.pt-cell.held{border-style:dashed}@keyframes pt-bob{50%{transform:translateY(-4px)}}.pt-cell:not(.none):hover{transform:translateY(-3px)}.pt-ok{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(61,220,151,.16);color:var(--green,#3ddc97);font-weight:800}.pt-soon{font:800 12px var(--body);color:var(--accent)}.pt-lock{opacity:.7}.btn.donor{color:#2b0633;border-color:transparent;background:linear-gradient(135deg,#f5b8ff,#e879f9 55%,#a78bfa);font-family:var(--display);box-shadow:0 8px 24px rgba(232,121,249,.3)}.pt-sep{flex:none;width:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:var(--muted);font-size:12px;font-weight:700;border-left:1px dashed var(--line2);border-right:1px dashed var(--line2)}.pt-sep b{font-size:34px}.pass-board:not(.is-donor) .pt-cell.donor .pt-lbl{color:var(--muted)}.pass-donor-note{display:flex;gap:14px;align-items:center;margin-top:12px;padding:14px 18px;border-radius:16px;border:1px solid rgba(232,121,249,.35);background:linear-gradient(90deg,rgba(232,121,249,.14),rgba(124,92,255,.06) 60%,transparent)}.pass-donor-note>b{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:22px;background:rgba(232,121,249,.18);box-shadow:0 0 20px -4px rgba(232,121,249,.7)}.pass-donor-note p{margin:0;font-size:13.5px;color:var(--muted)}.pass-donor-note p b{color:#f5c8ff}@media (max-width:600px){.pass-board{grid-template-columns:54px minmax(0,1fr)}.pass-lanes span{font-size:9px;letter-spacing:.02em}.pass-lanes .lane.donor{margin:0 4px}.pt{width:118px}.pt.big{width:136px}.pt.final{width:156px}}.pass-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.pc{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--surface2);border:1px solid transparent}.pc .bar{--c:linear-gradient(90deg,#c39bff,#ffc83d)}.pc.ready{border-color:rgba(255,200,61,.6);background:rgba(255,200,61,.08)}.pc.done{opacity:.6}.pc-xp{flex:none;text-align:center;font:800 24px/1 var(--display);color:#ffd66b}.pc-xp small{display:block;font:700 11px var(--body);color:var(--faint)}.pass-xp{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.pass-xp li{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:10px;background:var(--surface2);font-size:13.5px}.pass-xp b{color:var(--accent);white-space:nowrap} .ri-card{width:70px;height:94px;object-fit:cover;border-radius:8px;box-shadow:0 0 20px rgba(255,200,61,.6)}.ri-banner{display:inline-block;width:110px;height:56px;border-radius:8px;background:var(--img) center / cover;border:2px solid var(--gold)}@media (max-width:860px){.pass-hero,.pass-cols{grid-template-columns:1fr}.pass-prize.main{width:170px}.pass-prize{width:120px}} .pa-table{display:grid;gap:6px}.pa-row{display:grid;grid-template-columns:70px 110px minmax(260px,2fr) minmax(180px,1.3fr) 170px 80px;gap:8px;align-items:center;padding:6px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.pa-row.changed{border-color:rgba(90,209,250,.5)}.pa-row:nth-child(5n + 1):not(.pa-head){background:linear-gradient(90deg,rgba(255,200,61,.08),transparent),var(--surface)}.pa-head{background:none;border:0;font:700 11.5px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.pa-row input,.pa-row select{min-width:0;width:100%}.pa-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-items:center}@media (max-width:1000px){.pa-head{display:none}.pa-row{grid-template-columns:44px 1fr 1fr;grid-template-areas:'n chakra banner' 'n packs packs' 'n card def'}.pa-row>b{grid-area:n;align-self:start;padding-top:8px}.pa-row>[data-f="chakra"]{grid-area:chakra}.pa-row>[data-f="banner"]{grid-area:banner}.pa-packs{grid-area:packs}.pa-row>[data-card]{grid-area:card}.pa-row>.row{grid-area:def}}.defi-status{display:flex;align-items:center;gap:8px}.defi-status .dot{width:10px;height:10px;border-radius:50%;background:var(--faint);flex:none}.defi-status .dot.on{background:#3ddc97;box-shadow:0 0 10px #3ddc97}.defi-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;max-width:520px}.defi-choice{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;text-align:left;cursor:pointer;border:1px solid var(--line2);background:var(--surface2);color:var(--text);transition:transform .15s,border-color .15s}.defi-choice b{font:800 20px var(--display)}.defi-choice span{font-size:12.5px;color:var(--muted)}.defi-choice:hover:not(:disabled){transform:translateY(-2px)}.defi-choice.live{background:linear-gradient(135deg,rgba(255,90,60,.25),rgba(255,200,61,.12));border-color:rgba(255,120,80,.55)}.defi-choice.bot{background:linear-gradient(135deg,rgba(90,209,250,.18),rgba(99,102,241,.12));border-color:rgba(90,209,250,.4)}.defi-choice:disabled{opacity:.45;cursor:not-allowed}.defi-wait{display:flex;align-items:center;gap:12px;margin-top:14px;max-width:520px;padding:14px 16px;border-radius:16px;background:var(--surface2);border:1px solid rgba(255,200,61,.4)}.defi-wait b{display:block}@media (max-width:560px){.defi-choices{grid-template-columns:1fr}} .rules{max-width:980px;margin:0 auto}.rules-hero{position:relative;overflow:hidden;margin:10px 0 20px;padding:clamp(20px,4vw,38px);border-radius:24px;border:1px solid rgba(90,160,255,.25);background:radial-gradient(80% 120% at 100% 0%,rgba(61,139,255,.25),transparent 60%),radial-gradient(60% 90% at 0% 100%,rgba(169,112,255,.18),transparent 60%),rgba(6,12,26,.8)}.rules-hero h1{margin:6px 0 10px}.rules-hero p{max-width:680px;color:var(--muted)}.rules-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:18px}.rules-toc a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:700;font-size:14px;transition:transform .15s,background .15s}.rules-toc a:hover{transform:translateY(-2px);background:rgba(90,209,250,.14)}.rules-toc span{font-size:18px}.rules-part{margin:28px 0 12px;font:800 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px}.rules-part::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(90,209,250,.5),transparent)}.rules-sec{margin-bottom:14px;padding:clamp(16px,3vw,26px);border-radius:20px;background:var(--surface);border:1px solid var(--line);scroll-margin-top:80px}.rules-sec h2{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:clamp(24px,3vw,32px)}.rules-ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;font-size:22px;background:linear-gradient(135deg,rgba(90,209,250,.25),rgba(169,112,255,.18))}.rules-sec ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.rules-sec li{position:relative;padding:10px 14px 10px 32px;border-radius:12px;background:var(--surface2);line-height:1.5}.rules-sec li::before{content:'';position:absolute;left:14px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.rules-sec p{line-height:1.6}.rules-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.rules-facts div{padding:12px;border-radius:14px;text-align:center;background:linear-gradient(180deg,rgba(90,209,250,.12),rgba(90,209,250,.03));border:1px solid rgba(90,209,250,.2)}.rules-facts b{display:block;font:800 26px var(--display);color:var(--accent)}.rules-facts span{font-size:12px;color:var(--muted)}.rules-rarities{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.rr{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:14px;text-align:center;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 20%,transparent),transparent)}.rr b{color:var(--c);font-size:13px}.rr-pct{font:800 22px var(--display)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:14px}.rules-card{padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.rules-card h3{margin:0 0 8px;font-size:17px}.rules-card p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.rules-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.rules-steps span{position:relative;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;background:rgba(255,90,60,.1);border:1px solid rgba(255,120,80,.3)}.rules-steps span:nth-child(n + 4){background:rgba(255,90,60,.22);border-color:rgba(255,120,80,.6)}@media (max-width:720px){.rules-facts{grid-template-columns:repeat(2,1fr)}.rules-rarities{grid-template-columns:repeat(3,1fr)}} .tabs.admin-tabs{flex-wrap:wrap;width:auto;border-radius:18px;overflow:visible} .pk-admin{display:grid;gap:8px}.pk-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--c)}.pk-row.off{opacity:.55}.pk-ic{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;font-size:22px;background:color-mix(in srgb,var(--c) 22%,transparent)}.pm-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}.pm-slot{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:12px;background:var(--surface2);border-left:3px solid var(--c);font-size:12px;color:var(--muted)}.pm-slots>.row{grid-column:1 / -1}.pm-rates{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:8px}.pm-rates input:disabled{opacity:.55} .cd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.cd-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;cursor:pointer;transition:transform .15s}.cd-item:hover{transform:translateY(-3px)}.cd-item .card{width:100%}.cd-edit{display:flex;gap:18px;margin-top:14px;align-items:flex-start}.cd-preview{flex:none;width:150px;display:flex;flex-direction:column;gap:6px;align-items:center}.cd-preview #cd-card{width:150px}.cd-preview .tiny{text-align:center}.cd-after{display:flex;gap:18px;justify-content:center;align-items:center;margin-top:14px}.cd-col{margin:0;width:170px;display:flex;flex-direction:column;gap:6px;align-items:center}.cd-col .card{width:100%}.cd-arrow{font-size:26px;color:var(--muted)} .modal:has(.gc-wrap){background:var(--bg)}.gc-wrap{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:16px;flex-wrap:wrap}.gc-stage{position:relative;max-width:min(420px,100%);line-height:0;cursor:move;touch-action:none;user-select:none;border-radius:10px;overflow:hidden;background:var(--surface)}.gc-src{max-width:100%;max-height:360px}.gc-frame{position:absolute;border-radius:4px;box-shadow:0 0 0 2px var(--accent),0 0 0 9999px rgba(0,0,0,.55);pointer-events:none}.gc-card{flex:none;width:210px;cursor:grab;touch-action:none;user-select:none}.gc-card .card{width:100%}.gc-card .cart img{transition:none}@media (max-width:560px){.cd-edit{flex-direction:column;align-items:center}.cd-col{width:130px}.cd-after{gap:10px}} .m-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;padding:clamp(16px,3vw,26px);border-radius:24px;border:1px solid rgba(90,160,255,.25);background:radial-gradient(80% 120% at 0% 0%,rgba(61,220,151,.16),transparent 60%),radial-gradient(70% 100% at 100% 100%,rgba(255,200,61,.14),transparent 60%),rgba(6,12,26,.82)}.m-hero-main{display:flex;align-items:center;gap:20px}.m-hero h1{font-size:clamp(28px,4vw,42px);margin:2px 0 6px}.m-ring{flex:none;width:var(--s);height:var(--s);border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#0a1426 78%,transparent 80%),conic-gradient(#3ddc97 calc(var(--p) * 1%),rgba(255,255,255,.1) 0);box-shadow:0 0 30px -8px rgba(61,220,151,.6)}.m-ring b{font:800 34px var(--display)}.m-streak{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:rgba(255,255,255,.04)}.m-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.m-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:12px;background:rgba(255,255,255,.05);font-size:11px;color:var(--muted)}.m-day b{font:800 14px var(--display);color:var(--text)}.m-day.ok{background:rgba(255,200,61,.16);color:var(--gold)}.m-day.now{outline:2px solid var(--gold);animation:pt-bob 1.6s ease-in-out infinite}.m-day.big{background:linear-gradient(180deg,rgba(255,200,61,.25),rgba(255,200,61,.05))}.m-group{display:grid;gap:8px;margin-bottom:14px}.m-group h3{margin:0 0 4px}.m-card{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:transform .15s}.m-card:hover{transform:translateX(3px)}.m-card .bar{margin:6px 0 2px;max-width:420px;--c:linear-gradient(90deg,#5ad1fa,#3ddc97)}.m-card.ready{border-color:rgba(255,200,61,.6);background:linear-gradient(90deg,rgba(255,200,61,.1),transparent),var(--surface)}.m-card.done{opacity:.5}.m-ic{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;font-size:22px;background:rgba(90,209,250,.12)}.m-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.m-rew{font:800 17px var(--display);text-align:right}.m-rew small{display:block;font:600 11px var(--body);color:var(--faint)}.m-chest{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px dashed rgba(255,200,61,.4);background:rgba(255,200,61,.05)}.m-chest-ic{font-size:30px}.m-chest.ready{border-style:solid;border-color:var(--gold);background:rgba(255,200,61,.14)}.m-chest.ready .m-chest-ic{animation:m-shake 1.2s ease-in-out infinite}.m-chest.open{opacity:.55}@keyframes m-shake{0%,100%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}}.m-ach{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.m-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;border-radius:18px;text-align:center;background:var(--surface);border:1px solid var(--line)}.m-badge-ic{font-size:34px}.m-badge .bar{width:100%;margin-top:4px}.m-badge.got{border-color:rgba(255,200,61,.45);background:linear-gradient(180deg,rgba(255,200,61,.12),transparent),var(--surface)}.m-badge.ready{border-color:var(--gold);box-shadow:0 0 24px -8px rgba(255,200,61,.8)}.m-badge:not(.got):not(.ready) .m-badge-ic{filter:grayscale(1);opacity:.6}.m-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.m-link{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.m-link>span{font-size:26px}.m-link .bar{margin-top:6px;--c:linear-gradient(90deg,#c39bff,#ffc83d)}@media (max-width:760px){.m-hero,.m-links{grid-template-columns:1fr}.m-hero-main{flex-direction:column;text-align:center}.m-side{min-width:74px}} .fg-hero{display:flex;align-items:center;gap:22px;padding:clamp(16px,3vw,26px);border-radius:24px;border:1px solid rgba(255,140,60,.3);background:radial-gradient(60% 120% at 0% 50%,rgba(255,120,40,.22),transparent 60%),rgba(6,12,26,.85)}.fg-hero h1{font-size:clamp(26px,4vw,40px);margin:2px 0 6px}.fg-anvil{position:relative;flex:none;width:96px;height:96px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(closest-side,rgba(255,140,50,.45),transparent)}.fg-anvil span{font-size:54px;animation:fg-hit 1.4s ease-in-out infinite;transform-origin:70% 80%}.fg-anvil i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffb347;box-shadow:0 0 8px #ff8c32;animation:fg-spark 1.4s ease-out infinite;left:50%;top:55%}.fg-anvil i:nth-child(3){animation-delay:.1s;--dx:-30px}.fg-anvil i:nth-child(4){animation-delay:.2s;--dx:26px}@keyframes fg-hit{0%,60%,100%{transform:rotate(0)}30%{transform:rotate(-18deg)}}@keyframes fg-spark{0%,30%{opacity:0;transform:translate(0,0)}40%{opacity:1}100%{opacity:0;transform:translate(var(--dx,8px),-34px)}}.fg-prices{display:flex;flex-wrap:wrap;gap:6px}.fg-wallet{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 18px;border-radius:18px;background:rgba(90,209,250,.1);border:1px solid rgba(90,209,250,.3)}.fg-wallet b{font:800 30px var(--display);color:var(--accent)}.fg-search input{width:100%;font-size:16px;padding:14px 16px}.fg-h{margin:18px 0 10px;display:flex;align-items:baseline;gap:10px}.fg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.fg-item{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;cursor:pointer;transition:transform .15s}.fg-item .card{width:100%}.fg-item .fg-price,.fg-item .fg-miss,.fg-item .fg-steps{align-self:center}.fg-item:hover{transform:translateY(-4px)}.fg-price{padding:4px 12px;border-radius:999px;font:800 15px var(--display);background:linear-gradient(180deg,#ffe08a,#ffb21e);color:#2a1a00}.fg-item.poor .fg-price{background:rgba(255,255,255,.1);color:var(--muted)}.fg-item.poor .card{filter:grayscale(.6) brightness(.8)}.fg-miss{font-size:11px;color:#ff9b9b}.fg-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.fg-step{padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);white-space:nowrap}.fg-step.ok{color:var(--muted);border-color:var(--line)}.fg-step.ok::before{content:'✓ '}.fg-rec{margin:14px 0}.fg-rec .fg-grid{margin-top:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.fg-note{position:absolute;top:-8px;left:50%;translate:-50% 0;z-index:3;max-width:96%;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#3ddc97;color:#04281a}.fg-album{margin-bottom:16px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.fg-album h3{margin:0}.fg-album .bar{margin:6px 0;max-width:360px;--c:var(--gold-grad)}.fg-album .fg-grid{margin-top:12px}@media (max-width:760px){.fg-hero{flex-direction:column;text-align:center}.fg-prices{justify-content:center}} .lb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.lb-tabs button{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-weight:700;cursor:pointer}.lb-tabs button span{font-size:16px}.lb-tabs button.on{color:var(--text);border-color:rgba(90,209,250,.6);background:rgba(90,209,250,.14)}.lb-me{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;border-radius:18px;border:1px solid rgba(255,200,61,.45);background:linear-gradient(90deg,rgba(255,200,61,.14),transparent),var(--surface)}.lb-me-rank{font:800 32px var(--display);color:var(--gold);min-width:64px;text-align:center}.lb-podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;margin-bottom:18px}.lb-pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 0;text-align:center}.lb-pod .avatar.lg{width:76px;height:76px;font-size:28px}.lb-pod.p1 .avatar.lg{width:96px;height:96px;box-shadow:0 0 30px rgba(255,200,61,.6)}.lb-medal{font-size:30px}.lb-pod b{font-size:15px}.lb-step{width:100%;margin-top:6px;border-radius:14px 14px 0 0;display:grid;place-items:center;font:800 34px var(--display);color:rgba(255,255,255,.5);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03))}.lb-pod.p1 .lb-step{height:110px;background:linear-gradient(180deg,rgba(255,200,61,.35),rgba(255,200,61,.05));color:#ffd66b}.lb-pod.p2 .lb-step{height:80px;background:linear-gradient(180deg,rgba(200,215,235,.3),rgba(200,215,235,.04))}.lb-pod.p3 .lb-step{height:60px;background:linear-gradient(180deg,rgba(224,160,112,.3),rgba(224,160,112,.04))}.lb-pod.me b{color:var(--gold)}.lb-val{font:800 18px var(--display);white-space:nowrap}.lb-val small{font:600 11px var(--body);color:var(--faint)}.lb-list{display:grid;gap:6px}.lb-row{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);transition:transform .15s}.lb-row:hover{transform:translateX(3px)}.lb-row.me{border-color:rgba(255,200,61,.6);background:rgba(255,200,61,.08)}.lb-n{width:32px;text-align:center;font:800 16px var(--display);color:var(--faint)}@media (max-width:560px){.lb-pod .avatar.lg{width:56px;height:56px}.lb-pod.p1 .avatar.lg{width:68px;height:68px}.lb-val{font-size:15px}} .cardview.fiche-grid{grid-template-columns:300px minmax(0,1fr)}@media (max-width:760px){.cardview.fiche-grid{grid-template-columns:minmax(0,1fr)}.cardview.fiche-grid>div:first-child{max-width:260px;margin:0 auto;width:100%}} .event-banner{align-items:center}.ev-back{position:relative;flex:none;width:54px;aspect-ratio:5 / 7;border-radius:6px;overflow:hidden;container-type:inline-size;box-shadow:0 6px 14px rgba(0,0,0,.35)}.ev-back .nb *{animation:none !important}.ev-track{position:relative;margin:10px 0 6px}.ev-track .bar{margin:0}.ev-step{position:absolute;top:50%;translate:-50% -50%;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border-radius:99px;font-size:11px;font-weight:800;background:var(--surface-solid,#1b1b2b);border:2px solid var(--line2)}.ev-step.ready{border-color:var(--gold);color:var(--gold)}.ev-step.done{background:var(--gold);border-color:var(--gold);color:#2a1a00} .framed{position:relative;display:inline-grid;place-items:center;flex:none}.framed>.avatar{position:relative;z-index:0}.frame-img{position:absolute;z-index:1;left:50%;top:50%;width:178%;height:178%;max-width:none;translate:-50% -50%;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}.pf-avatar:has(.framed){background:none;box-shadow:none}.bt-portrait .framed{width:100%;height:100%}.bt-hero:has(.framed){background:none}.lb-pod .framed,.lobby-player .framed{margin:16px 0} .fr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:64vh;overflow:auto;padding:4px}.fr-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 10px 12px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:inherit;cursor:pointer;text-align:center;transition:transform .15s,border-color .15s}.fr-tile:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent)}.fr-tile.on{border-color:var(--gold);background:linear-gradient(rgba(255,200,61,.12),transparent)}.fr-tile:disabled{cursor:default}.fr-tile.locked .fr-prev{filter:grayscale(1) brightness(.55)}.fr-tile b{margin-top:18px;font-size:13px}.fr-tile small{font-size:11px}.fr-tile .bar{width:80%;margin-top:4px}.fr-prev{position:relative}.fr-prev .avatar.lg{width:64px;height:64px;font-size:26px}.fr-lock{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;font-size:22px;font-style:normal;filter:none}.pf-avatar:has(.framed) .pf-lvl{z-index:2}.bt-hero:has(.framed) .bt-hp,.bt-hero:has(.framed) .bt-armor{z-index:2} .pf-presence{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font:700 12px var(--body);color:var(--muted);background:rgba(0,0,0,.35);border:1px solid var(--line)}.pf-presence.on{color:#3ddc97;border-color:rgba(61,220,151,.45)}.pf-presence i{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 0 rgba(61,220,151,.6);animation:pf-pulse 2s infinite}@keyframes pf-pulse{70%{box-shadow:0 0 0 7px rgba(61,220,151,0)}100%{box-shadow:0 0 0 0 rgba(61,220,151,0)}}.pf-dot-wrap{position:relative;display:inline-flex;flex:none}.pf-dot{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;background:#3ddc97;border:2px solid var(--surface-solid)}.pf-dot.playing{background:var(--gold)}.fav-tag{color:var(--rc,var(--accent));border-color:color-mix(in srgb,var(--rc,var(--accent)) 50%,transparent);background:color-mix(in srgb,var(--rc,var(--accent)) 12%,transparent)}.fav-tag:hover{background:color-mix(in srgb,var(--rc,var(--accent)) 22%,transparent)}.pf-pins{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pf-pin{display:inline-flex;align-items:baseline;gap:5px;padding:3px 10px;border-radius:10px;font-size:12.5px;white-space:nowrap;background:rgba(0,0,0,.4);border:1px solid var(--line)}.pf-pin small{font-size:11px;color:var(--faint)}.pf-pin.rare{border-color:rgba(255,200,61,.5);background:linear-gradient(90deg,rgba(255,200,61,.14),rgba(0,0,0,.4))}.pf-pin.rare small,.pf-rarity.rare{color:var(--gold)}.pf-rarity{margin-top:2px;color:var(--faint)}.pf-acts{display:grid;gap:6px;margin-top:12px}.pf-act{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:12px;background:var(--surface2);font-size:13.5px;border-left:3px solid var(--c,transparent)}a.pf-act:hover{background:var(--surface3)}.pf-act-ic{flex:none;width:34px;height:34px;display:grid;place-items:center;font-size:19px;border-radius:9px;background:rgba(255,255,255,.05);overflow:hidden}.pf-act-ic img{width:100%;height:100%;object-fit:cover}.pf-act .tiny{flex:none}.pf-act .grow b,.pf-act .grow span{display:inline}.pf-theme{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pf-match{margin-bottom:12px}.pf-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:12px}.pf-mini>a{position:relative;display:block;border-radius:10px;transition:transform .15s}.pf-mini>a:hover{transform:translateY(-2px)}.pf-mini>a.hit{outline:2px solid var(--gold);outline-offset:2px}.pf-hit{position:absolute;left:50%;top:-8px;translate:-50% 0;z-index:3;white-space:nowrap;padding:2px 8px;border-radius:999px;background:var(--gold-grad);color:#2a1a00;font:800 10.5px var(--body);box-shadow:0 3px 8px rgba(0,0,0,.5)} div.field>span{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.pe-look{display:flex;align-items:center;gap:40px;min-height:136px;padding:0 40px;border-radius:14px;overflow:hidden;background:linear-gradient(90deg,rgba(7,11,20,.7),rgba(7,11,20,.15)),var(--cover,none) center 40% / cover,var(--surface3)}.pe-look .avatar.lg{width:72px;height:72px;font-size:28px;object-fit:cover}.pe-look b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 19px var(--display)}.pe-look-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}@media (max-width:440px){.pe-look-btns{grid-template-columns:repeat(2,1fr)}}.pe-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;max-height:190px;overflow:auto;padding:2px}.pe-badge,.pe-check{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--surface2);cursor:pointer;font-size:13px}.pe-badge span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-badge:has(input:checked){outline:1px solid var(--gold);background:rgba(255,200,61,.1)} .nfx{--fx:none}.nfx-lueur{color:#eaf6ff;text-shadow:0 0 6px rgba(120,200,255,.9),0 0 18px rgba(90,170,255,.6)}.nfx-or,.nfx-sakura,.nfx-flamme,.nfx-foudre,.nfx-eternel,.nfx-cosmos{background:var(--fx) 0 0 / 200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.nfx-or{--fx:linear-gradient(100deg,#8a5a00,#ffe58a 30%,#fff6c4 45%,#c98a0b 60%,#ffe58a 80%,#8a5a00);animation:nfx-slide 5s linear infinite;filter:drop-shadow(0 2px 6px rgba(255,190,40,.35))}.nfx-sakura{--fx:linear-gradient(100deg,#ff9ac8,#ffe1ef 40%,#ff6fa9 70%,#ff9ac8);animation:nfx-slide 6s linear infinite;filter:drop-shadow(0 0 8px rgba(255,120,180,.45))}.nfx-flamme{--fx:linear-gradient(0deg,#ff3d00,#ff9100 40%,#ffe066 75%,#fff4c2);background-size:100% 200%;animation:nfx-rise 1.6s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px rgba(255,110,0,.6))}.nfx-foudre{--fx:linear-gradient(100deg,#5ad1fa,#ffffff 20%,#5ad1fa 35%,#3d7dff 60%,#c7e3ff 80%,#5ad1fa);animation:nfx-slide 2.2s linear infinite,nfx-flicker 4s steps(1) infinite;filter:drop-shadow(0 0 8px rgba(90,209,250,.7))}.nfx-eternel{--fx:linear-gradient(100deg,#ff6b6b,#ffd36b,#6bffb8,#6bc8ff,#c86bff,#ff6b6b);animation:nfx-slide 4s linear infinite;filter:drop-shadow(0 0 8px rgba(200,120,255,.5))}.nfx-cosmos{--fx:radial-gradient(circle at 20% 40%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,#fff 0 1px,transparent 2px),linear-gradient(100deg,#2b1a6b,#8a5cff 30%,#ff7ad9 55%,#4bc3ff 80%,#2b1a6b);animation:nfx-slide 7s linear infinite;filter:drop-shadow(0 0 10px rgba(138,92,255,.6))}@keyframes nfx-slide{to{background-position:-200% 0}}@keyframes nfx-rise{to{background-position:0 100%}}@keyframes nfx-flicker{0%,46%,50%,100%{opacity:1}48%{opacity:.55}}.pf-avatar[data-fx]::before{content:'';position:absolute;inset:-10px;z-index:-1;border-radius:50%;filter:blur(14px);opacity:.75;animation:nfx-spin 8s linear infinite}.pf-avatar[data-fx='lueur']::before{background:radial-gradient(rgba(120,200,255,.9),transparent 70%)}.pf-avatar[data-fx='or']::before{background:conic-gradient(#ffe58a,#c98a0b,#fff6c4,#c98a0b,#ffe58a)}.pf-avatar[data-fx='sakura']::before{background:conic-gradient(#ff9ac8,#ffe1ef,#ff6fa9,#ff9ac8)}.pf-avatar[data-fx='flamme']::before{background:conic-gradient(#ff3d00,#ffe066,#ff9100,#ff3d00)}.pf-avatar[data-fx='foudre']::before{background:conic-gradient(#5ad1fa,#fff,#3d7dff,#5ad1fa)}.pf-avatar[data-fx='eternel']::before{background:conic-gradient(#ff6b6b,#ffd36b,#6bffb8,#6bc8ff,#c86bff,#ff6b6b)}.pf-avatar[data-fx='cosmos']::before{background:conic-gradient(#2b1a6b,#8a5cff,#ff7ad9,#4bc3ff,#2b1a6b)}@keyframes nfx-spin{to{rotate:360deg}}.fx-prev{min-height:56px;display:grid;place-items:center;font:800 22px var(--display)}.fx-tile.locked .fx-prev{filter:grayscale(1) brightness(.6)}@media (prefers-reduced-motion:reduce){.nfx,.pf-avatar[data-fx]::before,.pf-presence i{animation:none !important}}.btn[hidden]{display:none} .rc-head{display:grid;gap:10px}.rc-head .tabs{margin:4px 0 0}.rc-head .chip{padding:5px 10px;font-size:12px}.rc-tools{min-height:34px}.rc-grid .item{cursor:pointer}.rc-grid .item .btn{width:100%;margin-top:6px;justify-content:center}.rc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;margin-top:14px}.rc-grid .item{min-width:0;text-align:center}.rc-grid .cap{margin-top:6px;font-size:12px}.rc-grid .cap b{color:var(--text)}.rc-foot{position:sticky;bottom:-28px;justify-content:flex-end;margin:16px -28px -28px;padding:14px 28px;background:var(--surface-solid);border-top:1px solid var(--line)}@media (max-width:860px){.rc-foot{bottom:-18px;margin:14px -14px -18px;padding:12px 14px}} .gd-form{display:grid;gap:12px}.gd-form h2{margin:0}.gd-row{display:flex;gap:10px}.gd-row .gd-tag{width:96px;flex:none}.gd-form input[type=text]{width:100%}.gd-pv{position:relative;margin-bottom:30px}.gd-pv-banner{display:grid;place-items:center;height:120px;border-radius:14px;border:1px dashed rgba(255,255,255,.22);background:var(--surface-solid,#111b2e) center / cover;cursor:pointer;color:var(--muted);font-size:13px}.gd-pv-banner:hover{border-color:var(--accent)}.gd-pv-banner span{background:rgba(0,0,0,.45);padding:3px 10px;border-radius:99px}.gd-emblem{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;overflow:hidden;background:rgba(90,209,250,.14);color:var(--accent);font-weight:800;font-size:12px}.gd-emblem img{width:100%;height:100%;object-fit:cover}.gd-emblem.lg{width:84px;height:84px;border-radius:20px;font-size:22px;border:3px solid #0b1220}.gd-pv-avatar{position:absolute;left:16px;bottom:-28px;cursor:pointer}.gd-hero{border-radius:18px;overflow:hidden;background:var(--surface-solid,#111b2e)}.gd-banner{height:170px;background:linear-gradient(120deg,rgba(90,209,250,.28),rgba(192,132,252,.22)) center / cover}.gd-head{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:0 18px 16px}.gd-head .gd-emblem{margin-top:-34px}.gd-head h1{margin:2px 0;font-size:34px}.gd-head .grow{min-width:200px;padding-top:12px}.gd-rank{width:30px;text-align:center}.gd-msgs{height:300px;overflow-y:auto;margin:10px 0;display:grid;gap:8px;align-content:start}.gd-msg p{margin:2px 0 0;overflow-wrap:anywhere}.gd-send{display:flex;gap:8px}.gd-send input{flex:1;min-width:0} .dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px;align-items:start}.dl-card{display:grid;gap:12px}.dl-card h2{font-size:22px}.dl-icon{display:grid;place-items:center;padding:18px 0 8px}.dl-logo{width:112px;height:112px}.dl-card .install-steps{margin:0}.dl-share{width:18px;height:18px;vertical-align:-3px}.dl-warn{display:grid;gap:8px;justify-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.dl-done{margin-top:14px;color:var(--accent);font-weight:700} .mt-page{display:grid;place-items:center;overflow:auto;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));background:radial-gradient(900px 520px at 50% -10%,rgba(47,143,216,.3),transparent 70%),radial-gradient(700px 480px at 85% 110%,rgba(125,214,252,.13),transparent 70%),radial-gradient(1.5px 1.5px at 18% 24%,#fff,transparent),radial-gradient(1.5px 1.5px at 72% 16%,#cfe9ff,transparent),radial-gradient(1px 1px at 38% 70%,#fff,transparent),radial-gradient(1px 1px at 88% 58%,#fff,transparent),radial-gradient(1.5px 1.5px at 10% 82%,#cfe9ff,transparent),#080d19 !important}.mt-card{position:relative;width:min(520px,100%);display:grid;gap:12px;justify-items:center;padding:34px 28px 28px;border:1px solid var(--line);border-radius:26px;background:rgba(13,20,34,.82);box-shadow:0 30px 80px -30px #000;text-align:center;overflow:hidden}.mt-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#7dd6fc,transparent)}.mt-logo{width:92px;height:92px;margin-bottom:6px;filter:drop-shadow(0 12px 30px rgba(47,143,216,.55));animation:mt-float 4s ease-in-out infinite}.mt-logo svg{display:block;width:100%;height:100%}.mt-card h1{margin:0;font-size:clamp(32px,7vw,46px);line-height:1.05}.mt-text{margin:0;max-width:42ch;color:var(--text);font-size:16px}.mt-bar{width:min(280px,100%);height:5px;margin:8px 0 2px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.mt-bar i{display:block;width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f8fd8,#7dd6fc);animation:mt-slide 1.8s ease-in-out infinite}.mt-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px}.mt-form{width:100%;margin-top:10px;padding-top:16px;border-top:1px solid var(--line);text-align:left}.mt-form .btn{width:100%}.mt-form[hidden],.mt-form [hidden]{display:none}.mt-error{margin:0;color:#ff8d8d;font-size:14px}@keyframes mt-float{50%{translate:0 -8px}}@keyframes mt-slide{from{translate:-110%}to{translate:260%}}@media (max-width:460px){.mt-card{padding:28px 18px 22px}.mt-actions,.mt-actions .btn{width:100%}.mt-actions .pill{justify-content:center}}@media (prefers-reduced-motion:reduce){.mt-logo,.mt-bar i{animation:none}.mt-bar i{width:100%}}  [data-theme=shonen]{--hc:#ff7a3d}[data-theme=isekai]{--hc:#38bdf8}[data-theme=seinen]{--hc:#a970ff}[data-theme=shojo]{--hc:#ff6fb5}[data-theme=sport]{--hc:#3ddc97}[data-theme=mecha]{--hc:#9fb3c8} .bc{position:relative;container-type:inline-size;user-select:none;-webkit-user-select:none}.bc .card{pointer-events:none}.bc .card .cbot{visibility:hidden}.bc .card .cbadge{display:none}.bc-cost,.bc-atk,.bc-hp{position:absolute;z-index:6;display:grid;place-items:center;width:21cqw;height:21cqw;font:900 12cqw/1 var(--display);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.bc-cost{left:-3cqw;top:-3cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8fdcff,#1d6fd1 70%);box-shadow:0 0 0 1.2cqw #0b2a4a,0 2cqw 4cqw rgba(0,0,0,.5)}.bc-atk{left:-3cqw;bottom:-3cqw;border-radius:30%;background:radial-gradient(circle at 35% 30%,#ffd36b,#d97706 75%);box-shadow:0 0 0 1.2cqw #4a2a05}.bc-hp{right:-3cqw;bottom:-3cqw;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 30%,#ff8a8a,#c81e3a 75%);box-shadow:0 0 0 1.2cqw #4a0a16}.bc-text{position:absolute;z-index:5;left:5cqw;right:5cqw;bottom:9cqw;max-height:36%;padding:3cqw 4cqw;border-radius:4cqw;overflow:hidden;background:rgba(6,10,18,.82);border:1px solid rgba(255,255,255,.12);font-size:6.6cqw;line-height:1.25;text-align:center;color:#e8f4ff}.bc-count{position:absolute;right:3cqw;top:3cqw;z-index:6;padding:1cqw 3cqw;border-radius:99px;background:rgba(0,0,0,.7);font:700 8cqw var(--mono)}.bc.dim{filter:grayscale(.8) brightness(.6)} .arena-tuto{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.arena-top{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px}.arena-rank .bar{margin:10px 0 4px}.arena-rank-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;font-size:18px}.rank-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;background:var(--surface2);font-weight:700;font-family:var(--display);font-size:14px}.rank-badge .stars{color:var(--gold);font-size:11px;letter-spacing:1px}.rank-badge[data-rank=bronze]{color:#e0a070}.rank-badge[data-rank=argent]{color:#d7e1ea}.rank-badge[data-rank=or]{color:var(--gold)}.rank-badge[data-rank=platine]{color:#7ef0e0}.rank-badge[data-rank=diamant]{color:#8fc8ff}.rank-badge[data-rank=maitre]{color:#ff9b6b;background:linear-gradient(135deg,rgba(255,120,60,.2),rgba(169,112,255,.2))}.deck-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:12px;max-height:300px;overflow:auto;padding:2px}.deck-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.deck-tile{--hc:var(--accent);display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px 14px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--hc) 18%,transparent),var(--surface));border-left:4px solid var(--hc);transition:transform .15s,border-color .15s,box-shadow .15s}.deck-tile:hover{transform:translateY(-2px)}.deck-tile.on{border-color:var(--hc);box-shadow:0 0 0 2px color-mix(in srgb,var(--hc) 60%,transparent),0 8px 30px color-mix(in srgb,var(--hc) 25%,transparent)}.deck-tile.big{min-height:96px;justify-content:center}.deck-tile.bad{opacity:.7}.warn{color:#ffb05c}.ok-text{color:var(--green)}.arena-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.mode-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.mode-card.ranked{background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(169,112,255,.1));border-color:rgba(56,189,248,.35)}.mode-card .btn{margin-top:auto}.mode-ic{font-size:30px}.queue-box{margin-top:16px}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--surface3);border-top-color:var(--accent);animation:k-gem .8s linear infinite;display:inline-block;flex:none}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.hero-card{padding:14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(160deg,color-mix(in srgb,var(--hc) 16%,transparent),var(--surface))}.hero-card b{color:var(--hc)}.hero-power{display:flex;gap:10px;align-items:center;margin-top:10px}.hero-chip{color:var(--hc);font-weight:700}.hist{padding:6px 0;border-bottom:1px solid var(--line)}.hist.win b{color:var(--green)}.hist.loss b{color:#ff7a7a} .deck-editor{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.de-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.de-card{position:relative;padding:0;border:0;background:none;cursor:pointer;transition:transform .15s}.de-card:hover{transform:translateY(-3px) scale(1.02)}.de-card.full{opacity:.45}.de-have{position:absolute;left:50%;top:-8px;transform:translateX(-50%);z-index:8;padding:1px 8px;border-radius:99px;background:#0b1b2b;border:1px solid var(--line2);font:700 11px var(--mono)}.de-deck{position:sticky;top:80px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 100px)}.de-name{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--line2);background:var(--surface);font:700 16px var(--display)}.de-heroes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hero-pick{display:flex;flex-direction:column;padding:6px 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left}.hero-pick b{font-size:12px;color:var(--hc)}.hero-pick small{font-size:10px;color:var(--muted)}.hero-pick.on{border-color:var(--hc);background:color-mix(in srgb,var(--hc) 18%,transparent)}.de-curve{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;height:70px;align-items:end}.de-curve div{position:relative;height:70px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.de-curve i{display:block;width:70%;min-height:2px;border-radius:4px 4px 0 0;background:var(--grad)}.de-curve b{position:absolute;top:-2px;font-size:10px}.de-curve span{font-size:10px;color:var(--muted)}.de-list{overflow:auto;flex:1;min-height:120px;display:flex;flex-direction:column;gap:3px}.de-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;border:1px solid var(--line);border-left:3px solid var(--r-C);background:var(--surface);cursor:pointer;text-align:left;font-size:13px}.de-row[data-r=U]{border-left-color:var(--r-U)}.de-row[data-r=R]{border-left-color:var(--r-R)}.de-row[data-r=E]{border-left-color:var(--r-E)}.de-row[data-r=L]{border-left-color:var(--r-L)}.de-row[data-r=M]{border-left-color:var(--r-M)}.de-row:hover{background:rgba(255,90,60,.12)}.de-cost{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1d6fd1;font:700 12px var(--display);flex:none}.de-actions{display:flex;flex-wrap:wrap;gap:8px}.de-actions .btn{flex:1}.deck-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;margin-top:14px} body.in-match{overflow:hidden}body.in-match .tabbar{display:none}.arena-match:not(.replay){position:fixed;inset:0;z-index:60;background:radial-gradient(1200px 600px at 50% 50%,#12304a 0%,#08121d 55%,#05080d 100%)}.arena-match.replay{position:relative;height:min(820px,calc(100vh - 160px));min-height:560px;border-radius:var(--radius);overflow:hidden;background:radial-gradient(1000px 500px at 50% 50%,#12304a,#06090f);margin-top:12px}.am-board{position:absolute;inset:0}.am-tools{position:absolute;right:12px;top:12px;z-index:20;display:flex;gap:6px}.am-emotes{position:absolute;right:0;top:44px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:12px;background:rgba(8,14,22,.95);border:1px solid var(--line2)}.replay-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bt{position:absolute;inset:0;display:grid;grid-template-columns:1fr 250px;grid-template-rows:100%;overflow:clip;touch-action:none}.bt.spectate{touch-action:auto}.bt-field{position:relative;overflow:clip;display:grid;grid-template-rows:auto 1fr 56px 1fr auto 150px;padding:10px 16px 0;min-width:0}.bt-field::before{content:'';position:absolute;left:4%;right:4%;top:18%;bottom:26%;border-radius:40px;background:radial-gradient(ellipse at center,rgba(56,189,248,.07),transparent 70%);border:1px solid rgba(125,211,252,.08);pointer-events:none}.bt-side{display:flex;align-items:center;gap:16px;justify-content:center;position:relative;z-index:2}.bt-side.foe{flex-direction:column;gap:4px}.bt-hero-row{display:flex;align-items:center;gap:14px}.bt-hero{--hc:var(--accent);position:relative;width:74px;height:74px;border-radius:50%;padding:4px;background:conic-gradient(from 200deg,var(--hc),transparent 60%,var(--hc));transition:box-shadow .3s,transform .15s}.bt-hero.turn{box-shadow:0 0 0 3px var(--hc),0 0 30px color-mix(in srgb,var(--hc) 60%,transparent)}.bt-portrait,.bt-portrait .avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;font-size:28px}.avatar.bot{display:grid;place-items:center;background:#13263a}.bt-hp{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:30px;height:30px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 30%,#ff8a8a,#c81e3a 75%);font:900 14px var(--display);box-shadow:0 0 0 2px #4a0a16}.bt-hp.hurt{color:#ffe1e1}.bt-armor{position:absolute;left:-6px;bottom:-6px;display:grid;place-items:center;width:28px;height:28px;border-radius:6px 6px 50% 50%;background:linear-gradient(#cbd5e1,#64748b);color:#0b1220;font:900 13px var(--display)}.bt-pinfo{min-width:150px}.bt-pinfo b{font-family:var(--display);font-size:14px}.bt-away{color:#ffb05c;animation:k-pulse 1s infinite}.bt-mana{display:flex;align-items:center;gap:3px;margin-top:4px}.bt-mana i{width:11px;height:14px;clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);background:rgba(255,255,255,.1)}.bt-mana i.full{background:linear-gradient(#8fdcff,#1d6fd1);box-shadow:0 0 6px #38bdf8}.bt-mana i.used{background:rgba(56,189,248,.25)}.bt-mana span{margin-left:6px;font:700 12px var(--mono);color:#8fdcff}.bt-power{--hc:var(--accent);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;max-width:190px;padding:6px 10px;border-radius:14px;border:1px solid var(--line2);background:rgba(8,16,26,.8);text-align:left;cursor:pointer;color:var(--text)}.bt-power .bt-pcost{grid-row:span 2}.bt-power b{font-size:12px}.bt-power small{font-size:10px;color:var(--muted);line-height:1.2}.bt-power.ok{border-color:#3ddc97;box-shadow:0 0 14px rgba(61,220,151,.45)}.bt-power.used{opacity:.45}.bt-power:disabled{cursor:default}.bt-pcost{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8fdcff,#1d6fd1 70%);font:900 13px var(--display);flex:none}.bt-piles{display:flex;gap:10px;font:600 12px var(--mono);color:var(--muted)}.bt-hand-foe{display:flex;justify-content:center;height:30px}.bt-hand-foe>i{width:22px;height:30px;margin:0 -4px;border-radius:4px;background:linear-gradient(135deg,#1d8fe1,#0b2a4a);border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 6px rgba(0,0,0,.5)} .bt-hand-foe:has(.sk){height:40px}.bt-hand-foe>i.sk{position:relative;width:29px;height:40px;margin:0 -5px;overflow:hidden;background:none}.bt-hand-foe .nb *{animation:none !important}.hc.back>i.sk{position:relative;overflow:hidden;background:none}.bt-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;min-height:0;padding:6px 0}.bt-row.drop{background:radial-gradient(ellipse at center,rgba(61,220,151,.14),transparent 70%)}.bt-empty{color:var(--faint);font-size:13px;border:2px dashed var(--line2);border-radius:16px;padding:18px 26px}.bt-mid{display:flex;align-items:center;justify-content:center;gap:14px;position:relative;z-index:3}.bt-hint{display:flex;align-items:center;gap:12px}.bt-endturn{min-width:150px}.bt-tip{max-width:420px;font-size:13px;padding:6px 12px;border-radius:12px;background:rgba(255,200,61,.14);border:1px solid rgba(255,200,61,.35);color:#ffe6a6}.bt-turn{font:700 13px var(--display);color:var(--muted)}.bt-rope{position:absolute;left:8%;right:8%;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:rgba(255,255,255,.05);opacity:0;transition:opacity .3s;pointer-events:none}.bt-rope.on{opacity:1}.bt-rope i{display:block;height:100%;margin:0 auto;border-radius:4px;background:linear-gradient(90deg,#ff4d2e,#ffc83d,#ff4d2e);box-shadow:0 0 12px #ff7a3d;transition:width .25s linear} .mn{--c:var(--r-C);position:relative;width:clamp(62px,8.2vw,104px);aspect-ratio:3 / 4;flex:none;border-radius:44% 44% 18px 18px;transition:transform .18s,box-shadow .2s,opacity .2s;cursor:default}.mn[data-r=U]{--c:var(--r-U)}.mn[data-r=R]{--c:var(--r-R)}.mn[data-r=E]{--c:var(--r-E)}.mn[data-r=L]{--c:var(--r-L)}.mn[data-r=M]{--c:var(--r-M)}.mn-art{position:absolute;inset:0;border-radius:inherit;background-size:cover;background-position:center 20%;border:3px solid var(--c);box-shadow:0 6px 18px rgba(0,0,0,.55)}.mn.taunt .mn-art{border-radius:14px;border-width:5px;border-color:#b8c4d2;box-shadow:0 0 0 3px #4b5563,0 6px 18px rgba(0,0,0,.55)}.mn.taunt{border-radius:14px}.mn.divine::after{content:'';position:absolute;inset:-6px;border-radius:inherit;background:radial-gradient(ellipse at center,transparent 55%,rgba(255,230,120,.55));border:2px solid rgba(255,220,100,.9);box-shadow:0 0 16px rgba(255,210,80,.7);pointer-events:none;animation:k-pulse 2s infinite}.mn.stealth .mn-art{filter:saturate(.4) brightness(.75);opacity:.65}.mn.ready{cursor:grab}.mn.ready .mn-art{box-shadow:0 0 0 3px #3ddc97,0 0 20px rgba(61,220,151,.7)}.mn-atk,.mn-hp{position:absolute;bottom:-8px;z-index:2;display:grid;place-items:center;width:26px;height:26px;font:900 13px var(--display);color:#fff;text-shadow:0 1px 2px #000}.mn-atk{left:-6px;border-radius:30%;background:radial-gradient(circle at 35% 30%,#ffd36b,#d97706 75%)}.mn-hp{right:-6px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 30%,#ff8a8a,#c81e3a 75%)}.mn-hp.hurt{color:#ffd0d0}.mn-atk.up{color:#b6ffd8}.mn-icons{position:absolute;top:-6px;left:50%;transform:translateX(-50%);display:flex;gap:1px;font-size:13px;z-index:2}.mn-icons i{font-style:normal;filter:drop-shadow(0 1px 2px #000)}.mn-zz{position:absolute;right:2px;top:6px;font-size:14px;animation:k-pulse 1.6s infinite;z-index:2}.mn-name{position:absolute;left:-6px;right:-6px;bottom:16px;text-align:center;font-size:9.5px;font-weight:700;line-height:1.1;text-shadow:0 1px 3px #000,0 0 2px #000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.mn.enter{animation:mn-enter .45s var(--ease)}@keyframes mn-enter{from{transform:translateY(-30px) scale(1.35);opacity:0}60%{transform:translateY(4px) scale(.96);opacity:1}}.mn.shake,.bt-hero.shake{animation:bt-shake .35s}@keyframes bt-shake{20%{transform:translateX(-5px) rotate(-2deg)}40%{transform:translateX(5px) rotate(2deg)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}.dying{animation:mn-die .8s forwards;pointer-events:none}@keyframes mn-die{30%{filter:brightness(2) saturate(0)}to{opacity:0;transform:scale(.7) translateY(10px);filter:brightness(2) blur(4px) saturate(0)}} .bt.targeting .tgt{cursor:crosshair}.bt.targeting .mn.tgt .mn-art,.bt.targeting .bt-hero.tgt{box-shadow:0 0 0 3px #ff5a3c,0 0 22px rgba(255,90,60,.8)}.bt.targeting .mn.tgt:hover,.bt.targeting .bt-hero.tgt:hover{transform:scale(1.08)}.mn.sel{transform:translateY(-8px) scale(1.06)}.bt-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:30;overflow:visible}.bt-arrow path{fill:none;stroke:#ff5a3c;stroke-width:6;stroke-linecap:round;stroke-dasharray:2 12;filter:drop-shadow(0 0 6px rgba(255,90,60,.8));animation:bt-dash .5s linear infinite}@keyframes bt-dash{to{stroke-dashoffset:-14}} .bt-hand{display:flex;justify-content:center;align-items:flex-end;padding-bottom:0;position:relative;z-index:10}.hc{position:relative;width:clamp(84px,8.8vw,128px);margin:0 -10px;transform:translateY(calc(32% + var(--lift,0px))) rotate(var(--rot,0deg));transform-origin:50% 120%;transition:transform .2s var(--ease),filter .2s;cursor:pointer}.hc.ok .card .ci{box-shadow:0 0 0 2px #3ddc97,0 0 18px rgba(61,220,151,.6)}.bt:not(.my-turn) .hc,.hc:not(.ok){filter:brightness(.82)}.hc:hover,.hc.sel{transform:translateY(-14%) scale(1.25) rotate(0deg);z-index:20;filter:none}.hc.lifted{opacity:.3}.hc.back>i{display:block;aspect-ratio:5 / 7;border-radius:8px;background:linear-gradient(135deg,#1d8fe1,#0b2a4a)}.bt-ghost{position:absolute;left:0;top:0;z-index:40;pointer-events:none;transition:none;margin:0;filter:drop-shadow(0 12px 24px rgba(0,0,0,.6))} .bt-preview{position:absolute;right:270px;top:50%;transform:translateY(-50%);z-index:35;width:220px;display:none;pointer-events:none}.bt-preview.left{right:auto;left:20px}.bt-preview.on{display:block;animation:pop-in .15s var(--ease)}.bt-help{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(6,12,20,.95);border:1px solid var(--line2);font-size:12px;display:flex;flex-direction:column;gap:5px}@keyframes pop-in{from{opacity:0;transform:translateY(-50%) scale(.92)}}.bt-log{border-left:1px solid var(--line);background:rgba(4,8,14,.55);display:flex;flex-direction:column;min-height:0;padding-top:56px}.bt-log-head{padding:0 14px 8px;font:700 12px var(--display);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.bt-log-list{overflow:auto;padding:0 14px 14px;display:flex;flex-direction:column;gap:6px;font-size:12.5px}.bt-log-list .mine{color:#bfe9ff}.bt-fx,.bt-layer{position:absolute;inset:0;pointer-events:none;z-index:45}.bt-layer>*{pointer-events:auto}.bt-pop{position:absolute;transform:translate(-50%,-50%);font:900 26px var(--display);text-shadow:0 2px 6px #000;animation:bt-pop 1.2s forwards;white-space:nowrap}.bt-pop.dmg{color:#ff5a5a}.bt-pop.heal{color:#5dffb0}.bt-pop.shield{color:#ffe27a;font-size:18px}.bt-pop.buff{color:#8fdcff;font-size:18px}@keyframes bt-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-120%) scale(1)}}.bt-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 40px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(29,143,225,.85),transparent);font:900 clamp(22px,3vw,34px) var(--display);white-space:nowrap;animation:bt-banner 1.5s forwards}.bt-banner.small{font-size:18px;background:linear-gradient(90deg,transparent,rgba(20,30,45,.9),transparent)}@keyframes bt-banner{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0}}.bt-flash{position:absolute;left:50%;bottom:170px;transform:translateX(-50%);padding:8px 18px;border-radius:12px;background:rgba(200,30,58,.9);font-weight:700;animation:bt-banner 1.4s forwards}.bt-reveal{position:absolute;left:50%;top:42%;width:200px;transform:translate(-50%,-50%);animation:bt-reveal .3s var(--ease);filter:drop-shadow(0 20px 40px rgba(0,0,0,.7))}.bt-reveal.out{opacity:0;transition:opacity .3s}@keyframes bt-reveal{from{opacity:0;transform:translate(-50%,-30%) scale(.6)}}.bt-emote{position:absolute;padding:8px 14px;border-radius:16px 16px 16px 4px;background:#f4f1ff;color:#111;font-weight:700;font-size:14px;animation:bt-banner 2.6s forwards;transform:none;white-space:nowrap} .bt-mull,.bt-end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center;background:rgba(3,6,12,.82);backdrop-filter:blur(6px)}.bt-mull-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:10px 0}.bt-mull-card{position:relative;width:clamp(110px,14vw,170px);padding:0;border:0;background:none;cursor:pointer;transition:transform .2s}.bt-mull-card:hover{transform:translateY(-6px)}.bt-mull-card>span{position:absolute;inset:0;display:none;place-items:center;z-index:9;font:900 16px var(--display);color:#fff;background:rgba(200,30,58,.45);border-radius:12px}.bt-mull-card.on>span{display:grid}.bt-mull-card.on .bc{filter:grayscale(.7)}.bt-end h1{font-size:clamp(40px,7vw,72px)}.bt-end.win h1{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.bt-end.loss h1{color:#ff7a7a}.bt-end-rew{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:17px}.rank-up{font:900 20px var(--display);color:var(--gold)} @media (max-width:900px){.arena-top,.arena-modes,.deck-editor{grid-template-columns:1fr}.de-deck{position:static;max-height:none}.bt{grid-template-columns:1fr}.bt-log{position:absolute;right:0;top:0;bottom:0;width:260px;z-index:50;display:none;background:rgba(4,8,14,.96)}.bt.show-log .bt-log{display:flex}.bt-preview,.bt-preview.left{right:auto;left:50%;top:40%;transform:translate(-50%,-50%);width:190px}.bt-field{grid-template-rows:auto 1fr 46px 1fr auto 112px;padding:6px 6px 0}.bt-pinfo{min-width:0;font-size:12px}.bt-power{max-width:120px;padding:4px 6px}.bt-power small{display:none}.bt-hero{width:54px;height:54px}.bt-piles{display:none}.bt-row{gap:5px}.mn{width:clamp(42px,12.4vw,70px)}.mn-name{display:none}.mn-atk,.mn-hp{width:20px;height:20px;font-size:11px}.hc{width:clamp(64px,18vw,92px);margin:0 -14px}.bt-tip{font-size:11px;max-width:220px}.bt-end{gap:10px}.am-tools{top:40%;right:4px;flex-direction:column}.am-emotes{right:44px;top:0}}@media (prefers-reduced-motion:reduce){.mn.enter,.dying,.bt-pop,.bt-banner,.bt-arrow path{animation-duration:.01s !important}}.lite .mn.divine::after,.lite .bt-arrow path{animation:none}.replay-bar select{width:auto} .bc.v2 .bc-text{bottom:31cqw;max-height:28%}.bc-tech{position:absolute;z-index:6;left:4cqw;right:4cqw;bottom:17cqw;display:flex;align-items:center;gap:3cqw;padding:2cqw 3cqw;border-radius:4cqw;background:linear-gradient(90deg,rgba(255,200,61,.92),rgba(217,119,6,.92));color:#1b1000;font:800 6.4cqw/1.1 var(--body);box-shadow:0 1cqw 3cqw rgba(0,0,0,.45)}.bc-tech b{display:grid;place-items:center;flex:none;width:10cqw;height:10cqw;border-radius:50%;background:#1b1000;color:#ffd36b;font:900 6.4cqw var(--display)}.bc-tech span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-tech.reply{background:linear-gradient(90deg,rgba(169,112,255,.95),rgba(91,52,182,.95));color:#fff}.bc-tech.reply b{color:#d9c4ff}.bt.v2 .bt-field{grid-template-rows:auto minmax(0,.85fr) minmax(0,1fr) 52px minmax(0,1fr) minmax(0,.85fr) auto 140px;padding-top:6px}.bt.v2 .bt-row{padding:3px 0;border-radius:22px}.bt.v2 .bt-row.r-back{background:rgba(255,255,255,.025)}.bt.v2 .bt-row.r-back .mn{width:clamp(50px,5.8vw,78px)}.bt.v2 .mn{width:clamp(56px,6.6vw,88px)}.bt-row-label{position:absolute;left:10px;top:50%;transform:translateY(-50%);font:700 10px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);pointer-events:none}.bt.v2 .bt-row.drop{background:radial-gradient(ellipse at center,rgba(61,220,151,.2),transparent 70%)}.mn.awakened .mn-art{box-shadow:0 0 0 3px #ffc83d,0 0 22px rgba(255,200,61,.75)}.mn.ready.awakened .mn-art{box-shadow:0 0 0 3px #3ddc97,0 0 0 6px #ffc83d,0 0 22px rgba(61,220,151,.7)}.mn-move{position:absolute;right:-8px;top:30%;z-index:3;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--line2);background:rgba(6,12,20,.9);color:#bfe9ff;font-size:13px;cursor:pointer;opacity:0;transition:opacity .15s}.mn:hover .mn-move,.mn-move:focus-visible{opacity:1}@media (hover:none){.mn-move{opacity:1}}.bt-reserve{display:inline-flex;gap:3px;margin-left:8px;padding-left:8px;border-left:1px solid var(--line2)}.bt-reserve i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.1);clip-path:none}.bt-reserve i.full{background:linear-gradient(#e6d4ff,#8b5cf6);box-shadow:0 0 6px #a970ff}.bt-tension{display:flex;flex-direction:column;align-items:center;gap:5px}.bt-tension-bar{display:flex;gap:3px}.bt-tension-bar i{width:16px;height:8px;border-radius:4px;background:rgba(255,255,255,.1)}.bt-tension-bar i.on{background:linear-gradient(90deg,#ffd36b,#ff7a3d);box-shadow:0 0 6px rgba(255,160,61,.7)}.bt-tension.full .bt-tension-bar i{animation:k-pulse 1.2s infinite}.bt-awaken:disabled{opacity:.45}.bt-choice{position:absolute;z-index:48;width:220px;display:none}.bt-choice.on{display:block;animation:pop-in-up .15s var(--ease)}@keyframes pop-in-up{from{opacity:0;transform:translateY(8px) scale(.96)}}.bt-choice-box{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:rgba(6,12,20,.97);border:1px solid var(--line2);box-shadow:0 16px 40px rgba(0,0,0,.6)}.bt-choice-box .btn{justify-content:space-between}.bt-window{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:16px;background:rgba(91,52,182,.35);border:1px solid rgba(169,112,255,.6);box-shadow:0 0 24px rgba(169,112,255,.35)}.bt-window>b{font-family:var(--display)}.bt-reveal-label{margin-bottom:8px;padding:4px 12px;border-radius:99px;background:rgba(6,12,20,.9);font:800 13px var(--display);text-align:center;color:#ffd36b}@media (max-width:900px){.bt.v2 .bt-field{grid-template-rows:auto minmax(0,.8fr) minmax(0,1fr) 46px minmax(0,1fr) minmax(0,.8fr) auto 104px}.bt.v2 .mn{width:clamp(40px,11vw,64px)}.bt.v2 .bt-row.r-back .mn{width:clamp(36px,9.5vw,56px)}.bt-row-label{display:none}.bt-window{flex-wrap:wrap;justify-content:center;font-size:12px}.bt-tension-bar i{width:10px}} .bt.v2.has-arena{background:linear-gradient(rgba(4,7,12,.6),transparent 18%,transparent 66%,rgba(4,7,12,.82) 86%),radial-gradient(120% 90% at 50% 50%,transparent 45%,rgba(4,7,12,.55)),var(--arena-img) center / cover no-repeat,#08121d}.bt.v2.has-arena .bt-field::before{display:none}.bt.v2.has-arena .bt-row{background:rgba(6,10,18,.32);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(3px) saturate(1.2);-webkit-backdrop-filter:blur(3px) saturate(1.2)}.bt.v2.has-arena .bt-row.r-back{background:rgba(6,10,18,.42)}.bt.v2.has-arena .bt-row-label{color:rgba(255,255,255,.55)}.bt.v2.has-arena .bt-hero{--hc:var(--arena-accent)}.bt.v2.has-arena .bt-pinfo,.bt.v2.has-arena .bt-piles,.bt.v2.has-arena .bt-tension .tiny{text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.8)}.bt.v2.has-arena .bt-log{background:rgba(4,8,14,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)} .bt-log-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.bt-log-toggle{display:grid;place-items:center;width:26px;height:26px;padding:0;border-radius:8px;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:var(--ink);font:700 14px var(--body);cursor:pointer}.bt-log-toggle:hover{background:rgba(255,255,255,.14)}.bt.v2{transition:grid-template-columns .25s var(--ease)}.bt.v2.log-min{grid-template-columns:1fr 40px}.bt.v2.log-min .bt-log{cursor:pointer;padding-top:64px;align-items:center}.bt.v2.log-min .bt-log-head{flex-direction:column;padding:0}.bt.v2.log-min .bt-log-head span{writing-mode:vertical-rl;transform:rotate(180deg);margin-top:10px;order:2}.bt.v2.log-min .bt-log-list{display:none}.bt.v2.log-min .bt-preview{right:60px}@media (max-width:900px){.bt.v2.log-min{grid-template-columns:1fr}.bt-log-toggle{display:none}} .card-sheet{position:fixed;z-index:80;width:300px;max-height:calc(100vh - 16px);overflow:auto;padding:14px 16px;border-radius:16px;background:rgba(8,13,22,.97);border:1px solid var(--line2);box-shadow:0 20px 50px rgba(0,0,0,.6);font-size:13px;line-height:1.45;color:var(--ink);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}.card-sheet.on{opacity:1;transform:none}.card-sheet h4{margin:12px 0 4px;font:800 13px var(--display);text-transform:uppercase;letter-spacing:.04em;color:#bfe9ff}.card-sheet p{margin:0 0 4px}.card-sheet ul{margin:0;padding-left:0;list-style:none;display:grid;gap:4px}.card-sheet ul b{color:#fff}.cs-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cs-head b{font:800 17px var(--display)}.cs-r{padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--c,var(--r-C)) 30%,transparent);color:#fff}.cs-r[data-r=C]{--c:var(--r-C)}.cs-r[data-r=U]{--c:var(--r-U)}.cs-r[data-r=R]{--c:var(--r-R)}.cs-r[data-r=E]{--c:var(--r-E)}.cs-r[data-r=L]{--c:var(--r-L)}.cs-r[data-r=M]{--c:var(--r-M)}.cs-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font:700 13px var(--mono)}.cs-sig{padding:1px 8px;border-radius:99px;background:linear-gradient(90deg,#ffd36b,#ff7a3d);color:#2a1200;font:800 11px var(--body)}.cs-sub{margin-top:4px;color:var(--muted);font-size:12px}.cs-cost{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:4px;border-radius:50%;background:#ffd36b;color:#2a1200;font-size:11px}.cs-muted{color:var(--muted);font-size:12px}@media (hover:none){.card-sheet{display:none}} .bt.v2 .bt-mid .bt-hint{position:relative;z-index:2}.bt.v2 .bt-rope{left:3%;right:3%;height:8px;margin-top:-4px;background:none;z-index:1}.bt.v2 .bt-rope i{position:relative;height:100%;border-radius:6px;background:repeating-linear-gradient(-55deg,#e2ad62 0 5px,#9c6a2c 5px 10px);box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 12px rgba(255,140,40,.35)}.bt.v2 .bt-rope i::before,.bt.v2 .bt-rope i::after{content:'';position:absolute;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:radial-gradient(circle,#fff7cc 0%,#ffc23d 30%,#ff5a1a 60%,transparent 72%);box-shadow:0 0 16px 5px rgba(255,120,30,.75);animation:rope-spark .18s infinite alternate}.bt.v2 .bt-rope i::before{left:-8px}.bt.v2 .bt-rope i::after{right:-8px}@keyframes rope-spark{from{transform:scale(.8) rotate(0deg)}to{transform:scale(1.25) rotate(45deg)}}.bt.v2 .bt-rope.hot i{background:repeating-linear-gradient(-55deg,#ff8a4a 0 5px,#b3261e 5px 10px);box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 18px rgba(255,60,30,.8)}.bt.v2 .bt-endturn.hurry{animation:end-hurry .8s ease-in-out infinite}@keyframes end-hurry{50%{box-shadow:0 0 0 3px rgba(255,90,40,.55),0 0 26px rgba(255,90,40,.6)}}@media (prefers-reduced-motion:reduce){.bt.v2 .bt-rope i::before,.bt.v2 .bt-rope i::after,.bt.v2 .bt-endturn.hurry{animation:none}} .bt.v2 .hc.dim .bc .card{filter:grayscale(.9) brightness(.55)}.bt.v2 .hc.dim .bc-text,.bt.v2 .hc.dim .bc-tech{filter:grayscale(.8) brightness(.75)}.bt.v2 .hc.dim:hover .bc .card{filter:grayscale(.6) brightness(.75)}.bt.v2 .hc.no-perso .bc-cost{background:radial-gradient(circle at 35% 30%,#ff9a9a,#c81e3a 70%);box-shadow:0 0 0 1.2cqw #4a0a16,0 2cqw 4cqw rgba(0,0,0,.5)}.bt.v2 .hc.no-tech .bc-tech b{background:#c81e3a;color:#fff} .lobby{position:relative;z-index:2;border-radius:26px;overflow:visible;border:1px solid rgba(90,160,255,.25);padding:clamp(14px,2.5vw,26px);isolation:isolate;background:linear-gradient(180deg,rgba(4,10,24,.55),rgba(4,10,24,.92) 80%),var(--decor) center / cover;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}.lobby::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 50% 45%,rgba(61,139,255,.22),transparent 70%);pointer-events:none}.lobby-alert{display:block;margin-bottom:12px;padding:10px 14px;border-radius:12px;background:rgba(255,90,60,.2);border:1px solid rgba(255,120,80,.55);font-weight:700}.lobby-alert.off{background:rgba(0,0,0,.5);border-color:var(--line2)}.lobby-grid{display:grid;grid-template-columns:230px 1fr 280px;gap:18px;align-items:stretch}.lobby-player,.lobby-play{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:20px;background:rgba(6,12,26,.72);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-player{align-items:center;text-align:center}.lobby-player .avatar.lg{width:84px;height:84px;font-size:32px}.lobby-name{font:800 22px var(--display)}.lobby-rank .rank-badge{font-size:16px}.lobby-rp{font-size:13px;color:var(--muted)}.lobby-rp b{font:800 30px var(--display);color:var(--text)}.lobby-player .bar{width:100%}.lobby-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin-top:6px}.lobby-stats span{padding:6px 2px;border-radius:10px;background:rgba(255,255,255,.05);font-size:11px;color:var(--muted)}.lobby-stats b{display:block;font:800 16px var(--display);color:var(--text)}.lobby-deck{--hc:var(--accent);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:6px;padding:10px;border-radius:22px;background:radial-gradient(70% 80% at 50% 40%,color-mix(in srgb,var(--hc) 26%,transparent),transparent 75%)}.lobby-deck-main{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.lobby-deck-name{font:800 clamp(22px,3vw,32px) var(--display);text-transform:uppercase;text-shadow:0 4px 18px rgba(0,0,0,.7)}.lobby-deck .eyebrow{color:var(--hc)}.lobby-arrow{height:64px;border-radius:14px;border:1px solid var(--line2);background:rgba(6,12,26,.6);color:var(--text);font-size:30px;cursor:pointer;transition:background .15s,transform .15s}.lobby-arrow:hover{background:color-mix(in srgb,var(--hc) 30%,rgba(6,12,26,.6));transform:scale(1.05)}.lobby-fan{position:relative;height:190px;width:100%;margin-bottom:18px}.lobby-fan img{position:absolute;left:50%;bottom:0;width:120px;height:168px;object-fit:cover;border-radius:12px;border:3px solid var(--c);box-shadow:0 14px 30px rgba(0,0,0,.6),0 0 22px color-mix(in srgb,var(--c) 45%,transparent);transform:translateX(calc(-50% + var(--k) * 70px)) translateY(calc(var(--k) * var(--k) * 14px)) rotate(calc(var(--k) * 10deg));transform-origin:50% 100%;transition:transform .3s}.lobby-fan img:nth-child(2){z-index:1}.lobby-deck:hover .lobby-fan img{transform:translateX(calc(-50% + var(--k) * 86px)) translateY(calc(var(--k) * var(--k) * 16px - 6px)) rotate(calc(var(--k) * 13deg))}.lobby-fan-empty{display:grid;place-items:center;height:100%;font-size:90px;opacity:.3}.lobby-modes{display:grid;gap:6px}.lobby-mode{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,.04);color:var(--text);text-align:left;cursor:pointer}.lobby-mode .ic{font-size:22px}.lobby-mode b{display:block;font-size:15px}.lobby-mode small{color:var(--muted);font-size:11.5px}.lobby-mode.on{border-color:rgba(90,209,250,.6);background:rgba(90,209,250,.12)}.lobby-levels{display:flex;gap:6px;justify-content:center}.lobby-go{margin-top:auto;padding:18px;border:0;border-radius:18px;cursor:pointer;font:800 34px/1 var(--display);letter-spacing:.08em;color:#2a1a00;background:linear-gradient(180deg,#ffe08a,#ffb21e);box-shadow:0 0 0 2px rgba(255,220,140,.5) inset,0 14px 40px -10px rgba(255,178,30,.8);animation:lobby-pulse 2.4s ease-in-out infinite;transition:transform .15s}.lobby-go:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.lobby-go:disabled{filter:grayscale(1);opacity:.5;animation:none;cursor:not-allowed}@keyframes lobby-pulse{50%{box-shadow:0 0 0 2px rgba(255,220,140,.5) inset,0 14px 60px -6px rgba(255,178,30,1)}}.lobby-play>.tiny{text-align:center}.lobby-tuto{display:flex;align-items:center;gap:14px;width:100%;margin-top:14px;padding:14px 18px;border-radius:18px;border:1px solid rgba(90,209,250,.45);background:rgba(90,209,250,.1);color:var(--text);text-align:left;cursor:pointer}.lobby-tuto>span:first-child{font-size:28px}.lobby-tuto small{display:block;color:var(--muted)}.lobby-tuto .go{margin-left:auto;color:var(--accent);white-space:nowrap}.lobby-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}.lobby-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:center;cursor:pointer;transition:transform .15s,border-color .15s}.lobby-tile:hover{transform:translateY(-3px);border-color:rgba(90,209,250,.5)}.lobby-tile>span{font-size:24px}.lobby-tile small{font-size:11.5px;color:var(--muted)}.lobby-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.lobby-hist,.lobby-lb{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface2)}.lobby-hist>b{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:800 14px var(--display);background:rgba(255,255,255,.08)}.lobby-hist.win>b{background:rgba(61,220,151,.25);color:#3ddc97}.lobby-hist.loss>b{background:rgba(255,90,90,.2);color:#ff8a8a}.lobby-hist small{display:block;color:var(--muted);font-size:11.5px}.lobby-lb>b{width:20px;text-align:center;color:var(--gold)}.queue-screen{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(2,6,16,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.queue-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:28px}.queue-card>b{font:800 28px var(--display)}.queue-ring{position:relative;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin-bottom:8px}.queue-ring::before{content:'';position:absolute;inset:0;border-radius:50%;border:4px solid rgba(90,209,250,.15);border-top-color:var(--accent);animation:lobby-spin 1.1s linear infinite}.queue-ring span{font:800 34px var(--display)}@keyframes lobby-spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.lobby-grid{grid-template-columns:1fr 1fr}.lobby-deck{grid-column:1 / -1;order:-1}}@media (max-width:640px){.lobby-grid{grid-template-columns:1fr}.lobby-play{order:0}.lobby-player{order:1}.lobby-player{display:grid;grid-template-columns:auto 1fr;text-align:left;align-items:center;column-gap:12px}.lobby-player .avatar.lg{grid-row:span 3;width:64px;height:64px}.lobby-player .bar,.lobby-player>.tiny,.lobby-stats{grid-column:1 / -1}.lobby-tiles{grid-template-columns:repeat(3,1fr)}.lobby-cols{grid-template-columns:1fr}.lobby-fan img{width:96px;height:134px}.lobby-fan{height:150px}} .rank-emblem{flex:none;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.rank-badge .rank-emblem{margin:-3px 0}.rank-tip{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:help;outline:none}.rank-tip>.rank-emblem{filter:drop-shadow(0 0 12px rgba(255,255,255,.25)) drop-shadow(0 6px 10px rgba(0,0,0,.6));transition:transform .2s}.rank-tip:hover>.rank-emblem,.rank-tip:focus>.rank-emblem{transform:scale(1.08) rotate(-3deg)}.rank-tip-panel{position:absolute;z-index:30;top:calc(100% + 8px);left:-16px;width:min(440px,92vw);translate:0 6px;opacity:0;visibility:hidden;transition:opacity .15s,translate .15s,visibility .15s;padding:14px;border-radius:16px;text-align:left;background:rgba(8,14,28,.98);border:1px solid rgba(90,160,255,.35);box-shadow:0 20px 50px -10px rgba(0,0,0,.8)}.rank-tip:hover .rank-tip-panel,.rank-tip:focus .rank-tip-panel,.rank-tip:focus-within .rank-tip-panel{opacity:1;visibility:visible;translate:0 0}.rank-tip-title{display:block;margin-bottom:8px;font:800 18px var(--display)}.rank-tip-panel table{width:100%;border-collapse:collapse;font-size:13px}.rank-tip-panel th{text-align:left;font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;padding:0 6px 6px}.rank-tip-panel td{padding:5px 6px;border-top:1px solid rgba(255,255,255,.06);white-space:nowrap}.rank-tip-panel td:last-child{white-space:normal;color:var(--muted)}.rank-tip-panel td:first-child{display:flex;align-items:center;gap:6px;font-weight:700}.rank-tip-panel tr.on td{background:rgba(90,209,250,.12)}.rank-tip-panel ul{margin:10px 0 0;padding-left:16px;font-size:12.5px;color:var(--muted);display:grid;gap:3px} @media (max-width:640px){.lobby-player .rank-tip{grid-column:1 / -1}.rank-tip-panel{position:static;width:100%;translate:none;display:none;margin-top:6px}.rank-tip:hover .rank-tip-panel,.rank-tip:focus .rank-tip-panel,.rank-tip:focus-within .rank-tip-panel{display:block;translate:none}.rank-tip-panel td:last-child{font-size:11.5px}} @media (max-width:640px){.hc{transform:translateY(calc(12% + var(--lift,0px))) rotate(var(--rot,0deg))}.bt.v2 .bt-field{grid-template-rows:auto minmax(0,.8fr) minmax(0,1fr) 42px minmax(0,1fr) minmax(0,.8fr) auto 118px}.hc:hover:not(.sel){transform:translateY(calc(12% + var(--lift,0px))) rotate(var(--rot,0deg))}} .skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;margin-top:14px}.skin-tile{display:grid;justify-items:center;gap:6px;text-align:center;padding:10px 8px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--line)}.skin-tile.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.skin-tile b{font-size:13px;line-height:1.2}.skin-tile .tiny{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-card{position:relative;width:92px;aspect-ratio:5 / 7;border-radius:7px;overflow:hidden;container-type:inline-size;box-shadow:0 6px 16px rgba(0,0,0,.4)}.skin-used{font-size:12px;font-weight:700;color:var(--accent)}.skin-plain{--c:#8b5cf6;position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4cqw;background:radial-gradient(90% 70% at 50% 35%,color-mix(in srgb,var(--c) 85%,#fff 15%),var(--c) 45%,color-mix(in srgb,var(--c) 45%,#050913) 100%);box-shadow:inset 0 0 0 4cqw color-mix(in srgb,var(--c) 70%,#fff 15%)} .adv-deck{min-width:200px}.adv-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:6px 0 18px}.adv-progress .bar{margin:0}.adv-road{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:none}.adv-stage{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--line)}.adv-stage .grow{display:grid;gap:2px;min-width:0}.adv-stage.won{border-color:color-mix(in srgb,var(--ok,#3ddc97) 45%,var(--line))}.adv-stage.open:not(.won){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.adv-stage.locked{opacity:.55}.adv-stage.locked .adv-card{filter:grayscale(1) brightness(.6)}.adv-card{position:relative;flex:none;width:46px;aspect-ratio:5 / 7;border-radius:5px;overflow:hidden;container-type:inline-size}.adv-card .nb *{animation:none !important}.adv-lock{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;z-index:2} .bt.v2 .bt-side.foe{--fh:clamp(62px,6.6vw,100px);padding-top:calc(var(--fh) * .8)}.bt.v2 .bt-hand-foe,.bt.v2 .bt-hand-foe:has(.sk){position:absolute;top:-6px;left:50%;translate:-50% 0;height:auto;display:flex;justify-content:center;z-index:1;pointer-events:none}.bt.v2 .bt-hand-foe>i,.bt.v2 .bt-hand-foe>i.sk{position:relative;flex:none;width:var(--fh);height:auto;aspect-ratio:5 / 7;margin:0 calc(var(--fh) * -.27);overflow:hidden;border-radius:calc(var(--fh) * .09);transform-origin:50% -70%;transform:translateY(calc(-30% + var(--drop,0px))) rotate(var(--rot,0deg));border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 18px rgba(0,0,0,.6)}.bt.v2 .bt-hand-foe>i.new{animation:foe-draw .45s var(--ease) backwards} .bt.v2 .bt-hand-foe>i:not(.sk){background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 4px,transparent 4px 8px),radial-gradient(90% 70% at 50% 35%,#a77cf6,#6d3fd0 55%,#2a1458);box-shadow:inset 0 0 0 3px rgba(255,255,255,.22),inset 0 0 0 5px rgba(0,0,0,.25),0 8px 18px rgba(0,0,0,.6)}.bt.v2 .bt-hand-foe>i:not(.sk)::after{content:'Y!';position:absolute;left:50%;top:62%;translate:-50% -50%;font:900 calc(var(--fh) * .3) / 1 var(--display);color:rgba(255,255,255,.85);text-shadow:0 2px 6px rgba(0,0,0,.5)}.bt.v2 .bt-hand-foe>span{margin-top:calc(var(--fh) * .1);padding:4px 10px;border-radius:99px;background:rgba(0,0,0,.45)}@keyframes foe-draw{from{opacity:0;transform:translateY(-90%) rotate(0deg)}} .bt-burst{--p:#ff6a3d;position:absolute;width:0;height:0;z-index:46;pointer-events:none;filter:drop-shadow(0 0 6px var(--p))}.bt-burst i{position:absolute;left:0;top:0;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:var(--p);opacity:0;animation:bt-spark .8s var(--d,0s) cubic-bezier(.15,.7,.3,1) forwards}.bt-burst .ring,.bt-burst .flash{position:absolute;left:0;top:0;width:var(--s);height:var(--s);translate:-50% -50%;border-radius:50%}.bt-burst .ring{border:3px solid var(--p);animation:bt-ring .6s ease-out forwards}.bt-burst .flash{background:radial-gradient(circle,rgba(255,255,255,.95),color-mix(in srgb,var(--p) 70%,transparent) 35%,transparent 70%);animation:bt-flash .4s ease-out forwards}.bt-burst .slash{position:absolute;left:0;top:0;width:calc(var(--s) * 1.4);height:5px;translate:-50% -50%;rotate:-32deg;border-radius:99px;background:linear-gradient(90deg,transparent,#fff 40%,#fff 60%,transparent);box-shadow:0 0 12px #fff,0 0 24px var(--p);animation:bt-slash .32s ease-out forwards}@keyframes bt-spark{0%{opacity:1;transform:translate(0,0) scale(var(--z,1))}70%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@keyframes bt-ring{from{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1.35);border-width:1px}}@keyframes bt-flash{from{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.1)}}@keyframes bt-slash{0%{opacity:0;transform:scaleX(0)}40%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.1) translateY(-4px)}}.bt-burst.crit{--p:#ff3b2f}.bt-burst.crit i{width:10px;height:10px;margin:-5px}.bt-burst.crit .slash{height:7px}.bt-burst.crit .ring{border-width:5px;animation-duration:.75s} .bt-burst.heal{--p:#5dffb0}.bt-burst.heal i{width:11px;height:11px;margin:-5.5px;border-radius:0;clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);animation-duration:1s}.bt-burst.heal .flash{background:radial-gradient(circle,rgba(200,255,225,.8),rgba(93,255,176,.35) 40%,transparent 70%)} .bt-burst.buff,.bt-burst.awaken{--p:#ffd34d}.bt-burst.buff i,.bt-burst.awaken i{width:10px;height:12px;margin:-6px -5px;border-radius:0;clip-path:polygon(50% 0,100% 50%,68% 50%,68% 100%,32% 100%,32% 50%,0 50%);animation-duration:.95s}.bt-burst.awaken .flash{width:calc(var(--s) * 2.2);height:calc(var(--s) * 2.2);background:repeating-conic-gradient(rgba(255,220,110,.55) 0 8deg,transparent 8deg 24deg);mask:radial-gradient(circle,#000 20%,transparent 70%);animation:bt-rays 1s ease-out forwards}@keyframes bt-rays{from{opacity:1;transform:scale(.3) rotate(0deg)}to{opacity:0;transform:scale(1) rotate(40deg)}} .bt-burst.shield{--p:#ffe27a}.bt-burst.shield .flash{width:calc(var(--s) * 1.3);height:calc(var(--s) * 1.3);background:radial-gradient(circle,transparent 50%,rgba(255,226,122,.55) 68%,transparent 72%);animation:bt-bubble .9s ease-out forwards}@keyframes bt-bubble{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.05)}} .bt-burst.magic{--p:#ff3b4e}.bt-burst.magic i{border-radius:2px;rotate:45deg} .bt-burst.death{--p:#d6dbe6;filter:none}.bt-burst.death i{width:8px;height:5px;border-radius:1px;background:linear-gradient(135deg,#f3f5fa,#8792a8);animation-duration:.9s}.bt-burst.death .ring{border-color:rgba(214,219,230,.5)} .bt-burst.summon{--p:rgba(255,255,255,.85)}.bt-burst.summon .ring{top:calc(var(--s) * .35);height:calc(var(--s) * .35);border-width:4px}.bt-burst.summon .flash{opacity:.5}.bt-burst.summon i{width:5px;height:5px;margin:-2.5px;background:rgba(230,230,240,.8)} .bt-bolt{position:absolute;z-index:46;width:26px;height:26px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 15%,#ff9aa5 35%,rgba(255,59,78,.4) 60%,transparent 72%);box-shadow:0 0 22px 8px rgba(255,59,78,.55)} .mn.fx-hit .mn-art,.bt-hero.fx-hit .bt-portrait{animation:fx-hit .5s ease-out}.mn.fx-heal .mn-art,.bt-hero.fx-heal .bt-portrait{animation:fx-heal .9s ease-out}.mn.fx-buff .mn-art{animation:fx-buff .9s ease-out}.bt-hero.fx-shield .bt-portrait{animation:fx-buff .9s ease-out}.mn.fx-dodge{animation:fx-dodge .5s ease-out}@keyframes fx-hit{0%{filter:brightness(2.2) saturate(0)}25%{filter:brightness(1.2) sepia(1) saturate(6) hue-rotate(-40deg)}100%{filter:none}}@keyframes fx-heal{0%,100%{filter:none}30%{filter:brightness(1.35) drop-shadow(0 0 12px #5dffb0);box-shadow:0 0 0 3px #5dffb0,0 0 26px rgba(93,255,176,.8)}}@keyframes fx-buff{0%,100%{filter:none}30%{filter:brightness(1.3);box-shadow:0 0 0 3px #ffd34d,0 0 26px rgba(255,211,77,.85)}}@keyframes fx-dodge{30%{transform:translateX(-14px) skewX(-8deg);opacity:.5}60%{transform:translateX(6px);opacity:1}}.lite .bt-burst,.lite .bt-bolt{display:none}@media (prefers-reduced-motion:reduce){.bt-burst,.bt-bolt{display:none}.bt.v2 .bt-hand-foe>i{animation:none}}@media (max-width:640px){.bt.v2 .bt-side.foe{--fh:46px}} .bt.v2 .bt-hero-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(100%,720px)}.bt.v2 .bt-hero{width:96px;height:96px}.bt.v2 .bt-hero .bt-hp{width:34px;height:34px;font-size:16px}.bt.v2 .bt-pinfo{min-width:0;text-align:right}.bt.v2 .bt-hero-side{display:flex;align-items:center;gap:14px;min-width:0}.bt.v2 .bt-row{margin-inline:7%}.bt.v2 .bt-mid .bt-hint{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}.bt.v2 .bt-endturn{position:relative;min-width:150px;padding-inline:22px;box-shadow:0 0 0 4px rgba(4,8,14,.75),0 8px 24px rgba(0,0,0,.45)}.bt-manabox{position:absolute;z-index:11;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:8px 12px;border-radius:14px;background:rgba(4,8,14,.6);border:1px solid rgba(143,220,255,.18)}.bt-manabox.me{bottom:14px}.bt-manabox.foe{top:10px}.bt-manabox:empty{display:none}.bt-manabox .bt-mana{gap:4px;margin:0}.bt-manabox .bt-mana i{width:15px;height:19px}.bt-manabox .bt-mana span{order:-1;margin:0 6px 0 0;font:900 18px var(--display);color:#fff;text-shadow:0 0 8px #38bdf8,0 1px 2px #000}.bt-manabox .bt-reserve{margin:0;padding:0;border:0}@media (max-width:900px){.bt.v2 .bt-hero-row{gap:8px}.bt.v2 .bt-hero{width:60px;height:60px}.bt.v2 .bt-hero .bt-hp{width:26px;height:26px;font-size:13px}.bt.v2 .bt-row{margin-inline:0}.bt.v2 .bt-endturn{min-width:0;padding-inline:16px}.bt-manabox{right:4px;padding:4px 6px}.bt-manabox.me{bottom:112px}.bt-manabox .bt-mana i{width:9px;height:12px}.bt-manabox .bt-mana span{font-size:13px}} .bt-ap{position:absolute;z-index:8;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;background:rgba(120,8,20,.92);border:2px solid #ff5a5a;color:#fff;font:900 17px var(--display);box-shadow:0 0 14px rgba(255,60,60,.7);pointer-events:none;animation:pop-in-up .12s var(--ease);white-space:nowrap}.bt-ap.dies{background:rgba(20,4,8,.94);border-color:#fff}.bt-ap b{font-size:20px;line-height:1;filter:drop-shadow(0 0 6px #ff3030)}.mn:has(.bt-ap.dies) .mn-art,.bt-hero:has(.bt-ap.dies){filter:grayscale(.6) brightness(.75)} .bt.v2 .bt-reveal{left:15%;top:46%;width:clamp(170px,17vw,250px);animation:bt-reveal-left .35s var(--ease)}.bt.v2 .bt-reveal.out{opacity:0;transform:translate(80%,-50%) scale(.4);transition:opacity .26s ease-in,transform .26s ease-in}@keyframes bt-reveal-left{from{opacity:0;transform:translate(-90%,-50%) scale(.7) rotate(-6deg)}}@media (max-width:900px){.bt.v2 .bt-reveal{left:50%;top:42%;width:170px}.bt.v2 .bt-reveal.out{transform:translate(-50%,-50%) scale(.4)}} .bt.v2,.bt.v2.log-min{grid-template-columns:1fr}.bt.v2 .bt-log{position:absolute;right:0;top:0;bottom:0;width:280px;z-index:50;display:none;background:rgba(4,8,14,.96)}.bt.v2.show-log .bt-log{display:flex}.bt.v2 .bt-preview{right:20px}.bt.v2 .bt-preview.left{right:auto;left:84px}.bt-manabox.foe{top:58px}.bt-hist{position:absolute;z-index:12;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.bt-hist-item{--b:#ff6b6b;position:relative;width:46px;height:46px;border-radius:12px;border:2px solid var(--b);background:#0b1520;box-shadow:0 4px 12px rgba(0,0,0,.55),0 0 10px color-mix(in srgb,var(--b) 40%,transparent);animation:pop-in-up .25s var(--ease);cursor:help}.bt-hist-item.mine{--b:#4fc3ff}.bt-hist-pic{display:block;width:100%;height:100%;border-radius:10px;background:center 20% / cover no-repeat;overflow:hidden}.bt-hist-pic .avatar{width:100%;height:100%;border-radius:0;font-size:20px}.bt-hist-k{position:absolute;left:-6px;top:-6px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(4,8,14,.92);border:1px solid var(--b);font-size:11px;font-style:normal}.bt-hist-tg{position:absolute;right:-10px;bottom:-8px;width:26px;height:26px;border-radius:50%;border:2px solid #0b1520;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.6)}.bt-hist-tg .bt-hist-pic{border-radius:50%}.bt-hist-tip{position:absolute;left:calc(100% + 16px);top:50%;transform:translateY(-50%);width:max-content;max-width:240px;padding:7px 11px;border-radius:10px;background:rgba(4,8,14,.96);border:1px solid var(--line2);font-size:12.5px;display:none;pointer-events:none}.bt-hist-item:hover .bt-hist-tip{display:block}@media (max-width:900px){.bt-hist{left:2px;gap:5px}.bt-hist-item{width:30px;height:30px;border-radius:8px}.bt-hist-item:nth-child(-n+3){display:none}.bt-hist-k{width:15px;height:15px;font-size:8px;left:-4px;top:-4px}.bt-hist-tg{width:16px;height:16px;right:-6px;bottom:-5px}.bt-manabox.foe{top:10px}} .bt-frame{--edge:16px;--mat:linear-gradient(#6b4423,#3d2410);--surf:rgba(30,18,8,.5);--orn:#c9a35a;--glow:transparent;--gap:6px; position:absolute;z-index:1;grid-row:2 / 7;grid-column:1 / 2;pointer-events:none;inset:calc(-1 * (var(--edge) + var(--gap))) calc(7% - var(--edge) - var(--gap));border-radius:34px;background:var(--surf);box-shadow:0 18px 40px rgba(0,0,0,.55),inset 0 0 50px rgba(0,0,0,.5),0 0 26px var(--glow);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)} .bt-frame::after{content:'';position:absolute;inset:0;padding:var(--edge);border-radius:inherit;background:var(--mat);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.bt-frame::before{content:'';position:absolute;z-index:1;inset:calc(var(--edge) - 2px);border-radius:20px;border:2px solid rgba(0,0,0,.5);box-shadow:0 0 0 1px rgba(255,255,255,.12);pointer-events:none}.bt-frame i{z-index:2}.bt-frame i{position:absolute;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 40%),radial-gradient(circle,var(--orn) 0 45%,rgba(0,0,0,.6) 46% 55%,var(--orn) 56% 70%,transparent 72%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}.bt-frame i:nth-child(1){left:-9px;top:-9px}.bt-frame i:nth-child(2){right:-9px;top:-9px}.bt-frame i:nth-child(3){left:-9px;bottom:-9px}.bt-frame i:nth-child(4){right:-9px;bottom:-9px}.bt[data-frame=wood] .bt-frame{--mat:repeating-linear-gradient(92deg,rgba(0,0,0,.18) 0 2px,transparent 2px 9px),repeating-linear-gradient(88deg,rgba(255,220,160,.08) 0 1px,transparent 1px 13px),linear-gradient(#8a5a2e,#5a3518 55%,#3b220e);--surf:rgba(42,26,12,.46);--orn:#d4a64a}.bt[data-frame=stone] .bt-frame{--mat:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,transparent 2px 14px),repeating-linear-gradient(90deg,rgba(0,0,0,.3) 0 2px,transparent 2px 26px),linear-gradient(#8d8a84,#5d5a55 50%,#3e3c39);--surf:rgba(26,24,22,.5);--orn:#b9b2a4}.bt[data-frame=metal] .bt-frame{--mat:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 4px),linear-gradient(#a9b4c0,#5a6573 45%,#2f3741 55%,#6f7b88);--surf:rgba(12,18,26,.5);--orn:#d6dee8}.bt[data-frame=ice] .bt-frame{--mat:linear-gradient(135deg,rgba(255,255,255,.85),rgba(147,214,255,.7) 30%,rgba(56,140,220,.75) 60%,rgba(220,245,255,.9));--surf:rgba(10,40,70,.38);--orn:#e8f8ff;--glow:rgba(125,211,252,.35)}.bt[data-frame=neon] .bt-frame{--mat:linear-gradient(90deg,#ff4fd8,#38e1ff);--surf:rgba(10,6,20,.5);--orn:#ff4fd8;--glow:rgba(255,79,216,.45);--edge:4px}.bt[data-frame=neon] .bt-frame::before{border-color:#38e1ff;box-shadow:0 0 14px #38e1ff,inset 0 0 14px #38e1ff}.bt[data-frame=neon] .bt-frame i{background:radial-gradient(circle,#fff 0 18%,#ff4fd8 30%,transparent 68%);width:24px;height:24px}.bt[data-frame=gold] .bt-frame{--mat:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 2px,transparent 2px 10px),linear-gradient(#fff1b8,#e0b44a 30%,#9c6b17 60%,#f1cf6a);--surf:rgba(30,20,6,.46);--orn:#fff1b8;--glow:rgba(255,200,61,.25)}.bt[data-frame=lacquer] .bt-frame{--mat:linear-gradient(90deg,#1a0606 0 6px,transparent 6px calc(100% - 6px),#1a0606 calc(100% - 6px)),linear-gradient(#b3261e,#7a1410 55%,#4a0a08);--surf:rgba(26,6,6,.48);--orn:#e8b04a} .bt.v2.has-arena .bt-row{background:rgba(0,0,0,.14);border-color:rgba(255,255,255,.07);backdrop-filter:none;-webkit-backdrop-filter:none}.bt.v2.has-arena .bt-row.r-back{background:rgba(0,0,0,.24)}@media (max-width:900px){.bt-frame{--edge:8px;--gap:3px;inset:calc(-1 * (var(--edge) + var(--gap))) 0;border-radius:20px}.bt.v2.has-arena .bt-row{margin-inline:11px}.bt-frame::before{border-radius:14px}.bt-frame i{width:18px;height:18px}.bt-frame i:nth-child(1),.bt-frame i:nth-child(3){left:-5px}.bt-frame i:nth-child(2),.bt-frame i:nth-child(4){right:-5px}.bt-frame i:nth-child(1),.bt-frame i:nth-child(2){top:-5px}.bt-frame i:nth-child(3),.bt-frame i:nth-child(4){bottom:-5px}} .bt-burst.dust{--p:rgba(214,196,160,.9);filter:blur(.4px)}.bt-burst.dust .ring{top:calc(var(--s) * .32);height:calc(var(--s) * .28);width:calc(var(--s) * 1.5);border:0;background:radial-gradient(ellipse,rgba(214,196,160,.55),transparent 70%);animation:bt-dust .7s ease-out forwards}.bt-burst.dust .flash{display:none}.bt-burst.dust i{top:calc(var(--s) * .38);width:9px;height:9px;margin:-4.5px;background:radial-gradient(circle,rgba(230,214,180,.9),rgba(160,140,110,0) 70%);animation-duration:.8s}.bt-burst.dust.E i,.bt-burst.dust.L i,.bt-burst.dust.M i{width:13px;height:13px;margin:-6.5px}.bt-burst.dust.M .ring{width:calc(var(--s) * 2.2)}@keyframes bt-dust{from{opacity:1;scale:.3 1}to{opacity:0;scale:1.3 1.1}}.bt-burst.gold{--p:#ffd34d}.bt-burst.gold i{width:6px;height:6px;margin:-3px;background:#fff3b0;box-shadow:0 0 8px #ffc83d}.bt-burst.gold .flash{background:radial-gradient(circle,rgba(255,245,200,.95),rgba(255,200,61,.4) 40%,transparent 70%)}.mn.enter{animation:mn-drop .5s cubic-bezier(.3,0,.4,1)}@keyframes mn-drop{from{transform:translateY(-70px) scale(1.5);opacity:0}50%{transform:none;opacity:1}65%{transform:scale(1.06,.92)}80%{transform:scale(.98,1.03)}} .bt-field::after{content:'';position:absolute;inset:0;z-index:24;background:radial-gradient(circle at 50% 50%,rgba(40,0,0,.35),rgba(0,0,0,.78));opacity:0;transition:opacity .45s;pointer-events:none}.bt.slowmo .bt-field::after{opacity:1}.bt.slowmo .bt-side:has(.fatal){z-index:25}.bt-hero.fatal{z-index:30;animation:bt-fatal 1.1s cubic-bezier(.2,.7,.3,1) forwards}@keyframes bt-fatal{0%{transform:none}70%{transform:scale(1.35);box-shadow:0 0 0 4px #ff3b2f,0 0 60px #ff3b2f}100%{transform:scale(1.3) rotate(-4deg);box-shadow:0 0 0 4px #ff3b2f,0 0 80px #ff3b2f}} .cm-fan{position:relative;flex:none;width:104px;height:82px}.cm-fan img{position:absolute;left:50%;bottom:0;width:50px;aspect-ratio:3 / 4;object-fit:cover;border-radius:7px;border:2px solid var(--c);box-shadow:0 6px 14px rgba(0,0,0,.5);transform:translateX(calc(-50% + var(--k) * 26px)) rotate(calc(var(--k) * 9deg));transform-origin:50% 120%}.cm-deck{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;background:var(--panel,rgba(255,255,255,.04));border:1px solid var(--line)}.cm-info{display:flex;flex-direction:column;gap:3px;min-width:0}.cm-info b{font-family:var(--display);font-size:16px}.cm-actions{display:flex;flex-direction:column;gap:6px}.cm-badge{align-self:flex-start;padding:2px 10px;border-radius:99px;background:linear-gradient(90deg,#ffd36b,#ff9a3d);color:#2a1200;font:800 11px var(--body)}.cm-daily{display:flex;align-items:center;gap:14px;margin-bottom:8px}.cm-daily .cm-deck{flex:1;padding:18px 20px;border-color:rgba(255,200,61,.45);background:linear-gradient(110deg,rgba(255,200,61,.12),transparent 60%)}.cm-daily .cm-fan{width:140px;height:104px}.cm-daily .cm-fan img{width:66px}.cm-decks{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.cm-owner{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.cm-owner .avatar{width:20px;height:20px;font-size:10px}.cm-live{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px}.cm-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,79,79,.06);border:1px solid rgba(255,99,99,.3);transition:transform .15s,border-color .15s}.cm-match:hover{transform:translateY(-2px);border-color:rgba(255,99,99,.7)}.cm-p{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:0}.cm-p .avatar{grid-row:1 / 3;width:36px;height:36px}.cm-p b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-p small{color:var(--muted);font-size:11px}.cm-p.r{grid-template-columns:1fr auto;text-align:right}.cm-p.r .avatar{grid-column:2;grid-row:1 / 3}.cm-vs{display:flex;flex-direction:column;align-items:center;font:900 18px var(--display);color:#ff7a7a}.cm-vs small{font:600 10px var(--body);color:var(--muted);white-space:nowrap}.cm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.cm-stats h3{margin-bottom:10px}.cm-bar{display:grid;grid-template-columns:90px 1fr 44px;align-items:center;gap:8px;padding:4px 0;font-size:13px}.cm-bar small{grid-column:2 / 4;margin-top:-4px;font-size:10.5px}.cm-bar b{text-align:right;font-family:var(--mono)}.cm-card{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:13px}.cm-card:last-child{border-bottom:0}.cm-card b{font-family:var(--mono)}.cm-card small{width:84px;text-align:right;font-size:11px}@media (max-width:700px){.cm-deck{flex-wrap:wrap}.cm-actions{flex-direction:row;width:100%}.cm-daily{flex-direction:column;align-items:stretch}.cm-decks,.cm-live{grid-template-columns:1fr}} .am-watch{position:absolute;z-index:20;left:12px;top:12px;padding:6px 14px;border-radius:99px;background:rgba(160,20,30,.85);border:1px solid #ff6b6b;font:700 13px var(--body);box-shadow:0 0 18px rgba(255,60,60,.45);white-space:nowrap} .dr-rewards{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.dr-rewards div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);text-align:center}.dr-rewards b{font:900 22px var(--display)}.dr-rewards span{font-size:11px;color:var(--muted)}.dr-rewards small{font-size:11px;color:var(--gold,#ffd36b);font-weight:700}.dr-rewards .top{border-color:#ffc83d;background:linear-gradient(rgba(255,200,61,.16),transparent)}.dr-hero{text-align:left;cursor:pointer;transition:transform .15s}.dr-hero:hover{transform:translateY(-3px)}.dr-pick{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}.dr-offer{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:10px 0 30px}.dr-card{width:clamp(150px,16vw,220px);padding:0;border:0;background:none;cursor:pointer;transition:transform .18s var(--ease),filter .18s;animation:pop-in-up .3s var(--ease) backwards}.dr-card:nth-child(2){animation-delay:.06s}.dr-card:nth-child(3){animation-delay:.12s}.dr-card:hover{transform:translateY(-8px) scale(1.04);filter:drop-shadow(0 12px 26px rgba(255,200,61,.35))}.busy .dr-card{pointer-events:none;opacity:.6}.dr-deck{display:flex;flex-direction:column;gap:6px;position:sticky;top:80px}.dr-mini{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:6px}.dr-mini img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:5px;border:2px solid var(--c)}.dr-play{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px}.dr-score{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.dr-score span{display:flex;gap:5px}.dr-score i{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid var(--line2)}.dr-score i.w{background:radial-gradient(circle at 35% 30%,#b6ffd9,#22c55e);border-color:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.6)}.dr-score i.l{background:radial-gradient(circle at 35% 30%,#ffb3b3,#e11d48);border-color:#e11d48} .duel-start{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.duel-vs{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 16px;border-radius:16px;background:var(--surface2);border:1px solid var(--line2)}.duel-vs>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.duel-vs>div:last-child{justify-content:flex-end;text-align:right}.duel-clock{font:900 20px var(--display);font-variant-numeric:tabular-nums}.duel-clock.hot{color:#ff6b6b}.duel-pair{align-items:center}.duel-pair.wait .dr-card{cursor:default;opacity:.75}.duel-pair.wait .dr-card:hover{transform:none;filter:none}.duel-or{font:900 18px var(--display);color:var(--faint);text-transform:uppercase}.duel-decks{display:grid;gap:12px;position:sticky;top:80px}.duel-decks .dr-deck{position:static}@media (max-width:800px){.duel-decks{position:static;grid-template-columns:1fr 1fr}.duel-pair .dr-card{width:calc(50% - 30px)}.duel-vs{padding:10px}.dr-rewards{grid-template-columns:repeat(4,1fr)}.dr-pick{grid-template-columns:1fr}.dr-deck{position:static}.dr-offer{gap:10px}.dr-card{width:calc(33% - 8px)}} .to-top{display:grid;grid-template-columns:1fr 320px;gap:12px;margin-bottom:18px}.to-info{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.to-mine{display:flex;align-items:center;gap:8px}.to-mine .avatar{width:28px;height:28px}.to-rewards{display:flex;flex-direction:column;gap:6px;font-size:13px}.to-bracket{display:flex;gap:22px;overflow-x:auto;padding-bottom:10px}.to-round{display:flex;flex-direction:column;justify-content:space-around;gap:12px;min-width:210px}.to-round h4{font:700 12px var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.to-match{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:13px}.to-match.live{border-color:#ff6b6b;box-shadow:0 0 12px rgba(255,80,80,.3)}.to-match>span{display:flex;align-items:center;gap:6px}.to-match .avatar{width:20px;height:20px;font-size:10px}.to-match .won{font-weight:800;color:#ffd36b}.to-match .out{opacity:.5}@media (max-width:800px){.to-top{grid-template-columns:1fr}} .bc-atk,.mn-atk,.bc-hp,.mn-hp,.bt-hp{border-radius:0;box-shadow:none;background:var(--stat-ico) center / 100% 100% no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65));text-shadow:0 0 2px #000,0 0 2px #000,0 1px 3px #000}.bc-atk,.mn-atk{--stat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.5' stop-color='%23c9d6e3'/%3E%3Cstop offset='1' stop-color='%236b7c8f'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' y2='1'%3E%3Cstop offset='0' stop-color='%23ffe08a'/%3E%3Cstop offset='1' stop-color='%23d97706'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='rotate(45 20 20)' stroke='%23231405' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M20 0L27.5 8V25H12.5V8Z' fill='url(%23b)'/%3E%3Cpath d='M20 4V24' stroke='%238595a7' stroke-width='1.4'/%3E%3Crect x='5' y='24.5' width='30' height='5.5' rx='2.7' fill='url(%23g)'/%3E%3Crect x='16.5' y='30' width='7' height='6' fill='%237c2d12'/%3E%3Ccircle cx='20' cy='37.5' r='3' fill='url(%23g)'/%3E%3C/g%3E%3C/svg%3E")}.bc-hp,.mn-hp,.bt-hp{--stat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cdefs%3E%3CradialGradient id='h' cx='.35' cy='.3' r='.8'%3E%3Cstop offset='0' stop-color='%23ff9a9a'/%3E%3Cstop offset='.75' stop-color='%23d01c3c'/%3E%3Cstop offset='1' stop-color='%239b0f28'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M16 28.5C14 27 1.5 19.5 1.5 10.5 1.5 5.5 5.3 2 9.6 2c2.9 0 5 1.5 6.4 3.8C17.4 3.5 19.5 2 22.4 2c4.3 0 8.1 3.5 8.1 8.5 0 9-12.5 16.5-14.5 18Z' fill='url(%23h)' stroke='%234a0a16' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E")}.bc-atk{left:-5cqw;bottom:-5cqw;width:26cqw;height:26cqw;font-size:12cqw}.bc-hp{right:-4cqw;bottom:-4cqw;width:24cqw;height:22.5cqw;padding-bottom:2cqw;font-size:11cqw}.mn-atk{left:-9px;bottom:-10px;width:32px;height:32px;font-size:13px}.mn-hp{right:-7px;bottom:-8px;width:29px;height:27px;padding-bottom:3px;font-size:12px}.bt-hp{width:34px;height:32px;padding-bottom:3px}.bt.v2 .bt-hero .bt-hp{width:38px;height:36px}@media (max-width:900px){.mn-atk{width:26px;height:26px;font-size:11px}.mn-hp{width:24px;height:22px;padding-bottom:2px;font-size:10px}.bt.v2 .bt-hero .bt-hp{width:30px;height:28px}} .am-tools{z-index:60}.bt-log-x{display:none;place-items:center;width:28px;height:28px;padding:0;border-radius:8px;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:var(--ink);font:700 13px var(--body);cursor:pointer}.bt-log-x:hover{background:rgba(255,255,255,.16)}.bt.show-log .bt-log-x{display:grid} .lv2-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:center}.lv2-stage{display:flex;flex-direction:column;justify-content:center;padding:10px 4px;border-radius:22px;background:radial-gradient(60% 70% at 50% 40%,color-mix(in srgb,var(--hc) 24%,transparent),transparent 75%)}.lv2-fan{position:relative;height:310px}.lv2-fan img{position:absolute;left:50%;bottom:10px;width:170px;height:245px;object-fit:cover;border-radius:14px;border:3px solid var(--c);box-shadow:0 18px 36px -10px rgba(0,0,0,.75),0 0 24px color-mix(in srgb,var(--c) 45%,transparent);transform:translateX(calc(-50% + var(--k) * 110px)) rotate(calc(var(--k) * 12deg));transform-origin:50% 100%;transition:transform .3s}.lv2-fan img:nth-child(2){z-index:1;width:200px;height:290px;bottom:0}.lv2-stage:hover .lv2-fan img{transform:translateX(calc(-50% + var(--k) * 140px)) rotate(calc(var(--k) * 16deg))}.lv2-fan .lobby-fan-empty{display:grid;place-items:center;height:100%;font-size:90px;opacity:.3}.lv2-dk{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;margin-top:16px;text-align:center}.lv2-dk .lobby-arrow{height:40px;border-radius:50%;font-size:20px}.lv2-dk .eyebrow{color:var(--hc)}.lv2-dk .tiny{display:block}.lv2-deck-name{display:block;font:800 clamp(22px,3vw,32px) var(--display);text-transform:uppercase;line-height:1.05;text-shadow:0 4px 18px rgba(0,0,0,.7)}.lv2-dots{display:flex;justify-content:center;gap:5px;margin-top:8px}.lv2-dots i{width:18px;height:4px;border-radius:4px;background:var(--line2)}.lv2-dots i.on{background:var(--hc)}.lv2-side{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;background:rgba(6,12,26,.72);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lv2-me{display:flex;align-items:center;gap:10px}.lv2-me b{display:block;font-size:16px}.lv2-me small{font-size:11px;color:var(--faint)}.lv2-rank{--rc:#f0b27a;flex-direction:row;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;text-align:left;background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 16%,transparent),rgba(8,13,25,.6));border:1px solid color-mix(in srgb,var(--rc) 40%,transparent)}.lv2-rank[data-rank="argent"]{--rc:#c9d3df}.lv2-rank[data-rank="or"]{--rc:#ffd35a}.lv2-rank[data-rank="platine"]{--rc:#5fe3cf}.lv2-rank[data-rank="diamant"]{--rc:#7fb0ff}.lv2-rank[data-rank="maitre"]{--rc:#ff7ac0}.lv2-rank-name{font:800 24px var(--display);text-transform:uppercase;color:var(--rc);line-height:1}.lv2-rank-name .stars{font-size:14px;color:var(--gold);letter-spacing:2px;margin-left:4px}.lv2-rank .bar{margin:7px 0 5px}.lv2-rank small{font-size:12px;color:var(--faint)}.lv2-rank small b{color:var(--text)}.lv2-rank .rank-tip-panel{left:0}.lv2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lv2-stats div{padding:6px 2px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);text-align:center}.lv2-stats b{display:block;font:800 17px var(--display)}.lv2-stats span{font-size:10px;color:var(--faint)}.lv2-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lv2-mode{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border-radius:14px;background:rgba(8,13,25,.6);border:1px solid rgba(255,255,255,.08);color:var(--text);font:inherit;cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s}.lv2-mode .ic{font-size:22px}.lv2-mode b{font-size:14px}.lv2-mode small{font-size:11px;line-height:1.3;color:var(--faint)}.lv2-mode:hover{border-color:var(--line2)}.lv2-mode.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 0 24px -10px var(--accent)}.lv2-go{margin-top:2px;border:0;border-radius:16px;padding:14px;background:var(--grad);color:var(--on-accent);font:800 30px var(--display);letter-spacing:3px;cursor:pointer;box-shadow:0 12px 30px -10px rgba(90,209,250,.75);transition:filter .15s,transform .15s}.lv2-go:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.lv2-go:disabled{opacity:.5;cursor:not-allowed}.lv2-go small{display:block;font:600 12px var(--body);letter-spacing:0;opacity:.85}.lv2-tuto{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;padding:12px 16px;border-radius:16px;background:linear-gradient(90deg,rgba(90,209,250,.14),transparent);border:1px solid rgba(90,209,250,.3);color:var(--muted);font:inherit;font-size:14px;text-align:left;cursor:pointer}.lv2-tuto b{color:var(--text)}.lv2-tuto .go{margin-left:auto;color:var(--accent);white-space:nowrap}.lv2-h{margin:22px 0 10px;font:800 20px var(--display);text-transform:uppercase;letter-spacing:.04em}.lv2-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lv2-tile{position:relative;overflow:hidden;isolation:isolate;min-height:130px;padding:14px;border-radius:18px;border:1px solid var(--line2);display:flex;flex-direction:column;justify-content:flex-end;color:var(--text);text-decoration:none}.lv2-tile::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--img) center / cover;transition:transform .4s}.lv2-tile::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(8,13,25,.95))}.lv2-tile:hover::before{transform:scale(1.07)}.lv2-tile b{font:800 22px var(--display);text-transform:uppercase}.lv2-tile small{font-size:12px;color:var(--muted)}.lv2-chips{display:flex;flex-wrap:wrap;gap:8px}.lv2-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:30px;background:var(--surface);border:1px solid var(--line);color:var(--text);font:600 14px var(--body);text-decoration:none;cursor:pointer}.lv2-chip:hover{border-color:var(--accent)}.lv2-chip em{font-style:normal;font-weight:500;font-size:12px;color:var(--faint)}.lv2-chips + .lobby-cols{margin-top:22px}@media (max-width:860px){.lv2-hero{grid-template-columns:1fr}.lv2-tiles{grid-template-columns:1fr 1fr}}@media (max-width:440px){.lv2-fan{height:220px}.lv2-fan img{width:120px;height:172px;transform:translateX(calc(-50% + var(--k) * 72px)) rotate(calc(var(--k) * 10deg))}.lv2-fan img:nth-child(2){width:140px;height:200px}.lv2-mode small{display:none}} .bt.v2.has-arena.on-board{grid-template-columns:1fr;background:var(--arena-img) center / cover no-repeat,#08121d}.bt.v2.on-board .bt-log{position:absolute;right:0;top:0;bottom:0;width:220px;z-index:5}.bt.v2.has-arena.on-board .bt-row{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}.bt.v2.on-board .bt-row{margin-inline:var(--zone-l,0) var(--zone-r,0)}@media (max-width:760px){.bt.v2.on-board .bt-row{margin-inline:0}}.bt.v2.on-board .bt-frame,.bt.v2.on-board .bt-row-label{display:none}.bt.v2.on-board .bt-pinfo,.bt.v2.on-board .bt-piles,.bt.v2.on-board .bt-tension .tiny{padding:3px 8px;border-radius:8px;background:rgba(6,10,18,.74);color:#fff;text-shadow:none}.bt.v2.on-board .bt-row.r-front.foe{padding-bottom:12px}.bt.v2.on-board .bt-row.r-front.me{padding-top:12px}.bt.v2.on-board .bt-pinfo{width:fit-content;margin-left:auto}.bt.v2.on-board .bt-hero{box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(6,10,18,.85),0 6px 14px rgba(0,0,0,.5)}.bt.v2.on-board .bt-row.r-back{padding-block:10px}.bt.v2.on-board .bt-row.r-back .mn{width:clamp(46px,5vw,68px)}.bt.v2.on-board .bt-awaken{background:rgba(6,10,18,.74);color:#fff}.bt.v2.on-board .bt-awaken:disabled{color:rgba(255,255,255,.7)} .bt-slot{display:none}.bt.v2.on-board .bt-frame{display:block;left:calc(var(--zone-l) - 1.2vw) !important;right:calc(var(--zone-r) - 1.2vw) !important;border:3px solid var(--arena-accent);border-radius:22px;background:rgba(6,10,18,.24);box-shadow:0 0 0 2px rgba(6,10,18,.7),0 0 26px color-mix(in srgb,var(--arena-accent) 55%,transparent);backdrop-filter:blur(7px) saturate(1.15);-webkit-backdrop-filter:blur(7px) saturate(1.15)}.bt.v2.on-board .bt-frame::before,.bt.v2.on-board .bt-frame::after{display:none}.bt.v2.on-board .bt-frame i{width:16px;height:16px;background:var(--arena-accent);box-shadow:0 0 0 3px rgba(6,10,18,.8);filter:none}.bt.v2.on-board .bt-slot{display:block;flex:none;width:clamp(56px,6.6vw,88px);aspect-ratio:4 / 5;border-radius:14px;border:2px dashed rgba(255,255,255,.5);background:rgba(6,10,18,.18)}.bt.v2.on-board .bt-row.r-back .bt-slot{width:clamp(46px,5vw,68px)}@media (max-width:760px){.bt.v2.on-board .bt-slot{width:clamp(40px,11vw,64px)}.bt.v2.on-board .bt-row.r-back .bt-slot{width:clamp(36px,9.5vw,56px)}.bt.v2.on-board .bt-frame{left:0 !important;right:0 !important}}.bt.v2.has-arena.on-board{background:linear-gradient(rgba(6,10,18,.32),rgba(6,10,18,.32)),var(--arena-img) center / cover no-repeat,#08121d} .bt-live{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bt-live::before{content:'';position:absolute;inset:0;opacity:0;background:radial-gradient(closest-side,transparent 40%,var(--arena-accent))}.bt.flare .bt-live::before{animation:board-flare .7s ease-out}.bt.flare-big .bt-live::before{animation:board-flare 1.2s ease-out}@keyframes board-flare{15%{opacity:.75}to{opacity:0}}.bt-live i{position:absolute;left:var(--x);top:-5%;width:12px;height:8px;border-radius:60% 10%;animation:live-fall var(--t) linear var(--d) infinite}@keyframes live-fall{to{transform:translate(9vw,112vh) rotate(420deg)}}@keyframes live-rise{to{transform:translate(3vw,-112vh);opacity:0}}.bt[data-arena=ubuyashiki] .bt-live i{background:#c4a2ff}.bt[data-arena=konoha] .bt-live i{background:#6fae45}.bt[data-arena=ua] .bt-live i{top:104%;width:4px;height:4px;border-radius:50%;background:#ffb347;box-shadow:0 0 6px #ff7a1a;animation-name:live-rise}.bt[data-arena=shibuya] .bt-live i{width:1.5px;height:26px;border-radius:0;background:rgba(190,170,255,.45);animation-duration:calc(var(--t) / 7)}.bt[data-arena=shibuya] .bt-live::after{content:'';position:absolute;inset:0;background:radial-gradient(closest-side,transparent 55%,rgba(192,80,255,.3));animation:neon-breath 4s steps(5) infinite}@keyframes neon-breath{50%{opacity:.4}58%{opacity:.9}62%{opacity:.5}}@media (max-width:760px){.bt.v2.on-board .bt-frame{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(6,10,18,.42)}.bt-live i:nth-child(even){display:none}}.bt.v2.on-board .bt-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;padding:4px 10px;border:0;border-radius:8px;background:rgba(6,10,18,.74);color:#fff;white-space:nowrap;pointer-events:none} :root{ --bg:#080d19;--bg2:#0b1222;--surface:rgba(17,26,44,.86);--surface-solid:#111a2c;--raised:#16213a;--surface2:rgba(148,180,230,.07);--surface3:rgba(148,180,230,.12);--line:rgba(148,180,230,.12);--line2:rgba(148,180,230,.24);--edge:linear-gradient(180deg,rgba(170,210,255,.42),rgba(148,180,230,.07) 55%);--text:#eef3fb;--muted:#b6c2d6;--faint:#8a97ad; --accent:#5ad1fa;--accent2:#2fa8e6;--on-accent:#03141f;--grad:linear-gradient(180deg,#86e3ff,#3bbcf4);--gold:#f6c95e;--gold-grad:linear-gradient(135deg,#ffe08a,#f2b636);--chakra:#7fdcff;--green:#4fd8a2;--violet:#b59cff;--display:'Barlow Condensed','Manrope',system-ui,sans-serif;--body:'Manrope',system-ui,sans-serif;--mono:'Manrope',system-ui,sans-serif;--radius:20px;--radius-sm:12px;--blur:20px;--shadow:0 1px 0 rgba(255,255,255,.05) inset,0 16px 40px -20px rgba(0,0,0,.85);--glow:0 8px 24px -8px rgba(90,209,250,.6)}body{font-size:15.5px;background:var(--bg);font-feature-settings:'tnum' 1} body::before{display:block;content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 600px at 8% -10%,rgba(90,209,250,.13),transparent 65%),radial-gradient(800px 600px at 100% 0%,rgba(99,102,241,.12),transparent 65%),radial-gradient(900px 700px at 60% 115%,rgba(147,97,255,.1),transparent 65%)}::selection{background:rgba(90,209,250,.35)} h1,h2{font-family:var(--display);letter-spacing:.01em;line-height:1.02}h1{font-size:clamp(38px,4.6vw,62px);font-weight:800;text-transform:uppercase}h2{font-size:clamp(26px,2.4vw,32px);font-weight:700;text-transform:none}h3,h4{font-family:var(--body);font-weight:700;letter-spacing:-.01em;line-height:1.25;text-transform:none}h3{font-size:17px}.eyebrow{font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.grad-text{background:none;color:var(--accent)}.gold-text{background:none;color:var(--gold)}.chakra{font-family:var(--body);color:var(--chakra)}.muted{color:var(--muted)}.small{font-size:13.5px}.tiny{font-size:12px} :where(a,button,input,select,textarea,[tabindex],.tile,.chip):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}:where(input,select,textarea):focus-visible{outline-offset:1px} .page-head{margin-bottom:36px;align-items:flex-end}.page-head p{font-size:16px;margin-top:10px;max-width:680px;color:var(--muted)}.section{margin-top:56px}.section-head{margin-bottom:20px;align-items:flex-end}.grid,.grid-2,.grid-3{gap:20px}.stack>* + *{margin-top:10px} .glass,.top,.dropdown,.modal,.tabbar,.chat,.toast{background:rgba(14,21,36,.62);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.35);backdrop-filter:blur(var(--blur)) saturate(1.35);border:1px solid var(--line2);box-shadow:var(--shadow)}.panel{padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel.glow{border-color:rgba(90,209,250,.4);box-shadow:0 0 0 1px rgba(90,209,250,.15),var(--glow)}.panel.tight{padding:16px}.prose,.modal,.bubbles{background-clip:padding-box} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass,.top,.dropdown,.modal,.tabbar,.chat,.toast,.panel{background:var(--surface-solid)}}.lite .glass,.lite .top,.lite .dropdown,.lite .modal,.lite .tabbar,.lite .chat,.lite .toast,.lite .panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-solid)}@media (max-width:760px){:root{--blur:12px}.panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-solid)}} .btn{border-radius:var(--radius-sm);padding:11px 20px;font:700 14.5px var(--body);letter-spacing:0;text-transform:none;background:var(--surface2);border:1px solid var(--line2);color:var(--text);transition:transform .15s var(--ease),background .15s,border-color .15s,box-shadow .2s}.btn:hover{background:var(--surface3);border-color:rgba(255,255,255,.28);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn.primary{background:var(--grad);color:var(--on-accent);border-color:transparent;box-shadow:var(--glow);font:800 15px var(--body);clip-path:none}.btn.primary:hover{filter:brightness(1.07);box-shadow:0 14px 36px -8px rgba(90,209,250,.6)}.btn.gold{background:var(--gold-grad);color:#2a1a00;border-color:transparent;box-shadow:0 10px 28px -10px rgba(244,197,90,.55);font:800 15px var(--body);clip-path:none}.btn.gold:hover{filter:brightness(1.05)}.btn.green{background:linear-gradient(135deg,#6ff0bd,#2fbf86);color:#032016;border-color:transparent}.btn.violet{background:linear-gradient(135deg,#c3adff,#8a6bff);color:#150a33;border-color:transparent}.btn.danger{background:rgba(255,99,99,.1);border-color:rgba(255,99,99,.4);color:#ff9c9c}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface2);border-color:var(--line2)}.btn.sm{padding:7px 13px;font-size:13px;border-radius:10px}.btn.lg{padding:14px 26px;font-size:15.5px;border-radius:14px}.btn.xl{padding:17px 32px;font-size:17px;border-radius:14px}.btn:disabled{background:var(--surface2);color:var(--faint);border-color:var(--line);box-shadow:none;filter:none;opacity:1;transform:none;cursor:not-allowed}.pulse::after{display:none}.iconbtn{width:42px;height:42px;border-radius:12px;background:var(--surface2);border-color:var(--line2);font-size:18px}.iconbtn:hover{background:var(--surface3)}.badge{background:var(--accent);color:var(--on-accent);box-shadow:none;font:800 11px var(--body);border-radius:99px}.pill{font-family:var(--body);border-radius:99px;font-size:12px;padding:4px 10px}.pill.hot{background:var(--accent);color:var(--on-accent)}.lvl{background:var(--accent);color:var(--on-accent);font-family:var(--body);border-radius:6px}.avatar.lg{background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box} input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],select,textarea{background:rgba(5,9,18,.55);border:1px solid var(--line2);border-radius:var(--radius-sm);padding:12px 15px;font-size:15px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(90,209,250,.18)}select option{background:var(--surface-solid)} .chips{gap:8px}.chip{border-radius:99px;padding:8px 15px;font:600 13.5px var(--body);background:var(--surface2);border-color:var(--line);color:var(--muted)}.chip:hover{color:var(--text);border-color:var(--line2)}.chip.on{background:rgba(90,209,250,.16);color:var(--text);border-color:rgba(90,209,250,.5)}.chip[data-r].on{background:color-mix(in srgb,var(--c) 18%,transparent);border-color:var(--c);color:var(--text)}.tabs{width:fit-content;max-width:100%;padding:5px;gap:4px;border:1px solid var(--line);border-radius:16px;background:rgba(14,21,36,.6);margin-bottom:28px}.tabs button{padding:10px 18px;border-radius:12px;font:700 14.5px var(--body);text-transform:none;letter-spacing:0}.tabs button::after{display:none}.tabs button.on{background:rgba(90,209,250,.16);color:var(--text);box-shadow:inset 0 0 0 1px rgba(90,209,250,.45)} .list{gap:8px}.li{padding:13px 16px;border-radius:14px;background:var(--surface2);border:1px solid transparent}a.li:hover,button.li:hover{background:var(--surface3);border-color:var(--line2)}.li.me{background:rgba(90,209,250,.1);border-color:rgba(90,209,250,.4)}.rank-n{font-family:var(--display);font-size:20px}.bar{height:7px;border-radius:99px;background:rgba(255,255,255,.08)}.bar>i{border-radius:99px}.bar>i::after{display:none}.ring::before{background:var(--surface-solid)}.empty{padding:64px 10px}.prose p,.prose li{color:#d3dbe7}.prose h2{font-size:26px;margin-top:38px}.table th{font-family:var(--body)} .emo{animation:none !important}.ico{width:1.15em;height:1.15em;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .25s var(--ease)}.ico-wrap{display:inline-flex;line-height:1}:is(a,button):hover>.ico-wrap .ico,:is(a,button):hover>i>.ico-wrap .ico,.tile:hover .t-ic .ico{transform:translateY(-1px) scale(1.08)}.flame .fl-out,.flame .fl-in{animation:none}.wallet:hover .flame .fl-out{animation:fl-dance 1.6s ease-in-out infinite}.yatta-front,.yatta-back,.yatta-star,.yatta-spark{animation:none}.logo:hover .yatta-front{animation:yatta-float 1.6s ease-in-out infinite}.logo:hover .yatta-star{animation:yatta-star 1.6s ease-in-out infinite}.float{animation:none} .top{border-width:0 0 1px;border-radius:0;box-shadow:none;height:70px;background:rgba(8,13,24,.66)}.top .logo{margin-right:14px}.topnav{gap:2px;align-items:center}.topnav>a,.topnav button{height:40px;padding:0 14px;border-radius:12px;font:700 14.5px var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}.topnav>a::after,.topnav button::after{display:none}.topnav>a:hover,.topnav button:hover{color:var(--text);background:var(--surface2)}.topnav>a.on,.topnav button.on{color:var(--text);background:rgba(90,209,250,.13);box-shadow:inset 0 0 0 1px rgba(90,209,250,.35)}.topnav>a.on::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.topnav .rel{height:auto}.topnav .badge{min-width:8px;width:8px;height:8px;padding:0;font-size:0;margin-left:2px;align-self:flex-start;margin-top:8px}.top .open-cta{height:42px;padding:0 18px}.top .sep{width:1px;height:28px;background:var(--line2);flex:none}.wallet{gap:2px;padding:3px;background:var(--surface2);border:1px solid var(--line);border-radius:14px}.wallet>*{gap:8px;padding:5px 12px 5px 8px;border-radius:11px;font:700 14px var(--body)}.wallet .w-free{background:transparent}.wallet>*:hover{background:var(--surface2)}.wallet .w-txt{display:grid;line-height:1.1}.wallet .w-txt small{font:600 10.5px var(--body);color:var(--faint);letter-spacing:.02em}.wallet .w-timer{color:var(--accent)}.wallet .w-chakra{color:var(--text)}.me-btn{border-radius:14px;background:var(--surface2);border-color:var(--line)}.me-btn:hover{background:var(--surface3)}.me-btn .me-txt small{color:var(--faint)} .dropdown{border-radius:18px;padding:8px;background:rgba(8,14,28,.97)}.dropdown .n{border-radius:12px}.dropdown .n.row{display:flex;align-items:center;gap:10px}.dropdown a.n:hover{background:var(--surface3)}.dropdown .n.on{color:var(--accent)}.chat-fab{display:none !important}.foot{background:transparent;border-top-color:var(--line);color:var(--faint)}@media (max-width:1360px){.top .open-cta{padding:0 14px}.topnav>a,.topnav button{padding:0 10px;font-size:14px}.me-btn .me-txt,.wallet .w-txt small{display:none}.me-btn{padding:3px}}@media (max-width:1180px){.top .open-cta,.top .sep{display:none}}@media (max-width:1023px){.top{height:62px}.tabbar{border-radius:20px}.tabbar a{font:700 11px var(--body)}.tabbar a.on{color:var(--accent)}.tabbar .fab b{border-radius:16px;background:var(--grad);color:var(--on-accent);box-shadow:var(--glow);border-color:var(--bg)}.page-head{margin-bottom:26px}.section{margin-top:44px}.panel{padding:18px}}@media (max-width:440px){.top [data-chat]{display:none}.wallet>*{padding:5px 8px}} .modal{border-radius:24px;padding:28px;background:rgba(13,20,34,.9)}.modal-bg{background:rgba(3,6,12,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.toast{border-radius:14px}.toast.reward{border-color:rgba(90,209,250,.5);color:var(--text)}.chat{border-radius:22px;top:82px;bottom:auto;height:min(560px,calc(100vh - 110px));background:rgba(13,20,34,.88)}@media (max-width:1023px){.chat{top:auto;bottom:96px;height:min(540px,calc(100vh - 170px))}}.chat .msg .who{color:var(--accent)}.bubbles{background:rgba(5,9,18,.45);border-radius:16px}.bubble.me{background:rgba(90,209,250,.22)}.reward .item{border-radius:16px;background:var(--surface-solid)} .hero{--c:#5ad1fa;min-height:480px;padding:48px 52px 40px;border-radius:28px;gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);background:linear-gradient(110deg,rgba(12,18,32,.96) 0%,rgba(12,18,32,.9) 45%,rgba(12,18,32,.55) 100%),var(--bg2);box-shadow:var(--shadow)}.hero::after{display:none}.hero .hero-copy{position:relative;z-index:2;max-width:540px}.hero h1{font-size:clamp(44px,5.6vw,78px);margin-top:14px}.hero .lead{font-size:16.5px;color:var(--muted);max-width:460px;margin-top:12px}.hero .cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}.hero .claimed{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 12px;border-radius:14px;background:rgba(79,216,162,.1);border:1px solid rgba(79,216,162,.35)}.hero .claimed .state{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:var(--green)}.hero .claimed .next{color:var(--muted);font-size:14px}.hero .claimed .next b{color:var(--text)}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0 0;max-width:520px}.hero-stats>div{padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.hero-stats dt{font-size:12px;color:var(--faint);font-weight:600}.hero-stats dd{margin:2px 0 0;font-weight:800;font-size:15px} .hero .stage{height:400px;position:relative;z-index:1}.hero .stage::before{content:'';position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 45%,transparent),transparent);filter:blur(10px)}.hero .stage .pack-art{width:210px;z-index:2;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}.hero .stage .fan>a{width:165px;filter:drop-shadow(0 22px 30px rgba(0,0,0,.55))} .hero .stage .pack-art{top:14%}.hero .stage .fan{z-index:1}.hero .stage .fan>a:nth-child(1){transform:translate(-88%,-88%) rotate(-8deg)}.hero .stage .fan>a:nth-child(2){transform:translate(-12%,-96%) rotate(7deg)}.hero .kanji-bg{display:none}.hero-nav{position:absolute;right:26px;bottom:22px;z-index:3;display:flex;align-items:center;gap:8px}.hero-nav .iconbtn{width:38px;height:38px;font-size:16px}.hero .switch{position:static;display:flex;gap:6px}.hero .switch button{width:auto;height:32px;padding:0 12px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);font:700 12.5px var(--body)}.hero .switch button.on{width:auto;background:rgba(90,209,250,.16);border-color:rgba(90,209,250,.45);color:var(--text)}@media (max-width:1100px){.hero .switch{display:none}}@media (max-width:860px){.hero{grid-template-columns:1fr;padding:22px 20px 74px;min-height:0;gap:8px;border-radius:22px}.hero .stage{height:270px;order:-1}.hero .stage .pack-art{width:150px}.hero .stage .fan>a{width:118px}.hero-stats{grid-template-columns:1fr 1fr;max-width:none}.hero .hero-copy{max-width:none}.hero .cta>.btn{flex:1 1 100%}.hero-nav{left:20px;right:20px;bottom:18px;justify-content:space-between}} .pack-art{--c:var(--gold);position:relative;aspect-ratio:5 / 7.4;container-type:inline-size;cursor:pointer;background:none;box-shadow:none;border-radius:0;overflow:visible;display:block;transition:transform .25s var(--ease),filter .25s} .pack-art::before,.pack-art::after{content:'';position:absolute;left:0;right:0;height:6.5cqw;z-index:2;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 .7cqw,rgba(0,0,0,.06) .7cqw 1.8cqw),color-mix(in srgb,var(--c) 78%,#fff 8%);-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / 4cqw 2.4cqw repeat-x,linear-gradient(#000 0 0) bottom / 100% calc(100% - 2.3cqw) no-repeat;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / 4cqw 2.4cqw repeat-x,linear-gradient(#000 0 0) bottom / 100% calc(100% - 2.3cqw) no-repeat}.pack-art::before{top:0;bottom:auto}.pack-art::after{top:auto;bottom:0;transform:scaleY(-1)}.pack-art .pk-body{position:absolute;inset:5.5cqw 0;overflow:hidden;border-radius:2.5cqw;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--c) 80%,#fff 10%),color-mix(in srgb,var(--c) 55%,#0b1020) 70%);box-shadow:inset 0 0 0 .6cqw rgba(255,255,255,.22)}.pack-art .pk-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;opacity:.92;transform:scale(var(--gz,1));-webkit-mask:linear-gradient(to bottom,#000 45%,transparent 88%);mask:linear-gradient(to bottom,#000 45%,transparent 88%)}.pack-art .pk-body::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--c) 70%,#060a14) 8%,transparent 55%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 45%,transparent 60%);pointer-events:none} .pack-art .pk-brand{position:absolute;z-index:2;right:4cqw;top:8cqw;writing-mode:vertical-rl;font:800 8cqw/1 var(--display);letter-spacing:.08em;color:rgba(255,255,255,.92);text-shadow:0 .5cqw 2cqw rgba(0,0,0,.55)}.pack-art .pk-brand i{font-style:normal;color:var(--accent)} .pack-art .pk-count{position:absolute;z-index:2;left:5cqw;top:9cqw;padding:1.4cqw 3.4cqw;border-radius:99px;font:700 5cqw/1 var(--body);color:#fff;background:rgba(6,10,20,.72);border:.5cqw solid rgba(255,255,255,.45);box-shadow:0 1cqw 3cqw rgba(0,0,0,.35);white-space:nowrap}.pack-art .pk-count i{font-style:normal;font-weight:800}.pack-art .pk-band{position:absolute;z-index:2;left:-2cqw;right:-2cqw;bottom:9cqw;display:flex;align-items:center;gap:3.5cqw;padding:4cqw 8cqw;transform:rotate(-7deg);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 85%,#fff 5%),color-mix(in srgb,var(--c) 60%,#060a14));box-shadow:0 1.5cqw 5cqw rgba(0,0,0,.4)}.pack-art .pk-ico{font-style:normal;font-size:10cqw;color:#fff;line-height:1;display:inline-flex}.pack-art .pk-name{font:800 10cqw/.95 var(--display);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 .5cqw 2cqw rgba(0,0,0,.45);min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pack-art:hover{transform:translateY(-6px) rotate(-1.5deg);filter:brightness(1.06)} .rewards{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1150px){.rewards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.rewards{grid-template-columns:1fr}}.rw{--tc:var(--accent);display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.rw:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tc) 45%,var(--line))}.rw.ready{border-color:color-mix(in srgb,var(--tc) 55%,transparent);box-shadow:0 14px 40px -18px color-mix(in srgb,var(--tc) 70%,transparent)}.rw.done{opacity:.82}.rw-head{display:flex;align-items:center;gap:12px}.rw .t-ic{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:14px;font-size:22px;color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,transparent);border:1px solid color-mix(in srgb,var(--tc) 35%,transparent)}.rw h3{font-size:16.5px}.rw-state{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--body);padding:4px 9px;border-radius:99px;width:fit-content}.rw-state.ready{color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,transparent)}.rw-state.done{color:var(--green);background:rgba(79,216,162,.12)}.rw-state.locked{color:var(--muted);background:var(--surface2)}.rw-gain{font-size:14.5px;color:var(--text)}.rw-gain small{display:block;color:var(--muted);font-size:13px;margin-top:2px}.rw-prog{display:grid;gap:6px;font-size:12.5px;color:var(--muted)}.rw-prog .bar>i{background:var(--tc)}.rw-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.rw-days i{height:7px;border-radius:99px;background:rgba(255,255,255,.1)}.rw-days i.on{background:var(--tc)}.rw-days i.now{background:transparent;box-shadow:inset 0 0 0 1.5px var(--tc)}.rw-act{margin-top:auto;padding-top:4px}.rw-act .btn{width:100%}.rw-act .btn.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 70%,#fff),var(--tc));box-shadow:0 10px 28px -10px color-mix(in srgb,var(--tc) 70%,transparent)}.rw-act .later{display:block;text-align:center;padding:11px;border-radius:var(--radius-sm);background:var(--surface2);color:var(--muted);font-size:13.5px}.rw-act .later b{color:var(--text)} .banner{border-radius:var(--radius);padding:16px 20px;border-color:rgba(244,197,90,.4);background:linear-gradient(90deg,rgba(244,197,90,.12),transparent 70%),var(--surface)}.happy-chip{border-radius:99px;background:rgba(244,197,90,.12);border-color:rgba(244,197,90,.4);color:var(--gold);box-shadow:none;animation:none}.mission{border-radius:16px;padding:14px 16px;background:var(--surface2);border-color:transparent}.mission .ic{border-radius:12px;background:var(--surface3)}.mission.ready{border-color:rgba(79,216,162,.45);background:rgba(79,216,162,.08)}.feed{gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pull{border-radius:16px;padding:10px 12px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 14%,transparent),transparent 70%),var(--surface)}.pull .thumb{border-radius:8px}.pull .r{font-family:var(--body)}.listings{gap:20px;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.listing .meta{margin-top:18px} .tile{border-radius:var(--radius);background:var(--surface)}.tile.ready{border-color:rgba(90,209,250,.5);box-shadow:var(--glow)}.tile.ready::after{content:'Disponible';background:var(--accent);color:var(--on-accent);border-radius:99px;font:800 11px var(--body);letter-spacing:.02em;text-transform:none;animation:none} .packs{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.pack-tile{border-radius:22px;padding:22px 20px 20px;gap:12px;border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--c) 26%,transparent),transparent 70%),var(--surface);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.pack-tile:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 20px 50px -20px color-mix(in srgb,var(--c) 60%,transparent)}.pack-tile .pack-art{width:66%;margin:0 auto 4px}.pack-tile h3{font-size:18px}.pack-tile .sub{font-size:13.5px;margin-top:-4px}.pack-tile .acts .btn{padding:9px 10px;font-size:13.5px}.shop-featured{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;border-radius:24px;border:1px solid var(--line);padding:26px 48px 26px 36px;margin-bottom:40px;box-shadow:var(--shadow);background:linear-gradient(110deg,rgba(12,18,32,.96) 0%,rgba(12,18,32,.85) 50%,color-mix(in srgb,var(--c) 22%,rgba(12,18,32,.7)) 100%)}.shop-featured::after{display:none}.shop-featured h2{margin:6px 0 4px;font-size:clamp(30px,3.4vw,44px);line-height:1;text-transform:uppercase;font-weight:800}.shop-featured p{margin:0;color:var(--muted)}.shop-featured .acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.shop-featured .timer{display:inline-block;margin-top:12px;padding:5px 12px;border-radius:99px;font-size:13px;color:var(--muted);background:rgba(255,255,255,.05);border:1px solid var(--line)}.shop-featured .art{width:130px}@media (max-width:860px){.shop-featured{gap:18px;padding:20px;border-radius:20px}.shop-featured .art{width:92px}} .cards{gap:26px 20px;grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.cards .cap,.item .cap{margin-top:10px;font-size:13px;color:var(--muted)}.stat-tiles{gap:14px}.stat{border-radius:18px;padding:18px 20px;background:var(--surface);border-color:var(--line)}.stat small{font-family:var(--body);letter-spacing:.08em;color:var(--faint)}.stat b{font-family:var(--display);font-size:34px;font-weight:800;margin-top:4px}.ach .a{border-radius:16px;background:var(--surface)}.ach .a>i{border-radius:12px}.ach .a.got>i{background:var(--grad);color:var(--on-accent)}.streak{gap:10px}.streak .d{border-radius:16px;background:var(--surface)}.streak .d.now{border-color:var(--accent);box-shadow:var(--glow)}.tier{border-radius:16px;width:116px;background:var(--surface)}.tier.unlocked{border-color:rgba(90,209,250,.5);background:rgba(90,209,250,.08)}.tier.big{border-color:rgba(244,197,90,.55);background:linear-gradient(180deg,rgba(244,197,90,.12),transparent)}.counter{border-radius:99px}.counter b{font-family:var(--body);color:var(--text)}.wheel-hub{background:var(--grad);color:var(--on-accent)}.trade-col{border-radius:16px;background:rgba(5,9,18,.4)}.album-tile{border-radius:18px}.album-tile:hover{border-color:rgba(90,209,250,.5)} .card[data-r=R] .cart::after{animation:none;opacity:0}.card[data-r=R]:hover .cart::after{opacity:1;animation:k-sheen 1.4s ease-in-out}.card[data-r=M] .cfoil{animation:none} @media (prefers-reduced-motion:reduce){.btn,.rw,.pack-tile,.pack-art,.tile,.ico{transition:none}.btn:hover,.rw:hover,.pack-tile:hover,.pack-art:hover{transform:none}.card[data-r=M] .ci::before{animation:none}} .inspect{position:fixed;inset:0;z-index:130;display:flex;padding:24px;overflow:auto;background:radial-gradient(60% 50% at 50% 42%,rgba(30,44,70,.75),rgba(3,6,12,.94));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .2s} .insp-main{display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,64px);width:100%;max-width:1180px;margin:auto}.insp-left{display:flex;flex-direction:column;align-items:center;gap:22px;flex:none}.insp-info{width:min(440px,100%);max-height:min(78vh,720px);overflow:auto;padding:26px;border-radius:var(--radius);background:rgba(14,21,36,.78);border:1px solid var(--line2);box-shadow:var(--shadow)}.insp-info .row .btn{flex:0 1 auto}@media (max-width:860px){.inspect{padding:64px 16px 32px}.insp-main{flex-direction:column;gap:24px}.insp-info{max-height:none}}.inspect.on{opacity:1}.insp-stage{position:relative;perspective:1400px;display:grid;place-items:center}.insp-card{--c:var(--r-C);position:relative;width:min(40vw,52vh,380px);aspect-ratio:5 / 7;transform-style:preserve-3d;cursor:grab;container-type:inline-size;outline:none;touch-action:none}@media (max-width:860px){.insp-card{width:min(74vw,52vh,360px)}} .insp-edge{position:absolute;inset:0;border-radius:4.5cqw;background:color-mix(in srgb,var(--c) 55%,#0a1120);transform:translateZ(calc(var(--z) * .3cqw))}.insp-edge:nth-child(odd){background:color-mix(in srgb,var(--c) 42%,#0a1120)}.insp-card:active{cursor:grabbing}.insp-card.ease{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.insp-card[data-r=U]{--c:var(--r-U)}.insp-card[data-r=R]{--c:var(--r-R)}.insp-card[data-r=E]{--c:var(--r-E)}.insp-card[data-r=L]{--c:var(--r-L)}.insp-card[data-r=M]{--c:var(--r-M)}.insp-card:focus-visible{outline:none}.insp-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(1.3cqw)}.insp-front .card{width:100%;height:100%}.insp-front .card .ci{transform:none;box-shadow:0 0 12cqw color-mix(in srgb,var(--c) 45%,transparent)}.insp-front .card::after{display:none} .insp-front .card.missing{opacity:1}.insp-front .card.missing .ci{filter:grayscale(1) brightness(.6)} .insp-back{transform:rotateY(180deg) translateZ(1.3cqw);border-radius:4.5cqw;overflow:hidden;display:grid;place-items:center;background:radial-gradient(90% 70% at 50% 35%,color-mix(in srgb,var(--c) 85%,#fff 15%),var(--c) 45%,color-mix(in srgb,var(--c) 45%,#050913) 100%);box-shadow:inset 0 0 0 2.2cqw color-mix(in srgb,var(--c) 70%,#fff 15%),0 0 12cqw color-mix(in srgb,var(--c) 45%,transparent)}.insp-back::before{content:'';position:absolute;inset:5cqw;border-radius:4cqw;border:.6cqw solid rgba(255,255,255,.45);background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 2cqw,transparent 2cqw 4cqw)}.insp-back::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%)}.ib-in{position:relative;z-index:1;display:grid;justify-items:center;gap:4cqw}.ib-mark{width:30cqw;height:30cqw;filter:drop-shadow(0 2cqw 4cqw rgba(0,0,0,.35))}.ib-mark .yatta-emblem *{animation:none !important} .ib-mark .yatta-emblem stop:first-child{stop-color:color-mix(in srgb,var(--c) 55%,#fff)}.ib-mark .yatta-emblem stop:last-child{stop-color:color-mix(in srgb,var(--c) 75%,#0b1424)}.ib-mark .yatta-back rect{fill:color-mix(in srgb,var(--c) 30%,#0b1424)}.ib-mark .yatta-star{fill:color-mix(in srgb,var(--c) 80%,#0b1424)}.ib-mark .yatta-emblem>rect{stroke:rgba(255,255,255,.55);stroke-width:1.2}.ib-word{font:800 17cqw/1 var(--display);letter-spacing:.04em;color:#fff;text-shadow:0 1cqw 3cqw rgba(0,0,0,.35)}.ib-word i{font-style:normal;color:#0b1424}.ib-rar{font:800 4.6cqw var(--body);letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:1.4cqw 4cqw;border-radius:99px;background:rgba(0,0,0,.25)}.insp-shadow{width:min(36vw,46vh,340px);height:26px;margin-top:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}.insp-bar{display:grid;gap:12px;justify-items:center}.insp-hint{color:var(--muted);font-size:14px;text-align:center}.insp-x{position:absolute;top:18px;right:18px}@media (prefers-reduced-motion:reduce){.insp-card.ease{transition:none}} .inspect,.card,.pack-art{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.card img,.pack-art img,.inspect img,.inspect svg{-webkit-user-drag:none;user-drag:none;pointer-events:none}  .insp-card.insp-pack{aspect-ratio:100 / 156;--cr:5.5cqw;--sh:4cqw;--T:2.8cqw} :is(.insp-pack,.pk3d-in) .pk3{position:absolute;top:0;left:0;width:100%;height:100%}:is(.insp-pack,.pk3d-in) .pk3 .pack-art{position:absolute;left:0;width:100%;height:148cqw;aspect-ratio:auto;top:var(--off,0px);cursor:inherit}:is(.insp-pack,.pk3d-in) .pk3 .pack-art:hover{transform:none;filter:none} :is(.insp-pack,.pk3d-in) .pk3.fin.top{clip-path:inset(0 0 calc(100% - var(--cr) - .2cqw) 0)}:is(.insp-pack,.pk3d-in) .pk3.fin.bot{clip-path:inset(calc(100% - var(--cr) - .2cqw) 0 0 0);--off:calc(var(--sh) * 2)} :is(.insp-pack,.pk3d-in) .pk3.face{--off:var(--sh);clip-path:inset(calc(var(--cr) + var(--sh)) 0 calc(var(--cr) + var(--sh)) 0);-webkit-backface-visibility:hidden;backface-visibility:hidden}:is(.insp-pack,.pk3d-in) .pk3.face.front{transform:translateZ(var(--T))}:is(.insp-pack,.pk3d-in) .pk3.face.back{transform:rotateY(180deg) translateZ(var(--T))} :is(.insp-pack,.pk3d){--foil-hi:color-mix(in srgb,var(--c) 80%,#fff 18%);--foil-mid:color-mix(in srgb,var(--c) 65%,#0a1120);--foil-lo:color-mix(in srgb,var(--c) 40%,#050a14)} :is(.insp-pack,.pk3d-in) .pk3-wall{position:absolute;top:0;height:100%;width:calc(var(--T) * 2);left:calc(var(--T) * -1);background:linear-gradient(90deg,var(--foil-mid),var(--foil-hi) 45%,var(--foil-hi) 55%,var(--foil-mid));clip-path:polygon(0 calc(var(--cr) + var(--sh)),50% var(--cr),100% calc(var(--cr) + var(--sh)),100% calc(100% - var(--cr) - var(--sh)),50% calc(100% - var(--cr)),0 calc(100% - var(--cr) - var(--sh)));transform:rotateY(90deg)}:is(.insp-pack,.pk3d-in) .pk3-wall.right{left:auto;right:calc(var(--T) * -1)} :is(.insp-pack,.pk3d-in) .pk3-side{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d}:is(.insp-pack,.pk3d-in) .pk3-side.back{transform:rotateY(180deg)}:is(.insp-pack,.pk3d-in) .pk3-slope{position:absolute;left:0;right:0;height:hypot(var(--sh),var(--T));-webkit-backface-visibility:hidden;backface-visibility:hidden}:is(.insp-pack,.pk3d-in) .pk3-slope.top{top:calc(var(--cr) + var(--sh) - hypot(var(--sh),var(--T)));transform-origin:50% 100%;transform:translateZ(var(--T)) rotateX(atan2(var(--T),var(--sh)));background:linear-gradient(var(--foil-lo),var(--foil-hi))}:is(.insp-pack,.pk3d-in) .pk3-slope.bot{top:calc(100% - var(--cr) - var(--sh));transform-origin:50% 0;transform:translateZ(var(--T)) rotateX(calc(-1 * atan2(var(--T),var(--sh))));background:linear-gradient(var(--foil-mid),var(--foil-lo))}  :is(.insp-pack,.pk3d-in) .top{-webkit-backdrop-filter:none;backdrop-filter:none}.pk3d-stage{perspective:1100px;position:relative}.pk3d{--c:var(--gold);position:relative;aspect-ratio:100 / 156;container-type:inline-size;cursor:pointer;--cr:5.5cqw;--sh:4.5cqw;--T:3.8cqw;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-28deg) rotateZ(-1deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.pk3d-in{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d}.pk3d-stage::after{content:'';position:absolute;left:12%;right:12%;bottom:-14px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent);pointer-events:none}.pack-tile:hover .pk3d,.pk3d:focus-visible{transform:rotateX(4deg) rotateY(-10deg) translateY(-6px)}.pack-tile .pk3d-stage{width:60%;margin:4px auto 18px}.shop-featured .art .pk3d-stage{width:100%}.shop-featured .art .pk3d{animation:pk3d-sway 7s ease-in-out infinite}@keyframes pk3d-sway{0%,100%{transform:rotateX(7deg) rotateY(-26deg) translateY(0)}50%{transform:rotateX(4deg) rotateY(-12deg) translateY(-8px)}}@media (prefers-reduced-motion:reduce){.pk3d{transition:none}.shop-featured .art .pk3d{animation:none}}.lite .shop-featured .art .pk3d{animation:none} .pack-back .pk-body{background:radial-gradient(80% 55% at 50% 40%,color-mix(in srgb,var(--c) 35%,#0b1020),#070b16 80%);box-shadow:inset 0 0 0 .6cqw rgba(255,255,255,.25)}.pack-back .pk-body::after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 45%,transparent 60%)}.pkb-frame{position:absolute;inset:5cqw;border:.6cqw solid color-mix(in srgb,var(--c) 60%,#fff 25%);clip-path:polygon(6cqw 0,calc(100% - 6cqw) 0,100% 6cqw,100% calc(100% - 6cqw),calc(100% - 6cqw) 100%,6cqw 100%,0 calc(100% - 6cqw),0 6cqw);box-shadow:inset 0 0 6cqw color-mix(in srgb,var(--c) 30%,transparent)}.pkb-logo{position:absolute;z-index:2;left:0;right:0;top:9cqw;text-align:center;font:800 14cqw/1 var(--display);font-style:italic;letter-spacing:.02em;color:#e8f9ff;-webkit-text-stroke:.5cqw color-mix(in srgb,var(--c) 60%,#0b1020);paint-order:stroke fill;text-shadow:0 0 4cqw color-mix(in srgb,var(--c) 70%,transparent)}.pkb-logo i{font-style:italic;color:var(--accent)}.pkb-col{position:absolute;z-index:2;top:30cqw;bottom:10cqw;width:33cqw;display:flex;flex-direction:column;gap:2.4cqw;color:#fff;text-align:left}.pkb-col.left{left:9cqw}.pkb-col.right{right:9cqw}.pkb-name{font:800 7cqw/1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:color-mix(in srgb,var(--c) 45%,#fff);overflow-wrap:break-word;hyphens:auto}.pkb-sub{margin:0;font:600 3.6cqw/1.35 var(--body);color:rgba(255,255,255,.78)}.pkb-facts{display:grid;grid-template-columns:auto 1fr;gap:1.2cqw 2cqw;margin:1cqw 0 0;font:600 3.4cqw/1.2 var(--body)}.pkb-facts dt{color:rgba(255,255,255,.6)}.pkb-facts dd{margin:0;font-weight:800}.pkb-slots{display:flex;gap:1.4cqw;margin-top:auto}.pkb-slots i{width:3.2cqw;height:4.6cqw;border-radius:.8cqw;box-shadow:0 0 0 .4cqw rgba(255,255,255,.6)}.pkb-title{font:800 3.4cqw var(--body);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}.pkb-rates{list-style:none;margin:0;padding:0;display:grid;gap:1.8cqw;font:600 3.5cqw var(--body)}.pkb-rates li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.6cqw}.pkb-rates i{width:2.6cqw;height:2.6cqw;border-radius:50%}.pkb-rates .pkb-pct{font-weight:800}.pkb-code{margin-top:auto;height:9cqw;border-radius:.8cqw;background:repeating-linear-gradient(90deg,#0b1020 0 .5cqw,transparent .5cqw 1cqw,#0b1020 1cqw 2cqw,transparent 2cqw 2.5cqw),#fff;box-shadow:0 0 0 1.2cqw #fff;margin-left:1.2cqw;margin-right:1.2cqw} .insp-info .table{font-size:12.5px}.insp-info .table th,.insp-info .table td{padding:7px 6px;white-space:nowrap}.insp-info .cards.sm{grid-template-columns:repeat(3,1fr)} .insp-card.is-missing{--c:#6b7079}.insp-card.is-missing .insp-back{filter:grayscale(1) brightness(.7)}.insp-card.is-missing .insp-edge{filter:grayscale(1) brightness(.75)} .dropdown .menu-toggles{display:flex;gap:8px;padding:6px 10px}.menu-toggles .iconbtn.on{background:rgba(90,209,250,.16);border-color:rgba(90,209,250,.5);color:var(--accent)} .rewards .rw{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:190px;padding:26px 18px;text-align:center;cursor:pointer;font:inherit;color:var(--text);text-decoration:none}.rewards .rw .rw-emo{font-size:64px;line-height:1;filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--tc) 45%,transparent));transition:transform .25s var(--ease)}.rewards .rw:hover .rw-emo{transform:translateY(-4px) scale(1.06)}.rewards .rw .rw-title{font:800 17px/1.2 var(--body);margin-top:6px}.rewards .rw .rw-avail{font:600 13.5px/1.3 var(--body);color:var(--muted)}.rewards .rw .rw-avail b{color:var(--text)}.rewards .rw.ready .rw-avail{color:var(--tc)}.rewards .rw:not(.ready) .rw-emo{filter:grayscale(.35) opacity(.85)} .hero{min-height:460px;padding:64px 64px 72px;gap:48px;overflow:hidden;isolation:isolate;background:#0b111d}.hero .hero-copy{max-width:520px;animation:hero-in .7s var(--ease) both}.hero h1{font-size:clamp(48px,6vw,84px);margin-top:16px}.hero .lead{font-size:18px;margin-top:14px;max-width:420px}.hero .cta{margin-top:34px;gap:22px}.hero-link{font:700 15px var(--body);color:var(--text);opacity:.85;border-bottom:1px solid transparent;transition:opacity .15s,border-color .15s}.hero-link:hover{opacity:1;border-bottom-color:var(--accent)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;font-size:13.5px;color:var(--muted)}.hero-meta span{opacity:.5} .hero-bg{position:absolute;inset:-25%;z-index:-1;pointer-events:none;opacity:.9;background:radial-gradient(35% 45% at 70% 45%,color-mix(in srgb,var(--c) 55%,transparent),transparent 70%),radial-gradient(30% 40% at 30% 70%,rgba(90,209,250,.22),transparent 70%),radial-gradient(25% 35% at 85% 85%,color-mix(in srgb,var(--c) 30%,#8b5cf6 30%),transparent 70%);animation:hero-drift 16s ease-in-out infinite alternate} .hero-gif{position:absolute;inset:0 0 0 auto;width:62%;height:100%;z-index:-1;object-fit:cover;pointer-events:none;opacity:.6;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%);animation:hero-gif-in .8s var(--ease) both}@keyframes hero-gif-in{from{opacity:0}} .hero::before{content:'';position:absolute;inset:0 auto 0 0;width:250%;z-index:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);transform:translateX(-90%);animation:hero-sweep 7s ease-in-out infinite}.hero::after{display:none}.hero .stage{animation:hero-in .8s .08s var(--ease) both} .hero.instant .hero-copy,.hero.instant .stage{animation:none}.hero .stage::before{opacity:.55} .hero .stage .pack-art{animation:hero-float 5s ease-in-out infinite}.hero .stage .fan>a:nth-child(1){animation:hero-sway 6s ease-in-out infinite alternate}.hero .stage .fan>a:nth-child(2){animation:hero-sway 6s -3s ease-in-out infinite alternate}.hero-dots{position:absolute;left:64px;bottom:30px;z-index:3;display:flex;gap:8px}.hero-dots button{width:26px;height:6px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.22);cursor:pointer;transition:width .3s var(--ease),background .3s}.hero-dots button.on{width:46px;background:var(--accent)}.hero-dots button:hover{background:rgba(255,255,255,.45)}@keyframes hero-drift{from{transform:translate(-3%,-2%) rotate(0deg) scale(1)}to{transform:translate(4%,3%) rotate(6deg) scale(1.08)}}@keyframes hero-sweep{0%,55%{transform:translateX(-90%)}100%{transform:translateX(30%)}}@keyframes hero-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -10px;rotate:1deg}}@keyframes hero-sway{from{translate:0 0}to{translate:0 -8px}}@keyframes hero-in{from{opacity:0;transform:translateY(12px)}}@media (max-width:860px){.hero{padding:26px 20px 56px;gap:10px}.hero h1{font-size:clamp(40px,11vw,60px)}.hero .cta{gap:16px}.hero-dots{left:20px;bottom:22px}}@media (prefers-reduced-motion:reduce){.hero-bg,.hero::before,.hero .stage .pack-art,.hero .stage .fan>a,.hero .hero-copy,.hero .stage{animation:none}}.lite .hero-bg,.lite .hero::before,.lite .hero .stage .pack-art,.lite .hero .stage .fan>a{animation:none} .below{content-visibility:auto;contain-intrinsic-size:auto 420px;overflow-clip-margin:40px} #bg-stars{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;overflow:hidden;contain:strict;background:linear-gradient(#030712,#061430 45%,#030918)}.sky-neb{position:absolute;left:-15%;top:-15%;width:130%;height:130%;animation:sky-neb 90s ease-in-out infinite alternate}.sky-layer{position:absolute;left:0;top:0;height:100%;animation:sky-slide var(--slide) linear infinite}.sky-layer.twinkle{animation:sky-slide var(--slide) linear infinite,sky-twinkle 3.2s ease-in-out infinite alternate}.sky-shot{position:absolute;left:0;top:0;height:1.6px;opacity:0;transform-origin:100% 50%;translate:-100% 0;background:linear-gradient(90deg,rgba(120,180,255,0),#fff)}@keyframes sky-slide{to{transform:translateX(-50%)}}@keyframes sky-twinkle{from{opacity:.3}to{opacity:1}}@keyframes sky-neb{from{transform:translate(-3%,-2%);opacity:.7}to{transform:translate(3%,2%);opacity:1}}@media (prefers-reduced-motion:reduce){#bg-stars *{animation:none}}.lite #bg-stars *{animation:none} .opening .tear-stage{display:grid;justify-items:center;gap:14px;margin:18px auto 6px;padding:10px 0;width:min(100%,680px);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.tear-pack{--cut:0;--top:6.5%;position:relative;width:min(300px,68vw);aspect-ratio:5 / 7.4;cursor:grab;touch-action:none;outline:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));animation:tp-float 3s ease-in-out infinite}.tear-pack.grab{cursor:grabbing;animation:none}.tear-pack:focus-visible{filter:drop-shadow(0 0 0 2px var(--accent)) drop-shadow(0 30px 40px rgba(0,0,0,.6))}.tear-pack .tp-top,.tear-pack .tp-body{position:absolute;inset:0}.tear-pack .pack-art{width:100%;height:100%;pointer-events:none}.tear-pack .pack-art:hover{transform:none;filter:none} .tp-top{--x:calc(var(--cut) * 100%);clip-path:polygon(var(--x) 0,100% 0,100% var(--top),var(--x) var(--top))}.tp-top.tp-torn{clip-path:polygon(0 0,var(--x) 0,var(--x) var(--top),0 var(--top)); transform-origin:var(--x) 0;transform:rotate(calc(var(--cut) * -16deg));filter:drop-shadow(0 6px 10px rgba(0,0,0,.2));transition:transform .08s}.tp-body{clip-path:polygon(0 calc(var(--top) - 1px),100% calc(var(--top) - 1px),100% 100%,0 100%)}.tp-line{position:absolute;left:3%;right:3%;top:var(--top);border-top:3px dashed rgba(255,255,255,.9);filter:drop-shadow(0 0 3px rgba(255,255,255,.6));pointer-events:none}.tear-pack .tp-top{z-index:2}.tear-pack .tp-line,.tear-pack .tp-cut,.tear-pack .tp-hand{z-index:3}.tp-cut{position:absolute;left:0;top:calc(var(--top) - 3px);height:6px;width:calc(var(--cut) * 100%);border-radius:3px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.2),#fff 70%,#ffe9a8);box-shadow:0 0 14px 4px rgba(255,230,160,.75)}.tp-cut::after{content:'';position:absolute;right:-9px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:radial-gradient(circle,#fff,#ffd36b 40%,transparent 70%);opacity:calc(var(--cut) * 10)}.tp-hand{position:absolute;top:calc(var(--top) - 7%);left:-4%;font-size:30px;pointer-events:none;animation:tp-hand 1.8s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.tear-pack.grab .tp-hand,.tear-pack.torn .tp-hand,.tear-pack.started .tp-hand{display:none}@keyframes tp-hand{0%{transform:translateX(0);opacity:0}15%{opacity:1}75%{transform:translateX(min(210px,50vw));opacity:1}100%{transform:translateX(min(210px,50vw));opacity:0}}@keyframes tp-float{50%{transform:translateY(-8px) rotate(-.6deg)}} .tear-pack.torn{animation:none}.tear-pack.torn .tp-top{transition:transform .55s cubic-bezier(.2,.7,.3,1),opacity .55s;transform:translate(-30%,-180%) rotate(-35deg);opacity:0}.tear-pack.torn .tp-body{transition:transform .5s .2s,opacity .45s .25s;transform:translateY(10%) scale(.96);opacity:0}.tear-pack.torn .tp-line,.tear-pack.torn .tp-cut{opacity:0;transition:opacity .2s}@media (prefers-reduced-motion:reduce){.tear-pack,.tp-hand{animation:none}}  html,body{overflow-x:clip;max-width:100%}@media (max-width:560px){.top{gap:6px;padding:0 10px}.wallet small{display:none}.happy-chip{padding:6px 8px}.happy-txt{display:none}.wallet>*{padding:4px 7px;gap:5px}.wallet .w-free .ring{width:18px;height:18px}.top .iconbtn,.me-btn{flex:none}.page{padding:18px 12px 120px}h1{font-size:clamp(30px,9vw,40px)}.page-head{gap:12px}.page-head .btn.xl,.page-head .btn.lg{width:100%;justify-content:center}.panel{padding:16px}.grid-2,.grid2,.grid-3{grid-template-columns:1fr !important}.stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.stat b{font-size:26px}.modal{width:calc(100vw - 16px) !important;max-height:calc(100dvh - 24px)}.modal .mbody{padding:18px 14px}.tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap}input,select,textarea{font-size:16px}} .pass-hero{--pa:#c39bff}.fg-hero{--pa:#ff9f43}.m-hero{--pa:#3ddc97}.ref-hero,.invite{--pa:#ffc83d}.defi{--pa:#ff6b4a}.rules-hero{--pa:#5ad1fa}.pass-hero,.fg-hero,.m-hero,.ref-hero,.invite,.defi,.rules-hero{border-radius:24px;border:1px solid color-mix(in srgb,var(--pa) 32%,rgba(255,255,255,.08));background:radial-gradient(70% 130% at 0% 0%,color-mix(in srgb,var(--pa) 20%,transparent),transparent 62%),radial-gradient(60% 110% at 100% 100%,rgba(61,139,255,.12),transparent 60%),rgba(8,14,28,.86);box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}.pass-hero::before{display:none}.pass-hero h1,.invite h1,.defi h1{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--text)}:is(.pass-hero,.fg-hero,.m-hero,.ref-hero,.invite,.defi,.rules-hero) .eyebrow{color:var(--pa)} .lobby-go{color:#04202c;background:linear-gradient(180deg,#8de6ff,#2fb8ee);box-shadow:0 0 0 2px rgba(180,240,255,.5) inset,0 14px 40px -10px rgba(47,184,238,.8);animation-name:lobby-pulse-cyan}@keyframes lobby-pulse-cyan{50%{box-shadow:0 0 0 2px rgba(180,240,255,.5) inset,0 14px 60px -6px rgba(47,184,238,1)}}  [style*="color:var(--r-M)"]:not(img):not(i),.pull[data-r=M] .r{color:transparent !important;background:linear-gradient(90deg,#ff3b5c,#ffb43b,#ffee3b,#3bff7a,#3bd8ff,#5b6bff,#c43bff,#ff3b5c) 0 0 / 200% 100%;-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 .3em rgba(255,95,210,.55));animation:m-text 1.5s linear infinite}@keyframes m-text{to{background-position:200% 0}} .pull .r{animation-play-state:paused}.pull:hover .r{animation-play-state:running}.pill.r[style*="--r-M)"],.chip[style*="--r-M)"]{border-color:rgba(255,95,210,.7);background:linear-gradient(90deg,rgba(255,59,92,.16),rgba(255,238,59,.16),rgba(59,255,122,.16),rgba(59,216,255,.16),rgba(196,59,255,.16))} .tabs button span{margin-right:4px} .dropdown .menu-lang{align-items:center}.foot-lang{gap:6px;align-items:center}.foot-lang .iconbtn{width:30px;height:30px;font-size:15px}.foot-lang .iconbtn.on,.menu-lang .iconbtn.on{background:rgba(90,209,250,.16);border-color:rgba(90,209,250,.5)}.lang-btn{font:800 9.5px var(--body);letter-spacing:.06em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted)}.lang-btn.on{color:var(--accent)}.flag{display:block;width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3);flex:none}.lang-btn:not(.on) .flag{opacity:.8;filter:saturate(.75)}.lang-btn:hover .flag,.lang-btn:focus-visible .flag{opacity:1;filter:none}.lang-code{line-height:1} .dropdown .menu-social{align-items:center}.foot-social{gap:6px;align-items:center}.foot-social .iconbtn{width:30px;height:30px}.social-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.social-btn:hover,.social-btn:focus-visible{color:var(--accent)}.foot-lang .lang-code{display:none}.foot-lang .flag{width:20px;height:14px} .modal.wide.tc-modal{width:min(1240px,100%);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;padding:22px 22px 18px}.tc-modal .mbody{display:flex;flex-direction:column;gap:14px;min-height:0;flex:1}.tc-headline{padding-right:48px}.tc-headline h2{margin:0 0 2px}.tc-sides{display:grid;grid-template-columns:1fr 34px 1fr;gap:10px;min-height:0;flex:1}.tc-side{--side:#4fc3ff;display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--side) 30%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--side) 9%,transparent),rgba(5,9,18,.45) 120px)}.tc-side.want{--side:#ffae2b}.tc-who{display:flex;align-items:center;gap:10px}.tc-who .avatar{width:38px;height:38px;font-size:16px;box-shadow:0 0 0 2px var(--side)}.tc-who .grow{display:flex;flex-direction:column;line-height:1.2;min-width:0}.tc-who b{font:800 16px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-n{padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--side) 18%,transparent);color:var(--side);font:800 13px var(--display)}.tc-tray{display:flex;gap:6px;overflow-x:auto;min-height:40px;align-items:center;padding:4px;border-radius:12px;border:1px dashed var(--line2);background:rgba(0,0,0,.2);scrollbar-width:thin}.tc-tray>.muted{padding:0 8px}.tc-pick{flex:none;display:flex;align-items:center;gap:6px;max-width:170px;padding:3px 8px 3px 3px;border-radius:10px;border:1px solid var(--c);background:color-mix(in srgb,var(--c) 14%,rgba(5,9,18,.8));color:var(--text);font-size:12px;font-weight:700;cursor:pointer}.tc-pick img{width:26px;height:30px;border-radius:6px;object-fit:cover}.tc-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-pick i{font-style:normal;opacity:.55;font-size:10px}.tc-pick:hover i{opacity:1}.tc-rar{display:flex;gap:6px;flex-wrap:wrap}.tc-rar .chip{padding:5px 10px;font-size:12px}.tc-cnt{opacity:.6;font-weight:600;margin-left:2px}.tc-grid{flex:1;min-height:220px;overflow:auto;padding:6px 6px 10px;margin:0 -6px;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;scrollbar-width:thin}.tc-grid .item{cursor:pointer;transition:transform .12s}.tc-grid .item:hover{transform:translateY(-3px)}.tc-grid .item.pick{outline-color:var(--side)}.tc-empty{grid-column:1 / -1;text-align:center;padding:30px 0}.tc-stars{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--muted)}.tc-stars input{width:110px;height:38px}.tc-mid{align-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface3);border:1px solid var(--line2);font-size:16px;color:var(--muted)}.tc-foot{display:flex;gap:10px;align-items:center}.tc-foot input{flex:1}@media (max-width:860px){.modal.wide.tc-modal{overflow:auto;display:block}.tc-sides{grid-template-columns:1fr}.tc-grid{max-height:46vh}.tc-mid{justify-self:center;transform:rotate(90deg)}.tc-foot{flex-direction:column;align-items:stretch}}  h1{background:linear-gradient(180deg,#ffffff 30%,#bfeeff);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:8px}.eyebrow::before{content:'';width:18px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 0 8px currentColor}.section-head h2{position:relative;padding-bottom:8px}.section-head h2::after{content:'';position:absolute;left:0;bottom:0;width:32px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--violet))}body::before{background:radial-gradient(900px 420px at 12% -8%,rgba(90,209,250,.15),transparent 70%),radial-gradient(800px 480px at 100% 6%,rgba(181,156,255,.11),transparent 70%),radial-gradient(900px 600px at 50% 120%,rgba(90,209,250,.07),transparent 70%),linear-gradient(#0a1122,#080d19 50%)} .panel,.hero,.tile,.pack-card,.stat{background:linear-gradient(180deg,var(--raised),var(--surface-solid)) padding-box,var(--edge) border-box;border:1px solid transparent;box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none} .hero{background:radial-gradient(600px 400px at 78% 45%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%) padding-box,linear-gradient(110deg,rgba(16,24,42,.97) 0%,rgba(16,24,42,.9) 45%,rgba(16,24,42,.55) 100%) padding-box,linear-gradient(160deg,color-mix(in srgb,var(--c) 55%,transparent),rgba(148,180,230,.08) 45%,color-mix(in srgb,var(--c) 30%,transparent)) border-box;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 30px 70px -30px color-mix(in srgb,var(--c) 45%,#000)}.m-card,.rw,.pull{background:var(--raised);border-color:var(--line)}.panel.glow{background:linear-gradient(180deg,#172741,var(--surface-solid)) padding-box,linear-gradient(180deg,rgba(90,209,250,.6),rgba(90,209,250,.1)) border-box}.hero-stats>div,.li{background:var(--surface2);border-color:var(--line)} .top{background:rgba(10,17,34,.78);border-bottom-color:transparent}.top::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(90,209,250,.55) 25%,rgba(181,156,255,.45) 70%,transparent)}.topnav>a.on,.topnav button.on{border-radius:99px;background:rgba(90,209,250,.12)}.wallet{background:rgba(246,201,94,.07);border-color:rgba(246,201,94,.25)}.wallet .w-chakra{color:var(--gold)}.tabbar{background:rgba(10,17,34,.9)} .btn{background:var(--raised);border-color:var(--line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.btn:hover{background:#1b2844}.btn.primary{background:var(--grad);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),var(--glow)}.btn.gold{background:linear-gradient(180deg,#ffe08a,#f2b636);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 22px -10px rgba(246,201,94,.6)}.btn.ghost{background:transparent;box-shadow:none}.btn:disabled{background:var(--surface2);box-shadow:none} .tabs{background:var(--surface-solid);border-color:var(--line)}.chip{background:var(--surface2)}.chip.on,.tabs button.on{background:rgba(90,209,250,.14)} .card .ci{box-shadow:0 0 8cqw var(--glow),0 3cqw 7cqw rgba(0,0,0,.6)} .btn.danger{background:transparent;border-color:rgba(255,128,128,.45);color:#ff8080} html:root{--surface:#0f1829;--surface-hi:#142036;--raised:#16213a;--lit:inset 0 1px 0 rgba(170,210,255,.16);--spark:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);--shadow:var(--lit),0 16px 34px -22px rgba(0,0,0,.9);--key-cyan:#1a7fb8;--key-gold:#a8770f} html:root .panel,html:root .tile,html:root .pack-card,html:root .stat{background:var(--surface);box-shadow:var(--shadow);backdrop-filter:none;-webkit-backdrop-filter:none}html:root .panel{border-radius:20px} html:root h1{font-weight:800;letter-spacing:-.005em;line-height:.94}html:root h2{font-size:clamp(30px,2.8vw,38px);font-weight:800;text-transform:uppercase;letter-spacing:0}html:root .panel h3{font:800 24px/1.05 var(--display);text-transform:uppercase;letter-spacing:.01em}html:root .eyebrow{display:inline-flex;align-items:center;gap:8px;font:800 12px/1 var(--body);letter-spacing:.14em}html:root .eyebrow::before{content:'';flex:none;width:13px;height:13px;background:currentColor;clip-path:var(--spark)} html:root .btn{transition:transform .12s,box-shadow .12s,filter .12s,background .12s}html:root .btn:hover{transform:none}html:root .btn.primary{background:var(--grad);box-shadow:0 3px 0 var(--key-cyan),0 12px 24px -12px rgba(90,209,250,.75)}html:root .btn.primary:hover{box-shadow:0 3px 0 var(--key-cyan),0 14px 30px -10px rgba(90,209,250,.9)}html:root .btn.primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--key-cyan)}html:root .btn.gold{box-shadow:0 3px 0 var(--key-gold),0 12px 24px -12px rgba(244,197,90,.7)}html:root .btn.gold:active{transform:translateY(2px);box-shadow:0 1px 0 var(--key-gold)}html:root .btn.green{box-shadow:0 3px 0 #1c8159}html:root .btn.green:active{transform:translateY(2px);box-shadow:0 1px 0 #1c8159}html:root .btn.violet{box-shadow:0 3px 0 #5a3fc4}html:root .btn.violet:active{transform:translateY(2px);box-shadow:0 1px 0 #5a3fc4}html:root :is(.btn.primary,.btn.gold,.btn.green,.btn.violet):disabled{background:var(--surface-hi);color:var(--faint);box-shadow:none} html:root .hero{min-height:500px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}html:root .hero h1{font-size:clamp(56px,7.4vw,104px);margin-top:12px}html:root .hero .stage::before{inset:0 8%;opacity:.75} html:root .hero-pk3d{display:block;position:absolute;inset:0;margin:auto;width:230px;height:359px}html:root .hero-pk3d .pk3d{animation:nuit-spin 8s linear infinite} html:root .hero-pk3d .pack-art{animation:none;filter:none;z-index:auto}html:root .hero-pk3d .pk3d:hover{animation-play-state:paused} @keyframes nuit-spin{0%{transform:rotateX(6deg) rotateY(-15deg)}32%{transform:rotateX(6deg) rotateY(15deg)}48%{transform:rotateX(6deg) rotateY(165deg)}66%{transform:rotateX(6deg) rotateY(195deg)}100%{transform:rotateX(6deg) rotateY(345deg)}} html:is(.op-on,:has(.modal-bg,.inspect)) :is(#bg-stars *,#app *,#app *::before,#app *::after){animation-play-state:paused} html:root .rewards{display:flex;gap:0;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}html:root .rewards .rw{flex:1 1 0;min-width:0;min-height:0;display:grid;grid-template-columns:40px 1fr;column-gap:12px;row-gap:2px;align-items:center;justify-items:start;padding:16px 18px;text-align:left;border:0;border-radius:0;background:none;box-shadow:none}html:root .rewards .rw + .rw{border-left:1px solid var(--line)}html:root .rewards .rw:hover{transform:none;background:var(--surface-hi)}html:root .rewards .rw .rw-emo{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-size:21px;background:color-mix(in srgb,var(--tc) 14%,transparent)}html:root .rewards .rw .rw-title{margin:0;font:800 14px/1.2 var(--body)}html:root .rewards .rw .rw-avail{font:600 12.5px/1.3 var(--body);color:var(--faint)}html:root .rewards .rw.ready .rw-avail{color:var(--tc)}html:root .rewards .rw.ready{position:relative}html:root .rewards .rw.ready::after{content:'!';position:absolute;right:12px;top:10px;font:800 20px/1 var(--display);color:var(--tc)} html:root .tile:hover,html:root .album-tile:hover{border-color:rgba(90,209,250,.5)}html:root .tile.ready::after{content:'!';width:20px;height:20px;padding:0;display:grid;place-items:center;font:800 14px/1 var(--display)} html:root .page::before{display:none}html:root #bg-stars{opacity:.22}html:root .section-head h2{padding-bottom:0}html:root .section-head h2::after{display:none}html:root .page-head h1{font-size:clamp(46px,6vw,84px);line-height:.94}html:root .pf-name h1{font-size:clamp(38px,4.4vw,60px);line-height:1;text-shadow:none}html:root .prose h1{font-size:clamp(42px,5vw,68px)} html:root .top{background:rgba(8,13,25,.84)}html:root .top::after{background:linear-gradient(90deg,transparent,rgba(90,209,250,.5) 30%,rgba(90,209,250,.5) 70%,transparent)}html:root .topnav>a.on,html:root .topnav button.on{background:none;box-shadow:none;border-radius:12px;color:#fff}html:root .topnav>a.on::before{width:10px;height:10px;border-radius:0;background:var(--accent);box-shadow:none;clip-path:var(--spark)}html:root .wallet{border-radius:12px}html:root .tabbar{background:#0b1222} html:root .btn:not(.primary):not(.gold):not(.green):not(.violet):not(.ghost):not(.danger):not(:disabled){box-shadow:0 2px 0 #070c18}html:root .btn:not(.primary):not(.gold):not(.green):not(.violet):not(.ghost):not(.danger):active{transform:translateY(1px);box-shadow:0 1px 0 #070c18}html:root .tabs{padding:4px;border-radius:14px;background:#0b1222}html:root .tabs button{border-radius:10px}html:root .tabs button.on{background:var(--raised);box-shadow:inset 0 -2px 0 var(--accent)}html:root .chip{border-radius:10px;background:#0f1829}html:root .chip.on{background:var(--raised);box-shadow:inset 0 -2px 0 var(--accent)}html:root .chip[data-r].on{box-shadow:inset 0 -2px 0 var(--c)}html:root input[type=text],html:root input[type=email],html:root input[type=password],html:root input[type=number],html:root input[type=search],html:root input[type=url],html:root input[type=date],html:root input[type=datetime-local],html:root select,html:root textarea{border-radius:12px;background:#0b1222;color-scheme:dark}html:root .bar{height:8px;border-radius:4px;background:#16213a}html:root .bar>i{border-radius:4px}html:root .pill{border-radius:8px}html:root .stat{border-radius:16px}html:root .stat small{font-weight:700}html:root .stat b{font-size:40px;line-height:1}html:root .banner{border-radius:16px;background:var(--surface);box-shadow:var(--shadow)} html:root :is(.fg-hero,.m-hero,.pass-hero,.ref-hero,.rules-hero,.pf-hero){border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}html:root :is(.fg-hero,.m-hero,.ref-hero,.rules-hero){background:radial-gradient(520px 320px at 88% 40%,rgba(90,209,250,.1),transparent 70%),var(--surface)}html:root :is(.fg-hero,.m-hero,.ref-hero,.rules-hero,.pass-hero) h1,html:root .m-hero-main b:first-child{font-family:var(--display)} html:root .page .empty{position:relative;padding:56px 20px;border:1px dashed var(--line2);border-radius:20px;color:var(--muted);background:rgba(15,24,41,.5)}html:root .page .empty::before{content:'';display:block;width:26px;height:26px;margin:0 auto 12px;background:var(--accent);clip-path:var(--spark)} html:root .album-tile{border-radius:16px}html:root .album-tile .bar{height:16px;border-radius:0;background:rgba(255,255,255,.16);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1l2 7 7 2-7 2-2 7-2-7-7-2 7-2z'/%3E%3C/svg%3E") 0 0 / 16px 16px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1l2 7 7 2-7 2-2 7-2-7-7-2 7-2z'/%3E%3C/svg%3E") 0 0 / 16px 16px repeat-x}html:root .album-tile .bar>i{border-radius:0;box-shadow:none} html:root :is(.listing .meta b,.listing .meta .chakra){font:800 19px/1 var(--display);letter-spacing:.01em;color:var(--gold);font-variant-numeric:tabular-nums}html:root .listing:hover .card{transform:translateY(-3px)} html:root :is(.m-card,.m-link,.pull,.li){border-radius:14px;background:var(--surface);box-shadow:var(--lit)}html:root .rank-n{font-weight:800} html:root .lobby{border-radius:20px;border-color:var(--line)}html:root :is(.lobby-player,.lobby-play){border-radius:16px;background:rgba(8,13,25,.9);-webkit-backdrop-filter:none;backdrop-filter:none}html:root .lobby-mode{border-radius:12px;background:var(--surface)}html:root .lobby-mode.on{background:var(--raised);border-color:transparent;box-shadow:inset 0 -2px 0 var(--accent)}html:root .lobby-go{border-radius:14px;background:var(--grad);box-shadow:0 4px 0 var(--key-cyan),0 14px 30px -12px rgba(90,209,250,.8);animation:none;transition:transform .12s,box-shadow .12s}html:root .lobby-go:hover:not(:disabled){transform:none;filter:brightness(1.06)}html:root .lobby-go:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--key-cyan)}html:root :is(.lobby-tile,.lobby-tuto,.mode-card){border-radius:14px;background:var(--surface);box-shadow:var(--lit)}html:root .bt-mid{position:relative}html:root .bt-mid::before{content:'';position:absolute;left:3%;right:3%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 22%,#ffae2b 78%,transparent);box-shadow:0 0 16px rgba(90,209,250,.45);pointer-events:none} html:root .op-sky:not([data-sky=steel],[data-sky=gold],[data-sky=prism]){--deep:#030812;--mid:#0f2f66;--light:#7cc8ff} html:root .opening[data-tier=M] .title{filter:drop-shadow(0 2px 8px rgba(3,8,18,.85))} html:root .adm-side{background:#0b1222;border-right-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}html:root .adm-logo{border-radius:10px}html:root .adm-me{border-color:var(--line);background:var(--surface);box-shadow:var(--lit)}html:root .adm-nav button{border-radius:10px}html:root .adm-nav button.on{background:var(--raised);color:#fff;box-shadow:inset 2px 0 0 var(--accent)}html:root .adm-nav button.on em{color:var(--accent)}html:root .adm-top{background:rgba(8,13,25,.84);border-bottom-color:var(--line)}html:root .adm .adm-search input{border-radius:12px;background:#0b1222}html:root .adm-head{border-bottom-color:var(--line)}html:root .adm-head h1{font-size:clamp(34px,4vw,52px)}html:root .adm-period{padding:4px;border-radius:14px;background:#0b1222}html:root .adm-period button{border-radius:10px}html:root .adm-period button.on{background:var(--raised);color:#fff;box-shadow:inset 0 -2px 0 var(--accent)}html:root .adm-role{border-radius:12px;background:var(--surface)}html:root .adm-role.on{border-color:var(--line2);box-shadow:inset 0 -2px 0 var(--accent)} html:root .ico.g{color:var(--gold)}html:root .ico.c{color:var(--accent)}html:root .ico.v{color:var(--violet)}html:root .ico.p{color:#ff7fb0}html:root .ico.o{color:#ff9f5a}html:root .ico.r{color:#ff7a7a}html:root .ico.n{color:var(--green)}html:root .ico.m{color:var(--muted)}html:root :is(.btn.primary,.btn.gold,.btn.green,.btn.violet,.lobby-go) .ico{color:inherit}html:root :is(.btn.primary,.btn.gold,.btn.green,.btn.violet,.lobby-go) .ico .hl{fill:currentColor}html:root .ico .hl{fill:var(--accent);stroke:none}html:root .ico .fl{fill:currentColor;stroke:none}html:root .dropdown .n .ico{width:20px;height:20px;vertical-align:middle}html:root .dropdown .n>.ico-wrap,html:root .dropdown .n>b>.ico-wrap{margin-right:10px;vertical-align:-5px}html:root .dropdown .n:not([style]):not(.on) .ico{color:var(--muted)}html:root .dropdown .n:hover .ico{color:var(--text)}html:root .iconbtn .ico{width:20px;height:20px}html:root .tabbar a b .ico{width:23px;height:23px}html:root .tabbar .fab b .ico{width:30px;height:30px}html:root .tabbar .fab .ico .hl{fill:currentColor}html:root .happy-chip .ico{color:var(--gold)} html:root .modal{border-radius:20px;background:rgba(13,20,34,.94);box-shadow:var(--lit),0 30px 70px -24px #000}html:root .modal-bg{background:rgba(4,7,14,.76)}html:root .toast{border-radius:12px;box-shadow:var(--lit),0 12px 26px -12px #000}html:root .foot{border-top:1px solid var(--line)} @media (max-width:860px){html:root .hero{min-height:0}html:root .hero h1{font-size:clamp(50px,14vw,72px)}html:root .page-head h1{font-size:clamp(42px,13vw,60px)}html:root .pf-name h1{font-size:clamp(32px,10vw,44px)}html:root .stat b{font-size:32px}html:root .hero .stage{height:300px}html:root .hero-pk3d{width:170px;height:265px}html:root .rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}html:root .rewards .rw{padding:14px}html:root .rewards .rw + .rw{border-left:0}html:root .rewards .rw:nth-child(even){border-left:1px solid var(--line)}html:root .rewards .rw:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:560px){ html:root .listings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html:root .li{flex-wrap:wrap}html:root .li>.grow{flex:1 1 60%;min-width:0}}@media (prefers-reduced-motion:reduce){html:root .hero-pk3d .pk3d{animation:none}html:root .btn{transition:none}} .nb{position:absolute;inset:0;container-type:inline-size;border-radius:inherit;overflow:hidden;display:grid;place-items:center}.nb-in{position:relative;z-index:10;display:grid;justify-items:center;gap:4cqw}.nb-mark{width:30cqw;height:30cqw}.nb-mark svg{width:100%;height:100%}.nb-mark .yatta-emblem *{animation:none !important}.nb-mark .yatta-emblem>rect{stroke:rgba(255,255,255,.55);stroke-width:1.2}.nb-word{font:800 17cqw/1 var(--display);letter-spacing:.04em}.nb-word i{font-style:normal}.nb-pill{font:800 4.6cqw var(--body);letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:1.4cqw 4cqw;border-radius:99px;background:rgba(0,0,0,.25)}.nb{background:radial-gradient(90% 70% at 50% 35%,var(--c2),var(--c) 40%,var(--c3) 72%,var(--ink) 100%);box-shadow:inset 0 0 0 1.4cqw var(--ink),inset 0 0 0 2.2cqw var(--c2),0 0 12cqw color-mix(in srgb,var(--c) 45%,transparent)}.nb-panel{position:absolute;inset:5cqw;border-radius:4cqw;overflow:hidden;border:.6cqw solid rgba(255,255,255,.45);background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 2cqw,transparent 2cqw 4cqw)}.nb-panel::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(color-mix(in srgb,var(--ink) 70%,transparent),transparent 18% 70%,color-mix(in srgb,var(--ink) 85%,transparent) 100%)}.nb-panel>*{z-index:2}@keyframes nb-turn{to{rotate:360deg}}.nb-corner{position:absolute;width:9cqw;height:9cqw;filter:drop-shadow(0 .6cqw .8cqw rgba(0,0,0,.5))}.nb-corner.tl{top:3cqw;left:3cqw}.nb-corner.tr{top:3cqw;right:3cqw}.nb-corner.bl{bottom:3cqw;left:3cqw}.nb-corner.br{bottom:3cqw;right:3cqw}.nb-core{position:relative;width:30cqw;height:30cqw;display:grid;place-items:center}.nb-core>svg,.nb-core>i{position:absolute}.nb .nb-mark{position:relative;filter:drop-shadow(0 0 3cqw color-mix(in srgb,var(--c2) 70%,transparent)) drop-shadow(0 2cqw 3cqw rgba(0,0,0,.4))}.nb .nb-mark .yatta-emblem stop:first-child{stop-color:var(--c2)}.nb .nb-mark .yatta-emblem stop:last-child{stop-color:var(--c3)}.nb .nb-mark .yatta-back rect{fill:var(--ink)}.nb .nb-mark .yatta-star{fill:var(--c3)}.nb .nb-word{position:relative;z-index:3;color:#fff;text-shadow:0 .6cqw 0 var(--ink),0 1cqw 3cqw rgba(0,0,0,.4)}.nb .nb-word i{color:var(--ink);text-shadow:none} .nb-cross{width:17cqw;height:70cqw;left:50%;top:50%;translate:-50% -50%;filter:drop-shadow(0 1cqw 1.2cqw rgba(0,0,0,.45))}.nb-cross.a{rotate:45deg}.nb-cross.b{rotate:-45deg} .nb-orb{inset:-12cqw;width:calc(100% + 24cqw);height:calc(100% + 24cqw);overflow:visible}.nb-orb .glow{fill:color-mix(in srgb,var(--orb) 25%,transparent)}.nb-orb .swirl{fill:none;stroke:var(--orb);stroke-width:2.6;stroke-linecap:round;opacity:.8;transform-origin:50% 50%;animation:nb-turn 2.4s linear infinite}.nb-orb .swirl.inner{stroke:color-mix(in srgb,var(--orb) 60%,var(--c2));stroke-width:2;animation-duration:1.5s;animation-direction:reverse} .nb-aura{inset:-16cqw;width:calc(100% + 32cqw);height:calc(100% + 32cqw);overflow:visible}.nb-aura path{transform-origin:50% 50%}.nb-aura .o{fill:color-mix(in srgb,var(--aura) 55%,transparent);animation:nb-aura 1.2s ease-in-out infinite alternate,nb-turn 14s linear infinite}.nb-aura .i{fill:color-mix(in srgb,var(--aura2) 75%,transparent);animation:nb-aura .9s ease-in-out infinite alternate-reverse,nb-turn 10s linear infinite reverse}@keyframes nb-aura{to{scale:1.08}} .nb-band{position:relative;width:100cqw;display:grid;place-items:center;padding:1.4cqw 0;background:linear-gradient(color-mix(in srgb,var(--ink) 80%,#fff 8%),var(--ink));box-shadow:0 1cqw 2cqw rgba(0,0,0,.4)}.nb .nb-pill{border-radius:1.6cqw;padding:1.6cqw 6cqw;letter-spacing:.3em}.nb .nb-pill.steel,.t-naruto .nb-pill{color:#3a3f48;text-shadow:0 .25cqw 0 rgba(255,255,255,.7);background:radial-gradient(circle at 5% 30%,#5b6270 0 .7cqw,transparent .8cqw),radial-gradient(circle at 95% 30%,#5b6270 0 .7cqw,transparent .8cqw),radial-gradient(circle at 5% 70%,#5b6270 0 .7cqw,transparent .8cqw),radial-gradient(circle at 95% 70%,#5b6270 0 .7cqw,transparent .8cqw),linear-gradient(160deg,#f4f6f9,#b3b9c3 45%,#e6e9ed 60%,#8d94a0);box-shadow:inset 0 0 0 .35cqw rgba(255,255,255,.6),0 .5cqw 1cqw rgba(0,0,0,.5)} .t-naruto{--c:#ff7a1a;--c2:#ffa14d;--c3:#b8410b;--ink:#17110f;--orb:#fff4e0}.nb-spiral{position:absolute;left:50%;top:40%;width:150%;translate:-50% -50%;fill:none;stroke:rgba(255,255,255,.12);stroke-width:2.4;stroke-linecap:round;animation:nb-turn 60s linear infinite}.nb-flames{position:absolute;left:0;right:0;bottom:0;width:100%;height:26%}.nb-flames path{transform-origin:50% 100%}.nb-flames .f1{fill:#ff4d12;opacity:.55;animation:nb-lick 1.6s ease-in-out infinite alternate}.nb-flames .f2{fill:#17110f;animation:nb-lick 2.1s ease-in-out infinite alternate-reverse}@keyframes nb-lick{to{transform:scaleY(1.15) skewX(-4deg)}}.t-naruto .nb-corner{animation:nb-turn 8s linear infinite} .t-onepiece{--c:#d7262b;--c2:#ff6f5e;--c3:#8a1015;--ink:#1a0b0b}.nb-compass{position:absolute;left:50%;top:40%;width:130%;translate:-50% -50%;fill:none;stroke:rgba(255,236,200,.16);stroke-width:.8;animation:nb-turn 90s linear infinite}.nb-waves{position:absolute;left:0;bottom:0;width:200%;height:22%;animation:nb-sea 6s linear infinite}.nb-waves .w1{fill:#2b7bd6;opacity:.7}.nb-waves .w2{fill:#0f3f8a}@keyframes nb-sea{to{translate:-50% 0}}.t-onepiece .nb-corner{width:10cqw;height:10cqw}.nb-sun{inset:-22cqw;border-radius:50%;background:repeating-conic-gradient(rgba(255,230,160,.35) 0 8deg,transparent 8deg 20deg);mask:radial-gradient(circle,#000 25%,transparent 70%);animation:nb-turn 30s linear infinite}.nb-hat{position:absolute;width:46cqw;height:28cqw;left:50%;top:-13cqw;translate:-50% 0;rotate:-10deg;z-index:2;filter:drop-shadow(0 1.4cqw 1.4cqw rgba(0,0,0,.45))}.t-onepiece .nb-band{background:linear-gradient(#5a3a1c,#3a2410)}.t-onepiece .nb-pill{color:#3a2410;font-family:Georgia,serif;font-weight:900;background:linear-gradient(#f6e7c1,#e2c98f);box-shadow:inset 0 0 0 .4cqw #a8803f,0 .5cqw 1cqw rgba(0,0,0,.5)} .t-dragonball{--c:#ff9d0a;--c2:#ffd34d;--c3:#c45a00;--ink:#241000;--aura:#ffe066;--aura2:#fff6c4}.nb-speed{position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg at 50% 45%,rgba(255,255,255,.14) 0 2deg,transparent 2deg 9deg);animation:nb-turn 40s linear infinite}.t-dragonball .nb-corner{width:10cqw;height:10cqw;animation:nb-float 3s ease-in-out infinite alternate}.t-dragonball .nb-corner.tr,.t-dragonball .nb-corner.bl{animation-delay:-1.5s}@keyframes nb-float{to{translate:0 -1.5cqw}}.t-dragonball .nb-band{background:linear-gradient(#2a54c9,#142e80)}.t-dragonball .nb-pill{color:#fff;background:linear-gradient(#ffb43a,#f06a00);box-shadow:inset 0 .5cqw 0 rgba(255,255,255,.35),0 .5cqw 1cqw rgba(0,0,0,.5);text-shadow:0 .3cqw 0 rgba(0,0,0,.3)} .t-demonslayer{--c:#1f9a6a;--c2:#55d6a0;--c3:#0c4d36;--ink:#0a100d;--orb:#8fd8ff}.nb-checker{position:absolute;inset:0;opacity:.35;background:conic-gradient(#0a100d 0 25%,transparent 0 50%,#0a100d 0 75%,transparent 0) 0 0 / 16cqw 16cqw}.t-demonslayer .nb-corner{width:16cqw;height:24cqw;top:-1cqw;animation:nb-sway 4s ease-in-out infinite alternate;transform-origin:50% 0}@keyframes nb-sway{from{rotate:-4deg}to{rotate:4deg}}.t-demonslayer .nb-band{background:linear-gradient(#1a1a1a,#050505)}.t-demonslayer .nb-pill{color:#f2efe6;letter-spacing:.18em;background:repeating-linear-gradient(90deg,#1f9a6a 0 3cqw,#0a100d 3cqw 6cqw);box-shadow:inset 0 0 0 .4cqw #e8e2d0,0 .5cqw 1cqw rgba(0,0,0,.5);text-shadow:0 0 1cqw #000,0 0 .4cqw #000} .t-jjk{--c:#6a3df0;--c2:#a88bff;--c3:#2f1590;--ink:#0a0718;--aura:#3a1fa8;--aura2:#8f6bff}.nb-domain{position:absolute;left:50%;top:40%;width:130%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 4cqw,rgba(200,180,255,.1) 4cqw 4.5cqw)}.nb-tali{position:absolute;top:-2cqw;width:8cqw;height:28cqw;transform-origin:50% 0;animation:nb-sway 3s ease-in-out infinite alternate;filter:drop-shadow(0 .8cqw 1cqw rgba(0,0,0,.5))}.nb-tali.t1{left:8cqw}.nb-tali.t2{left:40cqw;height:20cqw;animation-delay:-1s}.nb-tali.t3{right:8cqw;animation-delay:-2s}.t-jjk .nb-corner{width:11cqw;height:11cqw;animation:nb-turn 12s linear infinite}.nb-ring{inset:-14cqw;width:calc(100% + 28cqw);height:calc(100% + 28cqw);fill:none;stroke:#d8c8ff;stroke-width:1;stroke-dasharray:1 3;animation:nb-turn 20s linear infinite}.nb-ring .d{stroke-dasharray:6 4;stroke:#a88bff}.t-jjk .nb-band{background:linear-gradient(#1b1840,#0a0718)}.t-jjk .nb-pill{color:#f1e7c4;background:#120d2a;box-shadow:inset 0 0 0 .4cqw #d9b45a,0 0 3cqw rgba(140,100,255,.6)} .t-aot{--c:#8a6b3e;--c2:#c9a46a;--c3:#4b3a20;--ink:#14120d}.nb-sky{position:absolute;inset:0;background:radial-gradient(60% 30% at 70% 20%,rgba(255,220,170,.25),transparent),linear-gradient(rgba(60,50,40,.3),transparent 50%)}.nb-wall{position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(#6f6a60,#3f3b34) padding-box,repeating-linear-gradient(transparent 0 5.6cqw,#2a2620 5.6cqw 6.2cqw);background-blend-mode:multiply;mask:linear-gradient(transparent,#000 12%)}.nb-wall::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 5.6cqw,rgba(20,18,13,.7) 5.6cqw 6.2cqw),repeating-linear-gradient(90deg,transparent 0 11cqw,rgba(20,18,13,.6) 11cqw 11.6cqw)}.t-aot .nb-corner{animation:nb-turn 10s linear infinite}.t-aot .nb-corner.tr,.t-aot .nb-corner.bl{animation-direction:reverse}.nb-biggear{inset:-14cqw;width:calc(100% + 28cqw);height:calc(100% + 28cqw);opacity:.55;animation:nb-turn 24s linear infinite}.t-aot .nb-band{background:linear-gradient(#3d5a33,#213520)}.t-aot .nb-pill{color:#f1e6cf;background:linear-gradient(#8a6b3e,#5e4625);box-shadow:inset 0 0 0 .3cqw #c9a46a,inset 0 0 0 .8cqw #5e4625,inset 0 0 0 1cqw rgba(241,230,207,.5),0 .5cqw 1cqw rgba(0,0,0,.5)} .nb-fl{position:absolute;left:var(--x);top:var(--y);width:calc(7cqw * var(--s));height:calc(7cqw * var(--s));rotate:var(--r);opacity:.75;color:var(--fl,#fff);animation-duration:var(--d);animation-delay:var(--dl);animation-iteration-count:infinite}.nb-fl.fall{top:-12cqw;animation-name:nb-fall;animation-timing-function:linear}@keyframes nb-fall{to{translate:8cqw 175cqw;rotate:calc(var(--r) + 240deg)}}.nb-fl.float{animation-name:nb-floaty;animation-timing-function:ease-in-out;animation-direction:alternate}@keyframes nb-floaty{to{translate:3cqw -4cqw;rotate:calc(var(--r) + 25deg)}}.nb-fl.pulse{animation-name:nb-pulse;animation-timing-function:ease-in-out;animation-direction:alternate}@keyframes nb-pulse{from{scale:.8;opacity:.3}to{scale:1.15;opacity:.9}}.nb-corner{color:var(--corner,#fff)}.nb-cross{color:var(--blade,#dfe6f0)}.nb-cross.b{color:var(--blade2,var(--blade,#dfe6f0))}.nb-pat{position:absolute;inset:0;width:100%;height:100%;opacity:var(--pat,.14)}.nb-rings{position:absolute;inset:-16cqw;width:calc(100% + 32cqw);height:calc(100% + 32cqw);overflow:visible;fill:none;stroke:var(--ring,#fff);stroke-width:1.2;filter:drop-shadow(0 0 1.4cqw var(--ring,#fff))}.nb-rings .r1,.nb-rings .r2,.nb-rings .r3,.nb-rings circle[class]{transform-origin:50% 50%}.nb-rings .r1{animation:nb-turn 22s linear infinite}.nb-rings .r2{animation:nb-turn 15s linear infinite reverse}.nb-rings .r3{animation:nb-turn 10s linear infinite}.nb-rings.nb-bg{inset:auto;left:50%;top:42%;width:150%;height:auto;aspect-ratio:1;translate:-50% -50%;opacity:.2;filter:none}.nb-rings.shock circle{stroke-width:2.4;animation:nb-shock 1.8s ease-out infinite}.nb-rings.shock .s2{animation-delay:-.6s}.nb-rings.shock .s3{animation-delay:-1.2s}@keyframes nb-shock{from{scale:.7;opacity:1}to{scale:1.65;opacity:0}}.nb-rings.sparks{stroke-width:2.4;stroke-linejoin:bevel}.nb-rings.sparks .r1{animation:nb-turn 9s linear infinite,nb-zap 1.4s steps(1) infinite}@keyframes nb-zap{0%,100%{opacity:1}10%{opacity:.2}14%{opacity:1}55%{opacity:.55}60%{opacity:1}}.nb-rings.tentacles{stroke-width:7;stroke-linecap:round}.nb-rings.tentacles .r1{animation:nb-sway 3s ease-in-out infinite alternate}.nb-ball{position:absolute;inset:-10cqw;width:calc(100% + 20cqw);height:calc(100% + 20cqw);animation:nb-turn 9s linear infinite;filter:drop-shadow(0 1.5cqw 2cqw rgba(0,0,0,.5))}.nb-apple{position:absolute;width:15cqw;height:15cqw;right:-9cqw;bottom:-5cqw;rotate:15deg;z-index:2;filter:drop-shadow(0 1cqw 1.2cqw rgba(0,0,0,.5))}.nb-halftone{position:absolute;inset:0;background:radial-gradient(circle,rgba(0,0,0,.28) 30%,transparent 33%) 0 0 / 3cqw 3cqw;mask:linear-gradient(135deg,#000,transparent 55%)}.nb-blood{position:absolute;inset:0;background:radial-gradient(12cqw 9cqw at 18% 22%,rgba(110,0,0,.55),transparent 70%),radial-gradient(8cqw 7cqw at 26% 30%,rgba(110,0,0,.5),transparent 70%),radial-gradient(14cqw 10cqw at 80% 78%,rgba(110,0,0,.55),transparent 70%),radial-gradient(5cqw 5cqw at 70% 68%,rgba(110,0,0,.5),transparent 70%)}.nb-net{position:absolute;left:0;right:0;top:0;height:34%;border-bottom:1.6cqw solid #f2f2f2;box-shadow:0 1cqw 2cqw rgba(0,0,0,.35);background:repeating-linear-gradient(0deg,rgba(255,255,255,.28) 0 .3cqw,transparent .3cqw 4cqw),repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 .3cqw,transparent .3cqw 4cqw)}.nb-notebook{position:absolute;inset:0;background:linear-gradient(90deg,transparent 12cqw,rgba(220,40,60,.45) 12cqw 12.5cqw,transparent 12.5cqw),repeating-linear-gradient(transparent 0 5.6cqw,rgba(255,255,255,.13) 5.6cqw 6cqw)}.nb-scan{position:absolute;inset:0;background:linear-gradient(transparent 46%,rgba(120,180,255,.35) 50%,transparent 54%) 0 0 / 100% 200%,repeating-linear-gradient(transparent 0 1cqw,rgba(120,170,255,.08) 1cqw 1.3cqw);animation:nb-scanbar 4s linear infinite}@keyframes nb-scanbar{to{background-position:0 200%,0 0}}.nb-const{position:absolute;inset:0;width:100%;height:100%;fill:#ffe39a}.nb-const path{fill:none;stroke:rgba(255,230,170,.5);stroke-width:.5}.nb-pitch{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.3);stroke-width:.7} .t-jojo{--c:#b0186f;--c2:#ff5fb6;--c3:#560a36;--ink:#14050f;--aura:#7a2cff;--aura2:#d39bff;--fl:#c69bff;--corner:#ffd23f}.t-jojo .nb-fl{rotate:-12deg;width:calc(12cqw * var(--s));height:calc(12cqw * var(--s))}.t-jojo .nb-band{background:linear-gradient(#2a1a05,#120a02)}.t-jojo .nb-pill{color:#1a0612;background:linear-gradient(#ffe27a,#d9a441);box-shadow:inset 0 0 0 .4cqw #8f6418,0 .5cqw 1cqw rgba(0,0,0,.5)} .t-mha{--c:#2e9e5b;--c2:#86e3a8;--c3:#145a33;--ink:#0b1a12;--ring:#b8ffd0;--corner:#c8ffd8}.t-mha .nb-band{background:linear-gradient(#d0242c,#8a1018)}.t-mha .nb-pill{color:#111;background:#ffd23f;box-shadow:inset 0 0 0 .4cqw #111,0 .5cqw 1cqw rgba(0,0,0,.5)} .t-hxh{--c:#2f8a3a;--c2:#9be08a;--c3:#164a1c;--ink:#0a120a;--aura:#d8ffc8;--aura2:#ffffff;--corner:#111;--pat:.1}.t-hxh .nb-pill{color:#ffe39a;background:#111;box-shadow:inset 0 0 0 .35cqw #d9a441,0 .5cqw 1cqw rgba(0,0,0,.5)} .t-csm{--c:#e2541c;--c2:#ff9d5c;--c3:#7a1a06;--ink:#120604}.t-csm .nb-fl{opacity:.5}.t-csm .nb-band{background:repeating-linear-gradient(45deg,#f2c200 0 3cqw,#111 3cqw 6cqw)}.t-csm .nb-pill{color:#ff8a3c;background:#111;box-shadow:0 .5cqw 1cqw rgba(0,0,0,.6)} .t-haikyu{--c:#f07a1a;--c2:#ffb36b;--c3:#7a3200;--ink:#0d0d0f;--fl:#111}.t-haikyu .nb-band{background:linear-gradient(#1b1b1e,#050505);box-shadow:inset 0 .4cqw 0 #f07a1a,inset 0 -.4cqw 0 #f07a1a}.t-haikyu .nb-pill{color:#fff;background:#f07a1a;box-shadow:0 .5cqw 1cqw rgba(0,0,0,.5)} .t-bleach{--c:#3a3a46;--c2:#d9dce6;--c3:#15151b;--ink:#050507;--aura:#2f8fff;--aura2:#c9e6ff;--fl:#140b1e}.t-bleach .nb-fl{width:calc(10cqw * var(--s));height:calc(10cqw * var(--s));opacity:.95;filter:drop-shadow(0 0 1cqw #b07cff)}.t-deathnote .nb-fl{opacity:.9;filter:drop-shadow(0 0 .8cqw rgba(255,255,255,.45))}.t-bleach .nb-pill{color:#111;background:#f2f2f2;box-shadow:inset 0 0 0 .4cqw #111,0 .5cqw 1cqw rgba(0,0,0,.5)} .t-fma{--c:#b3261e;--c2:#ff7a6b;--c3:#5a0f0b;--ink:#120606;--ring:#8fdcff;--corner:#ffd77a}.t-fma .nb-bg{stroke:#ffd77a}.t-fma .nb-band{background:linear-gradient(#3a0d0a,#1a0504)}.t-fma .nb-pill{color:#3a3f48;text-shadow:0 .25cqw 0 rgba(255,255,255,.7);background:linear-gradient(160deg,#f4f6f9,#b3b9c3 45%,#e6e9ed 60%,#8d94a0);box-shadow:inset 0 0 0 .35cqw rgba(255,255,255,.6),0 .5cqw 1cqw rgba(0,0,0,.5)} .t-deathnote{--c:#2b2b33;--c2:#9a9aa6;--c3:#121216;--ink:#000;--fl:#050505}.t-deathnote .nb-pill{color:#111;font-family:Georgia,'Times New Roman',serif;font-style:italic;background:#f2f2f2;box-shadow:0 .5cqw 1cqw rgba(0,0,0,.6)} .t-tokyoghoul{--c:#8b0f1d;--c2:#ff4a5a;--c3:#3a050b;--ink:#0a0204;--fl:#e01a2c;--ring:#ff2a3a}.t-tokyoghoul .nb-rings.tentacles{inset:-24cqw;width:calc(100% + 48cqw);height:calc(100% + 48cqw);stroke-width:6;filter:drop-shadow(0 0 2cqw #ff2a3a)}.t-tokyoghoul .nb-pill{color:#ff3a4a;background:#0b0b0b;box-shadow:inset 0 0 0 .3cqw #2a2a2a,inset 0 0 0 .7cqw #0b0b0b,inset 0 0 0 1cqw rgba(255,255,255,.25),0 .5cqw 1cqw rgba(0,0,0,.6)} .t-blackclover{--c:#2c3a2a;--c2:#8fd98a;--c3:#12201a;--ink:#050805;--aura:#050505;--aura2:#1e2a1e;--fl:#3fae4a;--corner:#ffd23f;--blade:#2a2a2e}.t-blackclover .nb-pill{color:#ffd23f;background:#0b0b0b;box-shadow:inset 0 0 0 .35cqw #d9a441,0 .5cqw 1cqw rgba(0,0,0,.5)} .t-eva{--c:#6b2fa8;--c2:#b98cff;--c3:#2d0f4a;--ink:#0a0414;--ring:#ff8a1f;--corner:#a8e04a;--pat:.16}.t-eva .nb-band{background:repeating-linear-gradient(45deg,#ff8a1f 0 3cqw,#111 3cqw 6cqw)}.t-eva .nb-pill{color:#a8e04a;background:#111;box-shadow:0 .5cqw 1cqw rgba(0,0,0,.6)} .t-codegeass{--c:#4b2a7a;--c2:#b79bff;--c3:#1f0f3a;--ink:#08050f;--aura:#e0283a;--aura2:#ff8a95;--ring:#ffd77a;--corner:#ffd77a}.t-codegeass .nb-band{background:linear-gradient(#3a1f63,#1a0d30);box-shadow:inset 0 .4cqw 0 #d9a441,inset 0 -.4cqw 0 #d9a441}.t-codegeass .nb-pill{color:#1a0d30;background:linear-gradient(#ffe27a,#d9a441)} .t-opm{--c:#f2c200;--c2:#fff07a;--c3:#a87800;--ink:#1b1400;--ring:#fff}.t-opm .nb-band{background:linear-gradient(#d0242c,#8a1018)}.t-opm .nb-pill{color:#d0242c;background:#fff;box-shadow:0 .5cqw 1cqw rgba(0,0,0,.5)} .t-fairytail{--c:#c2185b;--c2:#ff7ab0;--c3:#620b30;--ink:#14040c;--aura:#ff8a1f;--aura2:#ffd27a;--fl:#ffd77a}.t-fairytail .nb-band{background:linear-gradient(#f1cf73,#b8892f)}.t-fairytail .nb-pill{color:#fff;background:#c2185b;box-shadow:0 .5cqw 1cqw rgba(0,0,0,.4)} .t-spy{--c:#2f4a3f;--c2:#8fc1a9;--c3:#13221c;--ink:#070c0a;--ring:#ff9ac0;--blade:#d9a441}.t-spy .nb-pill{color:#111;background:#f5f5f5;box-shadow:inset 0 0 0 .35cqw #111,0 .5cqw 1cqw rgba(0,0,0,.5)} .t-sololeveling{--c:#2a5cff;--c2:#8fb2ff;--c3:#0b1f7a;--ink:#03061a;--aura:#1b0f4a;--aura2:#6b4cff;--corner:#7fd4ff;--blade:#6b4cff;--pat:.12}:is(.t-sololeveling,.t-sao) .nb-corner{filter:drop-shadow(0 0 1cqw var(--corner))}:is(.t-sololeveling,.t-sao) .nb-corner.tr{rotate:90deg}:is(.t-sololeveling,.t-sao) .nb-corner.br{rotate:180deg}:is(.t-sololeveling,.t-sao) .nb-corner.bl{rotate:270deg}.t-sololeveling .nb-pill{color:#cfe6ff;background:#050a24;box-shadow:inset 0 0 0 .35cqw #7fd4ff,0 0 3cqw rgba(80,160,255,.6)} .t-frieren{--c:#4a8f8a;--c2:#d4f4ec;--c3:#1d4743;--ink:#081614;--ring:#ffe39a;--fl:#8fd0ff;--corner:#e6f4ff}.t-frieren .nb-band{background:linear-gradient(#f4f1e8,#cfc7b2)}.t-frieren .nb-pill{color:#1d4743;background:#fff;box-shadow:inset 0 0 0 .35cqw #d9a441,0 .5cqw 1cqw rgba(0,0,0,.3)} .t-sao{--c:#1f2a44;--c2:#6fb7ff;--c3:#0b1222;--ink:#04070f;--ring:#6fd8ff;--corner:#6fd8ff;--blade:#1b1b22;--blade2:#e8f0ff;--pat:.16}.t-sao .nb-pill{color:#6fd8ff;background:#05080f;box-shadow:inset 0 0 0 .35cqw #6fd8ff,0 .5cqw 1cqw rgba(0,0,0,.5)} .t-bluelock{--c:#1a56db;--c2:#6ea8ff;--c3:#0a2a7a;--ink:#030a1f;--aura:#3a8bff;--aura2:#bfe0ff}.t-bluelock .nb-pill{color:#fff;background:#1a56db;box-shadow:inset 0 0 0 .35cqw #bfe0ff,0 .5cqw 1cqw rgba(0,0,0,.5)} .t-fate{--c:#1f3a8a;--c2:#ffd77a;--c3:#0d1b47;--ink:#050a1c;--ring:#ffd77a;--blade:#eef2fb}.t-fate .nb-pill{color:#0d1b47;background:linear-gradient(#ffe9a8,#d9a441);box-shadow:0 .5cqw 1cqw rgba(0,0,0,.5)}@media (prefers-reduced-motion:reduce){.nb *{animation:none !important}}.lite .nb *{animation:none !important} .adm-mode .top,.adm-mode .tabbar,.adm-mode .foot{display:none !important}.adm-mode .page{padding:0 !important;max-width:none !important;margin:0 !important} html.adm-mode body,html.adm-mode body *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.adm{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh;color:var(--text);font-family:var(--body)} .adm-side{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:22px 18px;gap:6px;background:linear-gradient(180deg,rgba(10,20,40,.92),rgba(6,12,26,.94));border-right:1px solid var(--line2);color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30}.adm-brand{display:flex;align-items:center;gap:12px;padding:0 8px 18px;color:var(--text)}.adm-brand b i{font-style:normal;color:var(--accent)}.adm-brand b{font:800 24px/1 var(--display);letter-spacing:.04em}.adm-logo{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:var(--on-accent);font:800 20px var(--display);box-shadow:var(--glow)}.adm-me{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:10px;border:1px solid var(--line2);border-radius:12px;background:var(--surface2)}.adm-me .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}.adm-me b{display:block;font-size:15px}.adm-me span{font-size:13px;color:var(--accent)}.adm-label{padding:10px 8px;font-size:13px;color:var(--faint);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:11.5px;border-bottom:1px solid var(--line);margin-bottom:6px}.adm-nav{display:grid;gap:2px}.adm-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 10px;border:0;border-radius:8px;background:none;color:var(--muted);font:600 15px var(--body);text-align:left;cursor:pointer;transition:background .15s}.adm-nav button i{width:22px;text-align:center;font-style:normal;flex:none}.adm-nav button span{flex:1}.adm-nav button em{font-style:normal;opacity:.55;transition:transform .15s,opacity .15s}.adm-nav button:hover{background:var(--surface2);color:var(--text)}.adm-nav button:hover em{transform:translateX(3px);opacity:.9}.adm-nav button.on{background:var(--grad);color:var(--on-accent);box-shadow:var(--glow)}.adm-nav button.on em{opacity:1}.adm-back{margin-top:auto;padding:14px 10px 0;color:var(--muted);font-weight:600;font-size:14px}.adm-back:hover{color:var(--accent)} .adm-veil{display:none} .adm-main{min-width:0;display:flex;flex-direction:column}.adm-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;height:70px;padding:0 28px;background:rgba(8,13,24,.66);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.adm-burger{display:none;width:40px;height:40px;border:0;border-radius:8px;background:none;color:var(--text);font-size:22px;cursor:pointer}.adm-search{flex:1;max-width:520px}.adm .adm-search input{width:100%;height:42px;padding:0 14px;border-radius:6px;border:1px solid var(--line2);background:rgba(5,9,18,.55);font-size:14px}.adm-online{margin-left:auto;font-weight:700;font-size:14px;color:var(--muted);white-space:nowrap}.adm-avatar .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.adm-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:26px 32px 0;padding-bottom:16px;border-bottom:1px solid var(--line2)}.adm-head h1{font:800 clamp(30px,3.4vw,42px)/1 var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--text)}.adm-crumbs{display:flex;gap:0;margin-left:auto}.adm-crumbs a{padding:0 12px;color:var(--muted);font-size:15px;border-left:1px solid var(--line2)}.adm-crumbs a:first-child{border-left:0}.adm-crumbs a:hover{color:var(--accent)}#av{padding:22px 32px 48px}.adm h3{font:700 17px var(--body)}.adm .stat-tiles{margin-bottom:22px} .adm-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.adm-period{display:flex;background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:4px}.adm-period button{border:0;background:none;padding:8px 16px;border-radius:9px;font:600 14px var(--body);color:var(--muted);cursor:pointer}.adm-period button.on{background:var(--grad);color:var(--on-accent);box-shadow:var(--glow)}.adm-toolbar .btn{margin-left:auto}.adm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:28px 10px !important;margin-bottom:22px}.adm-kpi{display:flex;align-items:center;gap:12px;padding:0 22px;border-left:1px solid var(--line);min-width:0}.adm-kpi:first-child{border-left:0}.adm-kpi>div{min-width:0}.adm-kpi b{display:block;font:800 40px/1 var(--display);color:var(--text)}.adm-kpi span{display:block;font:700 17px var(--body);margin-top:2px}.adm-kpi small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.adm-kpi small .up{color:var(--green);font-weight:700}.adm-kpi small .down{color:#e5484d;font-weight:700}.adm-spark{width:42%;min-width:90px;height:46px;flex:none;margin-left:auto}.adm-note{grid-column:1 / -1;margin:18px 22px 0;font-size:13px;color:var(--muted)}.adm-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px;margin-bottom:22px}.adm-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.adm-ph{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.adm-ph p{margin-top:4px}.adm-mini .adm-ph b{font:800 28px/1 var(--display);color:var(--text)}.adm-legend{display:flex;gap:16px;flex-wrap:wrap;font-weight:600;font-size:14px;margin-bottom:8px}.adm-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}.adm-area{position:relative}.adm-area svg{width:100%;height:auto;display:block;overflow:visible}.adm-area text,.adm-radar text{fill:var(--muted);font:600 11px var(--body)}.adm-area .g{stroke:rgba(255,255,255,.07)}.adm-area .pt{fill:#0c1220}.adm-area .guide{stroke:rgba(255,255,255,.3);stroke-dasharray:3 3}.adm-tip{position:absolute;top:8px;transform:translateX(-50%);pointer-events:none;opacity:0;transition:opacity .12s;padding:8px 10px;border-radius:8px;background:rgba(8,13,24,.94);border:1px solid var(--line2);color:var(--text);font-size:12.5px;display:grid;gap:2px;white-space:nowrap;box-shadow:0 8px 20px rgba(20,30,60,.25)}.adm-tip.on{opacity:1}.adm-tip i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.adm-radar{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible}.adm-radar .ring{fill:none;stroke:rgba(255,255,255,.1)}.adm-bars{width:100%;height:110px;display:block;margin-top:10px} @media (max-width:1100px){.adm-kpis{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.adm-kpi:nth-child(3){border-left:0}.adm-row,.adm-row.three{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.adm{grid-template-columns:minmax(0,1fr)}.adm-side{position:fixed;left:0;top:0;bottom:0;width:min(290px,84vw);transform:translateX(-102%);transition:transform .25s var(--ease);box-shadow:0 0 40px rgba(0,0,0,.3)}.adm.open .adm-side{transform:none}.adm-veil{display:block;position:fixed;inset:0;z-index:25;background:rgba(2,5,14,.6);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.adm.open .adm-veil{opacity:1;visibility:visible}.adm-burger{display:block}.adm-top{padding:0 14px;gap:10px;height:62px}.adm-online{display:none}.adm-head{margin:18px 16px 0}.adm-crumbs{margin-left:0}.adm-crumbs a:first-child{padding-left:0}#av{padding:18px 16px 40px}}@media (max-width:560px){.adm-kpis{grid-template-columns:minmax(0,1fr);padding:18px 4px !important}.adm-kpi{border-left:0;border-top:1px solid var(--line);padding:16px}.adm-kpi:first-child{border-top:0}.adm-head h1{font-size:24px}} .adm-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.adm-role{display:grid;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--surface2);color:inherit;font:inherit;cursor:pointer}.adm-role span{font-size:12px;color:var(--muted)}.adm-role.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.adm-role:disabled{opacity:.5;cursor:not-allowed}.adm-role:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill.adm-staff{background:rgba(80,140,255,.16);color:#6a9bff;border-color:rgba(80,140,255,.35)}.adm-logf{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.adm-logf .field{min-width:140px}.adm-logf input,.adm-logf select{height:44px;box-sizing:border-box}.adm-logf .grow{flex:1 1 220px}.adm-logrow .pill{font-size:11px}@media (max-width:560px){.adm-roles{grid-template-columns:minmax(0,1fr)}.adm-logf .field{flex:1 1 calc(50% - 10px);min-width:0}} .ph-seg,.cb-bar{display:none}.rc-body{display:contents} html{touch-action:manipulation}html:has(body.in-match){overscroll-behavior:none}@media (display-mode:standalone){html{overscroll-behavior-y:none}}@media (orientation:landscape) and (max-width:1023px){.page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.arena-match:not(.replay) .bt{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (max-width:1023px){.top{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}#toasts{top:calc(64px + env(safe-area-inset-top))}.chat{height:min(540px,calc(100dvh - 170px))} body:has(input:not([type="checkbox"],[type="radio"],[type="range"]):focus,textarea:focus) .tabbar{display:none}.chat:has(input:focus){bottom:8px;height:min(540px,calc(100dvh - 78px - env(safe-area-inset-top)))}} .bubble .msg-report,.gd-msg .msg-report{float:none;opacity:.7}@media (hover:none){.msg-report{opacity:.7}}.install-bar{position:fixed;z-index:44;left:12px;right:12px;bottom:calc(96px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;max-width:520px;margin-inline:auto;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-solid);box-shadow:0 14px 34px -12px #000}.install-bar img{flex:none;border-radius:10px}.install-bar small{display:block;color:var(--muted);line-height:1.3}.install-bar .btn{flex:none;padding-inline:12px}.install-steps{margin:14px 0 0;padding-left:22px;display:grid;gap:8px}@media (min-width:1024px){.install-bar{bottom:20px}}@media (max-width:420px){.install-bar small{display:none}}@media (max-width:640px){ html:root .hero{padding:12px 16px 36px;gap:2px;border-radius:20px}html:root .hero .stage{height:186px}html:root .hero-pk3d{width:112px;height:175px}html:root .hero h1{font-size:34px;line-height:1;margin-top:4px}html:root .hero .eyebrow{font-size:11px}html:root .hero .lead{display:none}html:root .hero .cta{margin-top:12px;gap:8px}html:root .hero .cta .btn.xl{padding:14px 16px;font-size:16px}html:root .hero-link{font-size:13px;margin:0 auto}html:root .hero-meta{margin-top:8px;font-size:11.5px;justify-content:center;text-align:center}html:root .hero .claimed{padding:10px 12px}html:root .section{margin-top:22px}html:root .section-head{margin-bottom:10px}html:root .section-head .eyebrow,html:root .section-head>.muted{display:none}html:root .section-head h2{font-size:22px;margin-top:0 !important} html:root .rewards,html:root .feed,html:root .listings{display:flex;gap:10px;margin-inline:-12px;padding:2px 12px 8px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:12px;scrollbar-width:none;background:none;border:0;box-shadow:none}html:root .rewards::-webkit-scrollbar,html:root .feed::-webkit-scrollbar,html:root .listings::-webkit-scrollbar,.cb-scroll::-webkit-scrollbar,html:root .stat-tiles::-webkit-scrollbar,html:root .rc-head .chips::-webkit-scrollbar{display:none}html:root .rewards>*,html:root .feed>*,html:root .listings>*{scroll-snap-align:start}html:root .rewards .rw{flex:0 0 158px;padding:12px;border:1px solid var(--line) !important;border-radius:16px;background:var(--surface-solid);grid-template-columns:34px 1fr;column-gap:9px}html:root .rewards .rw.ready{border-color:color-mix(in srgb,var(--tc) 55%,transparent) !important}html:root .rewards .rw .rw-emo{width:34px;height:34px;font-size:20px}html:root .rewards .rw .rw-title{font-size:12.5px}html:root .rewards .rw .rw-avail{font-size:11.5px}html:root .rewards .rw.ready::after{right:8px;top:6px;font-size:16px}html:root .feed .pull{flex:0 0 248px}html:root .listings .listing{flex:0 0 132px} .ph-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:22px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface-solid)}.ph-seg button{padding:10px 6px;border:0;border-radius:10px;background:none;color:var(--muted);font:700 13.5px var(--body);cursor:pointer}.ph-seg button.on{color:var(--text);background:var(--raised);box-shadow:inset 0 -2px 0 var(--accent)}#ph-panels{margin-top:10px}#ph-panels[data-seg='missions']>.panel:nth-child(2),#ph-panels[data-seg='top']>.panel:nth-child(1){display:none}#ph-panels .panel{padding:12px}#ph-panels .section-head h3{display:none}#ph-panels .section-head{justify-content:flex-end;margin-bottom:8px} html:root .page-head:has(#recycle){margin-bottom:12px;gap:10px}html:root .page-head:has(#recycle) .eyebrow{display:none}html:root .page-head:has(#recycle) h1{font-size:34px}html:root #recycle{padding:12px 14px;font-size:14.5px}html:root .stat-tiles:has(.stat){display:flex;gap:8px;margin-inline:-12px;padding:0 12px 4px;overflow-x:auto;scrollbar-width:none}html:root .stat-tiles .stat{flex:0 0 auto;min-width:104px;padding:8px 12px;border-radius:12px}html:root .stat-tiles .stat small{font-size:10px;white-space:nowrap}html:root .stat-tiles .stat b{font-size:19px;white-space:nowrap}html:root .stat-tiles .stat .bar,html:root .stat-tiles .stat .tiny{display:none}html:root #vtabs{margin:12px 0 10px}html:root #vtabs button{padding:8px 12px;font-size:13px}.cb-bar{position:sticky;top:70px;z-index:20;display:flex;gap:8px;margin:0 -12px 8px;padding:8px 12px;background:var(--surface-solid);border-bottom:1px solid var(--line)}.cb-bar input{flex:1;min-width:0}.cb-bar .btn{position:relative;flex:none}.cb-bar .badge{position:absolute;top:-6px;right:-4px}.cb-bar .badge[hidden]{display:none}body:has(.cb-sheet:not([hidden])) .tabbar{display:none}.cb-scroll{flex-wrap:nowrap;margin:0 -12px 10px;padding:0 12px;overflow-x:auto;scrollbar-width:none}.cb-scroll .chip{flex:none;padding:6px 11px;font-size:12.5px}#seen-all{width:100%;margin-bottom:10px}html:root #grid.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}html:root #grid.cards .cap{display:none}  .cb-sheet{position:fixed;inset:0;z-index:105;display:flex;align-items:flex-end;background:rgba(3,6,12,.66);animation:k-fade .18s}.cb-sheet[hidden]{display:none}.cb-panel{width:100%;display:grid;gap:12px;padding:20px 16px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-top:1px solid var(--line2);background:var(--surface-solid);animation:ph-up .22s var(--ease)}.cb-panel label,.cb-label{display:grid;gap:6px;font:700 12.5px var(--body);color:var(--muted)}.cb-panel .btn{width:100%;justify-content:center}.cb-panel input,.cb-panel select{width:100%;max-width:none !important}@keyframes ph-up{from{transform:translateY(40px);opacity:0}} html:root .modal-bg:has(.rc-head){padding:0}html:root .modal:has(.rc-head){width:100vw !important;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--bg)}html:root .modal:has(.rc-head) .mbody{height:100%;display:flex;flex-direction:column;padding:0}html:root .modal:has(.rc-head) .x{top:8px;right:8px}html:root .rc-head{flex:none;gap:8px;padding:14px 12px 8px;border-bottom:1px solid var(--line)}html:root .rc-head h3{padding-right:44px;font-size:18px}html:root .rc-hint{margin-top:0 !important;font-size:12px}html:root .rc-hint span{display:none}html:root .rc-head .tabs{width:100%;margin:0}html:root .rc-head .tabs button{flex:1;justify-content:center;padding:8px;font-size:13px}html:root .rc-head .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}html:root .rc-head .chip{flex:none}html:root .rc-tools{min-height:0}html:root .rc-body{display:block;flex:1;min-height:0;overflow-y:auto;padding:10px 12px;-webkit-overflow-scrolling:touch}html:root .rc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:0}html:root .rc-grid .cap{margin-top:3px;font-size:11px}html:root .rc-grid .item .btn{margin-top:3px;padding:5px 2px;font-size:11.5px}html:root .rc-foot{position:static;flex:none;gap:8px;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}html:root .rc-foot [data-ok]{flex:1;justify-content:center;padding-block:13px;font-size:15px}}