@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./cinzel-latin-ext-wght-normal-CG36JvV6.woff2) format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./cinzel-latin-wght-normal-DMUuCU8H.woff2) format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");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{--font-display: "Cinzel Variable", "Cinzel", Georgia, serif;--font-ui: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gold: #f0b44c;--gold-2: #ffd98a;--gold-ink: #2a1a05;--magic: #8b6cff;--magic-2: #b9a6ff;--success: #3fbf7f;--danger: #ef5a5a;--energy: #f5c33b;--hp: #ef4f73;--xp: #7fd34e;--radius-s: 10px;--radius-m: 16px;--radius-l: 22px;--gutter: 16px;--nav-w: 232px;--portal: var(--magic);--topbar-h: 64px;--tabbar-h: 66px;--bg: #0d0e1c;--bg-2: #14152a;--surface: #191b31;--surface-2: #212440;--surface-3: #2b2f52;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--text: #eeedf7;--muted: #a3a5c3;--track: rgba(255, 255, 255, .1);--shadow-1: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px -8px rgba(0, 0, 0, .55);--shadow-2: 0 18px 50px -12px rgba(0, 0, 0, .7);--glass: rgba(25, 27, 49, .78);--glow-a: rgba(139, 108, 255, .22);--glow-b: rgba(240, 180, 76, .14);--glow-c: rgba(63, 191, 127, .1);color-scheme:dark}:root[data-theme=light]{--gold: #c7861b;--gold-2: #e9b453;--gold-ink: #fffaf0;--magic: #6a4fe0;--magic-2: #8f7af0;--success: #23935c;--danger: #cf3f3f;--energy: #d79a0c;--hp: #d93a62;--xp: #4f9f24;--bg: #f3ede1;--bg-2: #ebe2d0;--surface: #fffcf5;--surface-2: #f6efe2;--surface-3: #ebe0cb;--line: rgba(60, 40, 10, .12);--line-strong: rgba(60, 40, 10, .22);--text: #2b2233;--muted: #6d6476;--track: rgba(60, 40, 10, .1);--shadow-1: 0 1px 2px rgba(60, 40, 10, .08), 0 8px 24px -10px rgba(60, 40, 10, .25);--shadow-2: 0 18px 50px -14px rgba(60, 40, 10, .35);--glass: rgba(255, 252, 245, .82);--glow-a: rgba(106, 79, 224, .1);--glow-b: rgba(199, 134, 27, .14);--glow-c: rgba(35, 147, 92, .08);color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--gold: #c7861b;--gold-2: #e9b453;--gold-ink: #fffaf0;--magic: #6a4fe0;--magic-2: #8f7af0;--success: #23935c;--danger: #cf3f3f;--energy: #d79a0c;--hp: #d93a62;--xp: #4f9f24;--bg: #f3ede1;--bg-2: #ebe2d0;--surface: #fffcf5;--surface-2: #f6efe2;--surface-3: #ebe0cb;--line: rgba(60, 40, 10, .12);--line-strong: rgba(60, 40, 10, .22);--text: #2b2233;--muted: #6d6476;--track: rgba(60, 40, 10, .1);--shadow-1: 0 1px 2px rgba(60, 40, 10, .08), 0 8px 24px -10px rgba(60, 40, 10, .25);--shadow-2: 0 18px 50px -14px rgba(60, 40, 10, .35);--glass: rgba(255, 252, 245, .82);--glow-a: rgba(106, 79, 224, .1);--glow-b: rgba(199, 134, 27, .14);--glow-c: rgba(35, 147, 92, .08);color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{min-height:100dvh;font-family:var(--font-ui);font-size:15px;line-height:1.45;font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0;line-height:1.15}p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:.82rem}.center{text-align:center;justify-content:center}.warn{color:var(--danger);font-weight:600}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.04em;margin:6px 0 2px}.backdrop{position:fixed;inset:0;z-index:-1;background:radial-gradient(60vw 60vw at 85% -10%,var(--glow-a),transparent 60%),radial-gradient(50vw 50vw at -10% 30%,var(--glow-b),transparent 60%),radial-gradient(60vw 40vw at 50% 110%,var(--glow-c),transparent 60%),var(--bg)}.backdrop:after{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(1px 1px at 20% 30%,var(--line-strong) 50%,transparent 51%),radial-gradient(1px 1px at 70% 60%,var(--line-strong) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 80%,var(--line-strong) 50%,transparent 51%),radial-gradient(1px 1px at 85% 20%,var(--line-strong) 50%,transparent 51%);background-size:260px 260px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app--still *,.app--still *:before,.app--still *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.app{min-height:100dvh}.app__main{min-width:0;display:flex;flex-direction:column;min-height:100dvh}.content{width:100%;max-width:1120px;margin:0 auto;padding:18px var(--gutter) calc(var(--tabbar-h) + 28px + env(safe-area-inset-bottom));animation:page-in .32s ease}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page{display:flex;flex-direction:column;gap:16px;min-width:0}.page>*{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gutter) 0;background:var(--glass);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line)}.profile{flex-shrink:0;position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:0;border:none;background:none;cursor:pointer;text-align:left}.profile__avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface-3)}.profile__initial{font-family:var(--font-display);font-weight:800}.profile__lvl{position:absolute;left:30px;bottom:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-size:.7rem;font-weight:800;color:#10210a;background:var(--xp);border:2px solid var(--surface)}.profile__text{display:flex;flex-direction:column;min-width:0}.profile__name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:26vw}.profile__xp{font-size:.72rem;color:var(--muted);white-space:nowrap}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:6px}.pill{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px 0 6px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-weight:700;font-size:.86rem;cursor:pointer;transition:border-color .15s,transform .1s}.pill:hover,.pill.is-open{border-color:var(--gold)}.pill:active{transform:scale(.97)}.pill__value{font-variant-numeric:tabular-nums}.chip{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);font-weight:700;font-size:.8rem;cursor:pointer}.chip--ready{background:var(--success);color:#fff;animation:pulse-soft 1.6s ease-in-out infinite}.iconbtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.iconbtn:hover{color:var(--text);background:var(--surface-2)}@media(max-width:560px){.profile__xp{display:none}.pill{padding-right:8px;font-size:.8rem}.topbar__right{gap:4px}.topbar .chip{padding:0 7px}}@media(max-width:430px){.profile__text,.chip__text,.pill__max{display:none}.topbar{gap:6px}.topbar .chip{width:30px;padding:0;justify-content:center}}.nav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:var(--glass);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-top:1px solid var(--line)}.nav .nav__brand,.nav .nav__sep,.nav .nav__item--extra{display:none}.nav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:14px;color:var(--muted);text-decoration:none;transition:color .15s,background .15s}.nav__item:hover{color:var(--text)}.nav__item.is-active{color:var(--gold)}.nav__item.is-active .nav__icon:before{content:"";position:absolute;inset:-6px -14px;border-radius:999px;background:color-mix(in srgb,var(--gold) 16%,transparent);z-index:-1}.nav__icon{position:relative;display:grid;place-items:center}.nav__icon .badge-count,.nav__icon .badge-dot{position:absolute;top:-6px;right:-12px}.nav__icon .badge-dot{top:-2px;right:-4px}.nav__label{font-size:.68rem;font-weight:700;letter-spacing:.01em}@media(min-width:900px){.app{padding-left:var(--nav-w)}.nav{top:0;right:auto;width:var(--nav-w);height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 14px 18px;display:flex;flex-direction:column;gap:4px;border-top:none;border-right:1px solid var(--line)}.nav .nav__brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.nav .nav__sep{display:block;height:1px;margin:10px 8px;background:var(--line)}.nav .nav__item,.nav .nav__item--extra{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 12px}.nav__item.is-active{background:color-mix(in srgb,var(--gold) 14%,transparent)}.nav__item.is-active .nav__icon:before{display:none}.nav__item--bottom{margin-top:auto}.nav__label{font-size:.92rem;font-weight:600}.nav__icon .badge-count{top:-8px;right:-14px}.topbar__settings{display:none}.content{padding:28px 32px 48px}.profile__name{max-width:240px}}.brand-mark{display:grid;place-items:center;width:38px;height:38px;font-family:var(--font-display);font-weight:900;font-size:1.2rem;color:var(--gold-ink);background:linear-gradient(160deg,var(--gold-2),var(--gold));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.brand-mark--big{width:76px;height:76px;font-size:2.3rem;margin:0 auto;filter:drop-shadow(0 8px 24px color-mix(in srgb,var(--gold) 50%,transparent))}.brand-name{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:.06em}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.pagehead__title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:.03em}.pagehead__icon{color:var(--gold)}.pagehead__sub{margin-top:4px;color:var(--muted);max-width:62ch}.pagehead__actions{display:flex;align-items:center;gap:10px}.page--loading{min-height:60vh}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--text);--btn-bd: var(--line-strong);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);font-weight:700;letter-spacing:.01em;border-radius:12px;cursor:pointer;white-space:nowrap;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease,background .15s;user-select:none}.btn--sm{min-height:34px;padding:0 12px;font-size:.82rem;border-radius:10px}.btn--md{min-height:42px;padding:0 16px}.btn--lg{min-height:52px;padding:0 22px;font-size:1.02rem;border-radius:14px}.btn--block{width:100%}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.btn:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.4)}.btn--primary{--btn-bg: linear-gradient(180deg, var(--gold-2), var(--gold));--btn-fg: var(--gold-ink);--btn-bd: transparent;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--gold) 70%,transparent),inset 0 1px #ffffff73}.btn--magic{--btn-bg: linear-gradient(180deg, var(--magic-2), var(--magic));--btn-fg: #fff;--btn-bd: transparent;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--magic) 70%,transparent),inset 0 1px #ffffff59}.btn--danger{--btn-bg: linear-gradient(180deg, #ff7b6e, var(--danger));--btn-fg: #fff;--btn-bd: transparent;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--danger) 70%,transparent)}.btn--ghost{--btn-bg: transparent;--btn-bd: transparent;--btn-fg: var(--muted)}.btn--ghost:hover:not(:disabled){--btn-fg: var(--text);--btn-bg: var(--surface-2)}.btn__icon{flex-shrink:0}.file-btn{overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.field{display:flex;flex-direction:column;gap:6px;font-size:.86rem;color:var(--muted);font-weight:600}.field>span{display:inline-flex;align-items:center;gap:6px}.field input,.field select,.select select{font-weight:500;font-size:.95rem;color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;padding:11px 13px}.select select{padding:8px 12px;font-size:.85rem;font-weight:600}.bar{position:relative;width:100%;height:10px;border-radius:999px;background:var(--track);overflow:hidden}.bar--sm{height:6px}.bar--lg{height:14px}.bar__fill,.bar__ghost{position:absolute;inset:0 auto 0 0;border-radius:inherit;transition:width .35s cubic-bezier(.2,.8,.2,1)}.bar__ghost{background:var(--line-strong)}.bar__fill{background:linear-gradient(90deg,var(--gold),var(--gold-2));box-shadow:0 0 10px color-mix(in srgb,var(--gold) 60%,transparent)}.bar--hp .bar__fill{background:linear-gradient(90deg,#d93a62,var(--hp));box-shadow:0 0 10px color-mix(in srgb,var(--hp) 50%,transparent)}.bar--xp .bar__fill{background:linear-gradient(90deg,#4f9f24,var(--xp))}.bar--energy .bar__fill{background:linear-gradient(90deg,#e09a10,var(--energy))}.bar--enemy .bar__fill{background:linear-gradient(90deg,#b9342f,var(--danger))}.bar--magic .bar__fill{background:linear-gradient(90deg,var(--magic),var(--magic-2));box-shadow:0 0 10px color-mix(in srgb,var(--magic) 60%,transparent)}.ring{position:relative;display:inline-grid;place-items:center;flex-shrink:0}.ring>svg{position:absolute;inset:0}.ring__fill{transition:stroke-dashoffset .5s cubic-bezier(.2,.8,.2,1)}.ring__center{position:relative;display:grid;place-items:center;font-weight:800}.panel{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow-1);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.panel__title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.02rem;font-weight:700;letter-spacing:.03em}.panel__title svg{color:var(--gold)}.panel--gold{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.panel--magic{border-color:color-mix(in srgb,var(--magic) 45%,transparent)}.segmented{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none;max-width:100%;width:fit-content}.segmented::-webkit-scrollbar{display:none}.segmented__item{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:.9rem;padding:8px 14px;border-radius:10px;cursor:pointer;transition:background .15s,color .15s}.segmented--sm .segmented__item{padding:6px 11px;font-size:.8rem}.segmented__item.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.segmented__item:disabled{opacity:.45;cursor:not-allowed}.segmented__count{font-size:.72rem;font-weight:700;color:var(--muted);padding:1px 6px;border-radius:999px;background:var(--track)}.overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#05050f9e;backdrop-filter:blur(4px);animation:fade-in .2s ease both}@keyframes fade-in{0%{opacity:0}}.sheet{position:relative;width:100%;max-width:560px;max-height:92dvh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:24px 24px 0 0;box-shadow:var(--shadow-2);animation:sheet-in .32s cubic-bezier(.2,.9,.2,1) both;outline:none}.sheet--wide{max-width:820px}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}}.sheet__grip{width:44px;height:5px;border-radius:999px;background:var(--line-strong);margin:8px auto 0}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 4px 20px}.sheet__title{font-family:var(--font-display);font-size:1.2rem;font-weight:800}.sheet__body{overflow:auto;padding:8px 20px 20px;display:flex;flex-direction:column;gap:16px}.sheet__foot{border-top:1px solid var(--line);padding:8px 16px calc(8px + env(safe-area-inset-bottom))}.sheet__nav{display:flex;align-items:center;justify-content:space-between}@media(min-width:700px){.overlay{align-items:center}.sheet{border-radius:24px}.sheet__grip{display:none}}.popover{position:relative}.popover__panel{position:absolute;top:calc(100% + 10px);z-index:40;width:min(280px,86vw);display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-2);animation:pop-in .18s ease both}.popover__panel--end{right:0}.popover__panel--start{left:0}.popover__title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800}.popover__text{font-size:.86rem;color:var(--muted)}.popover__text--strong{color:var(--text);font-weight:600;display:flex;gap:6px;align-items:center}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.switchrow{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:4px 0}.switchrow__text{display:flex;flex-direction:column}.switchrow__label{font-weight:700}.switchrow__desc{font-size:.8rem;color:var(--muted)}.switch{appearance:none;flex-shrink:0;width:48px;height:28px;border-radius:999px;background:var(--track);border:1px solid var(--line-strong);position:relative;cursor:pointer;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:transform .2s cubic-bezier(.2,.9,.2,1.2)}.switch:checked{background:var(--success);border-color:transparent}.switch:checked:after{transform:translate(20px)}.badge-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);border:2px solid var(--surface);animation:pulse-soft 2s ease-in-out infinite}.badge-dot--gold{background:var(--gold)}.badge-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-size:.66rem;font-weight:800;line-height:1;color:#fff;background:var(--danger);border:2px solid var(--surface)}.badge-count--gold{color:var(--gold-ink);background:var(--gold)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:700;white-space:nowrap;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);width:fit-content}.tag--gold{border-color:color-mix(in srgb,var(--gold) 50%,transparent);background:color-mix(in srgb,var(--gold) 16%,transparent)}.tag--magic{border-color:color-mix(in srgb,var(--magic) 50%,transparent);background:color-mix(in srgb,var(--magic) 16%,transparent)}.tag--success,.tag--new{border-color:color-mix(in srgb,var(--success) 50%,transparent);background:color-mix(in srgb,var(--success) 18%,transparent)}.tag--danger{border-color:color-mix(in srgb,var(--danger) 50%,transparent);background:color-mix(in srgb,var(--danger) 16%,transparent)}.tag--tier{border-color:color-mix(in srgb,var(--tier) 60%,transparent);background:color-mix(in srgb,var(--tier) 18%,transparent)}.tag--element{border-color:color-mix(in srgb,var(--elem) 60%,transparent);background:color-mix(in srgb,var(--elem) 18%,transparent)}.tag--element svg{color:var(--elem)}.tag--compact{padding:3px 5px}.gems{display:inline-flex;gap:3px}.gems i{width:6px;height:6px;border-radius:1.5px;transform:rotate(45deg);background:var(--tier, var(--gold));box-shadow:0 0 4px color-mix(in srgb,var(--tier, var(--gold)) 70%,transparent)}.amount{display:inline-flex;align-items:center;gap:5px;font-weight:700}.amount__value,.countdown,.countup{font-variant-numeric:tabular-nums}.countdown{font-weight:800}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius-m)}.toasts{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + 14px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;width:min(92vw,440px);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:14px;padding:12px 14px;text-align:left;font-weight:650;color:var(--text);background:var(--glass);backdrop-filter:blur(12px);box-shadow:var(--shadow-2);cursor:pointer;animation:toast-in .35s cubic-bezier(.2,.9,.2,1.2) both}.toast svg{flex-shrink:0}.toast--success svg{color:var(--success)}.toast--error{border-color:color-mix(in srgb,var(--danger) 60%,transparent)}.toast--error svg{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}@media(min-width:900px){.toasts{left:auto;right:24px;bottom:24px;transform:none}}.notice{display:flex;align-items:center;gap:10px;margin:10px var(--gutter) 0;padding:10px 14px;border-radius:14px;border:1px solid var(--line-strong);background:var(--glass);font-weight:600;font-size:.9rem}.notice>svg{flex-shrink:0}.notice--offline{color:var(--muted)}.notice--update{flex-wrap:wrap;border-color:color-mix(in srgb,var(--magic) 55%,transparent);background:color-mix(in srgb,var(--magic) 12%,var(--surface))}.notice--update>svg{color:var(--magic)}.notice__text{display:flex;flex-direction:column;flex:1 1 180px;min-width:0}.notice__actions{display:flex;gap:8px;margin-left:auto}@media(min-width:900px){.notice{margin:12px auto 0;width:min(1120px,calc(100% - 48px))}}.sprite{position:relative;display:inline-grid;place-items:center;flex-shrink:0;vertical-align:middle}.sprite>.art,.sprite>.emblem{grid-area:1 / 1}.sprite__emoji{grid-area:1 / 1;width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.sprite--ui .sprite__emoji,.sprite--element .sprite__emoji,.sprite--emoji .sprite__emoji{width:100%;height:100%}.sprite__photo{grid-area:1 / 1;width:100%;height:100%;object-fit:cover;object-position:50% 20%;background:var(--surface-2)}.sprite--photo{overflow:hidden}.sprite--emoji.sprite--photo{border-radius:22%}.art{display:block}.art__rays{transform-origin:50px 50px;animation:spin 24s linear infinite}.emblem{display:inline-grid;place-items:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--emblem) 60%,#fff),var(--emblem) 60%,color-mix(in srgb,var(--emblem) 60%,#000));box-shadow:0 0 0 2px var(--surface),0 2px 6px #00000059}.icard{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:none;background:none;color:inherit;text-align:center;min-width:0}.icard__frame{position:relative;display:grid;padding:3px;border-radius:16px;background:linear-gradient(150deg,var(--tier-light),var(--tier) 42%,var(--tier-dark));box-shadow:0 8px 20px -8px color-mix(in srgb,var(--tier) 70%,transparent),inset 0 0 0 1px #ffffff47;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .2s}.icard__frame>.sprite{border-radius:13px;overflow:hidden}.icard--xs .icard__frame{padding:2px;border-radius:11px}.icard--xs .icard__frame>.sprite{border-radius:9px}.icard--lg .icard__frame{padding:4px;border-radius:22px}.icard--lg .icard__frame>.sprite{border-radius:18px}.icard--t5 .icard__frame:after,.icard--t6 .icard__frame:after,.icard--t7 .icard__frame:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 48%,transparent 62%);background-size:260% 100%;mix-blend-mode:overlay;animation:shimmer 3.4s ease-in-out infinite;pointer-events:none}.icard--t7 .icard__frame{box-shadow:0 0 0 2px color-mix(in srgb,var(--tier) 40%,transparent),0 10px 30px -6px color-mix(in srgb,var(--tier) 90%,transparent)}.icard.is-clickable{cursor:pointer}.icard.is-clickable:hover .icard__frame{transform:translateY(-4px) rotate(-1deg);box-shadow:0 16px 28px -10px color-mix(in srgb,var(--tier) 85%,transparent),inset 0 0 0 1px #ffffff59}.icard.is-clickable:active .icard__frame{transform:scale(.97)}.icard.is-selected .icard__frame{outline:3px solid var(--gold);outline-offset:3px}.icard--unknown .icard__frame{background:linear-gradient(150deg,#7c8191,#3d414d);box-shadow:none;opacity:.8}.icard__elem{position:absolute;top:-7px;right:-7px}.icard__level{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);min-width:26px;height:22px;padding:0 7px;display:grid;place-items:center;border-radius:999px;font-size:.74rem;font-weight:800;background:var(--surface);border:2px solid var(--tier);color:var(--text)}.icard__lock{position:absolute;top:6px;right:6px;color:#ffffffbf}.icard__ready{position:absolute;top:-7px;left:-7px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--success);box-shadow:0 0 0 2px var(--surface),0 0 12px color-mix(in srgb,var(--success) 80%,transparent);animation:bob 1.4s ease-in-out infinite}.icard__new{position:absolute;top:8px;left:-6px;padding:2px 7px;border-radius:6px;font-size:.6rem;font-weight:900;letter-spacing:.06em;color:#fff;background:var(--success);transform:rotate(-8deg);box-shadow:0 4px 10px -2px #0006}.icard__count{position:absolute;bottom:7px;right:7px;padding:1px 7px;border-radius:999px;font-size:.72rem;font-weight:800;color:#fff;background:#0000009e}.icard__meta{display:flex;flex-direction:column;align-items:center;gap:3px;max-width:100%;margin-top:4px}.icard__name{font-size:.8rem;font-weight:700;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.icard--lg .icard__name{font-size:1rem}.icard--unknown .icard__name{color:var(--muted)}.icard>.bar{width:80%}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:22px 12px;padding-top:8px}.cardgrid--picker{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}@media(min-width:700px){.cardgrid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}.page--home{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.home__main,.home__side{display:flex;flex-direction:column;gap:16px;min-width:0}@media(min-width:1100px){.page--home{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}}.hero{position:relative;display:flex;align-items:center;gap:18px;padding:20px;border-radius:var(--radius-l);overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--magic) 26%,transparent),transparent 60%),radial-gradient(100% 120% at 100% 100%,color-mix(in srgb,var(--gold) 20%,transparent),transparent 60%),var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1)}.hero__art{position:relative;flex-shrink:0;border-radius:26px;padding:4px;background:linear-gradient(150deg,var(--gold-2),var(--gold) 50%,#7a4a10);box-shadow:0 14px 30px -12px color-mix(in srgb,var(--gold) 80%,transparent);animation:float-y 5s ease-in-out infinite}.hero__art .art{border-radius:22px}.hero__glow{position:absolute;inset:-30%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 40%,transparent),transparent 60%)}.hero__body{min-width:0;display:flex;flex-direction:column;gap:4px}.hero__kicker{color:var(--muted);font-weight:600}.hero__name{font-family:var(--font-display);font-weight:900;font-size:clamp(1.6rem,6vw,2.3rem);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero__title{margin-top:-2px;font-style:italic;font-weight:600;color:color-mix(in srgb,var(--magic) 65%,var(--text))}.hero__hint{color:var(--gold);font-weight:600;font-size:.9rem}.hero__stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.stat{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center}.stat>:first-child{grid-row:span 2}.stat__value{font-weight:800;font-size:1.1rem;line-height:1.1}.stat__label{font-size:.72rem;color:var(--muted);font-weight:600}@media(max-width:520px){.hero{flex-direction:column;text-align:center}.hero__stats{justify-content:center}.hero__body{align-items:center;max-width:100%}}.cta{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:none;border-radius:var(--radius-l);text-align:left;cursor:pointer;overflow:hidden;color:var(--gold-ink);background:linear-gradient(120deg,var(--gold-2),var(--gold));box-shadow:0 16px 34px -14px color-mix(in srgb,var(--gold) 90%,transparent),inset 0 1px #fff6;transition:transform .12s ease,filter .15s}.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);background-size:250% 100%;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.cta--magic{color:#fff;background:linear-gradient(120deg,var(--magic-2),var(--magic));box-shadow:0 16px 34px -14px color-mix(in srgb,var(--magic) 90%,transparent)}.cta--success{color:#fff;background:linear-gradient(120deg,#6fdba0,var(--success));box-shadow:0 16px 34px -14px color-mix(in srgb,var(--success) 90%,transparent)}.cta:hover{filter:brightness(1.05)}.cta:active{transform:scale(.99)}.cta__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#ffffff40;flex-shrink:0}.cta__text{display:flex;flex-direction:column;min-width:0;flex:1}.cta__kicker{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.cta__title{font-family:var(--font-display);font-weight:800;font-size:1.2rem;line-height:1.2}.cta__sub{font-size:.86rem;opacity:.85}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{position:relative;display:flex;align-items:center;gap:12px;min-height:96px;padding:14px;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);text-align:left;cursor:pointer;overflow:hidden;transition:transform .15s cubic-bezier(.2,.9,.2,1.2),border-color .15s}.tile:hover{transform:translateY(-2px);border-color:var(--line-strong)}.tile.is-ready{border-color:color-mix(in srgb,var(--success) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--success) 30%,transparent),0 10px 24px -12px color-mix(in srgb,var(--success) 70%,transparent)}.tile--daily.is-ready{border-color:color-mix(in srgb,var(--gold) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent),0 10px 24px -12px color-mix(in srgb,var(--gold) 70%,transparent)}.tile>.badge-dot{position:absolute;top:10px;right:10px}.tile__text{display:flex;flex-direction:column;min-width:0;z-index:1}.tile__title{font-family:var(--font-display);font-weight:800;letter-spacing:.03em}.tile__sub{font-weight:650;font-size:.86rem}.tile__meta{font-size:.74rem;color:var(--muted)}.tile__art{position:absolute;right:-6px;bottom:-6px;opacity:.85}.tile__gift{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;flex-shrink:0;color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent)}.tile--daily.is-ready .tile__gift{animation:wiggle 2.4s ease-in-out infinite}.tile__portal{position:relative;width:58px;height:58px;flex-shrink:0}.tile__portal span,.tile__portal:before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid color-mix(in srgb,var(--magic) 70%,transparent);border-top-color:transparent;animation:spin 3s linear infinite}.tile__portal span{inset:12px;border:none;background:radial-gradient(circle,#fff,var(--magic) 45%,transparent 70%);animation:pulse-soft 2.2s ease-in-out infinite}@media(max-width:560px){.tile{flex-direction:column;align-items:flex-start;gap:10px}.tile__title{font-size:.9rem}.tile__art{right:-4px;bottom:auto;top:6px}}.quest{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius-m);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent 60%),var(--surface)}.quest__head{display:flex;justify-content:space-between;align-items:center}.quest__head h2{font-family:var(--font-display);font-size:1.05rem}.quest__count{font-weight:800;color:var(--gold)}.quest__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.quest__step{width:100%;display:flex;align-items:center;gap:10px;padding:8px 6px;border:none;background:none;text-align:left;border-radius:10px;cursor:pointer;font-weight:600}.quest__step:hover:not(:disabled){background:var(--surface-2)}.quest__step.is-done{color:var(--muted);text-decoration:line-through;cursor:default}.quest__check{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;border:2px solid var(--line-strong);flex-shrink:0}.quest__step.is-done .quest__check{border-color:var(--success);background:var(--success);color:#fff}.quest__done{font-weight:700;color:var(--success)}.banners{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.banner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:transform .15s cubic-bezier(.2,.9,.2,1.2),border-color .15s,box-shadow .15s;min-width:0}.banner:hover{transform:translateY(-2px)}.banner.is-active{border-color:var(--magic);box-shadow:0 0 0 1px var(--magic),0 14px 30px -14px color-mix(in srgb,var(--magic) 90%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--magic) 16%,transparent),transparent),var(--surface)}.banner__art .art{border-radius:14px}.banner__name{font-family:var(--font-display);font-weight:800;font-size:.86rem;text-align:center}.banner__meta{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.74rem}@media(max-width:560px){.banners{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.banner{padding:8px 4px;gap:5px}.banner__art .art{width:52px;height:52px}.banner__name{font-size:.68rem;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;max-width:100%}.banner__meta .muted{display:none}.banner__meta .tag{padding:2px 6px;font-size:.66rem}}.summon__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media(min-width:900px){.summon__layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}.altar{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;border-radius:var(--radius-l);border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--portal) 30%,transparent),transparent 60%),var(--surface);box-shadow:var(--shadow-1)}.altar__info{width:min(100%,360px);display:flex;flex-direction:column;gap:6px;text-align:center}.altar__title{font-family:var(--font-display);font-size:1.15rem}.altar__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.altar__empty{text-align:center;font-weight:600}.odds{display:flex;flex-direction:column;gap:10px}.odds__bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--track)}.odds__bar span{height:100%}.odds__bar span+span{box-shadow:inset 2px 0 #00000040}.odds--faded .odds__bar{height:8px;opacity:.55}.odds__legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 12px;font-size:.86rem}.odds__legend li{display:flex;align-items:center;gap:8px}.odds__legend i{width:10px;height:10px;border-radius:3px;transform:rotate(45deg)}.odds__legend strong{margin-left:auto}.odds__next{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px dashed var(--line-strong)}.overlay--reveal{align-items:center;background:radial-gradient(circle at 50% 40%,#281e50d9,#05050ff2)}.reveal{--best: var(--magic);position:relative;width:min(100%,980px);max-height:100dvh;overflow:auto;padding:24px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px;color:#f3f1ff}.reveal__charge{min-height:70dvh;display:grid;place-items:center;align-content:center;gap:16px}.reveal__head{text-align:center}.reveal__head h2{font-family:var(--font-display);font-size:1.4rem}.reveal__hint{color:#f3f1ffb3;font-size:.86rem;animation:pulse-soft 1.6s ease-in-out infinite}.reveal__exotic{margin-top:6px;font-family:var(--font-display);font-weight:900;font-size:1.3rem;color:var(--best);text-shadow:0 0 18px var(--best)}.reveal__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:22px 12px;justify-items:center}.reveal__grid--dense{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.reveal__foot{position:sticky;bottom:0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#0f0e23db;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);animation:toast-in .35s ease both}.reveal__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tierchip{padding:4px 10px;border-radius:999px;font-weight:800;font-size:.8rem;color:#fff;background:color-mix(in srgb,var(--tier) 75%,#000);box-shadow:inset 0 0 0 1px #fff3}.reveal__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.reveal .icard__name,.reveal .tag{color:#f3f1ff}.completion{display:flex;align-items:center;gap:10px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.toolbar .btn{margin-left:auto}@media(max-width:640px){.toolbar .btn{margin-left:0;width:100%}}.itemsheet{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}.itemsheet__card{position:relative}.itemsheet__info{display:flex;flex-direction:column;gap:10px}.itemsheet__desc{font-size:.88rem;color:var(--muted);max-height:9.5em;overflow:auto}@media(max-width:520px){.itemsheet{grid-template-columns:1fr;justify-items:center;text-align:center}.itemsheet__info{align-items:center}}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.facts div{padding:8px 10px;border-radius:12px;background:var(--surface-2)}.facts dt{font-size:.7rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.facts dd{margin:0;font-weight:800}.upgradebox,.bonusbox,.equipbox{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--surface-2)}.upgradebox__row{display:flex;justify-content:space-between;font-weight:700}.bonusbox h3,.equipbox h3{font-family:var(--font-display);font-size:.95rem}.teamsum{display:flex;flex-wrap:wrap;gap:12px}.teamsum__item{flex:1 1 140px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1)}.teamsum__item strong{display:block;font-size:1.3rem;font-weight:900;line-height:1.1}.teamsum__item small{color:var(--muted);font-weight:600}.partygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}.party{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--radius-l);border:1px solid var(--line);background:linear-gradient(170deg,color-mix(in srgb,var(--gold) 8%,transparent),transparent 50%),var(--surface);box-shadow:var(--shadow-1)}.party__head{display:flex;align-items:center;gap:8px}.party__head h2{font-family:var(--font-display);font-size:1.05rem}.party__stats{margin-left:auto;display:flex;gap:10px}.mini{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:.86rem}.party__body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.party__empty{width:110px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:16px;border:2px dashed var(--line-strong);background:var(--surface-2);color:var(--muted);font-weight:700;font-size:.8rem;cursor:pointer;animation:pulse-border 2s ease-in-out infinite}.party__sockets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.socket{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:none;background:none;cursor:pointer;min-width:0}.socket__hole{position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;border:2px dashed var(--line-strong);color:var(--muted);background:var(--surface-2);transition:border-color .15s,color .15s}.socket--empty:hover:not(:disabled) .socket__hole{border-color:var(--gold);color:var(--gold)}.socket--empty:disabled{cursor:not-allowed;opacity:.45}.socket__plus{position:absolute;right:-6px;bottom:-6px;padding:2px;border-radius:50%;background:var(--gold);color:var(--gold-ink)}.socket__label{font-size:.7rem;font-weight:700;color:var(--muted)}.party--locked{align-items:center;justify-content:center;text-align:center;gap:8px;border-style:dashed;background:var(--surface);color:var(--muted);box-shadow:none}.party--locked .bar{max-width:220px}.pickmeta{display:flex;flex-direction:column;align-items:center;gap:4px}.pickmeta__power{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:.82rem}.delta{font-weight:800;font-size:.78rem}.delta--up{color:var(--success)}.delta--down{color:var(--danger)}.advbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.diff{display:inline-flex;align-items:center;gap:6px}.diff i{width:9px;height:9px;border-radius:50%;background:var(--diff);box-shadow:0 0 8px var(--diff)}.energy{display:flex;align-items:center;gap:8px;flex:1 1 260px;font-weight:700}.energy__bar{flex:1;min-width:80px}.adv__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media(min-width:1100px){.adv__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}.nextstage{--scene: var(--magic);position:relative;display:flex;gap:18px;align-items:center;padding:20px;border-radius:var(--radius-l);overflow:hidden;border:1px solid color-mix(in srgb,var(--scene) 50%,transparent);background:radial-gradient(90% 120% at 0% 50%,color-mix(in srgb,var(--scene) 30%,transparent),transparent 65%),var(--surface);box-shadow:var(--shadow-1),0 20px 40px -24px color-mix(in srgb,var(--scene) 80%,transparent)}.nextstage--done{flex-direction:column;text-align:center;color:var(--gold);font-weight:700}.nextstage__art{flex-shrink:0;animation:float-y 4s ease-in-out infinite}.nextstage__body{display:flex;flex-direction:column;gap:8px;min-width:0;align-items:flex-start}.nextstage__kicker{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.nextstage__title{font-family:var(--font-display);font-size:1.45rem;font-weight:900}.nextstage__chapter{color:var(--muted);font-weight:600}@media(max-width:520px){.nextstage{flex-direction:column;text-align:center}.nextstage__body{align-items:center}}.chapters{display:flex;flex-direction:column;gap:8px}.chapterlist{list-style:none;margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:10px;position:relative}.chapterlist:before{content:"";position:absolute;left:7px;top:20px;bottom:20px;width:3px;border-radius:3px;background:linear-gradient(var(--gold),var(--line-strong))}.chapter{--scene: var(--magic);position:relative;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1)}.chapter:before{content:"";position:absolute;left:-16px;top:30px;width:11px;height:11px;border-radius:50%;background:var(--surface-3);border:2px solid var(--line-strong)}.chapter.is-done:before{background:var(--gold);border-color:var(--gold)}.chapter.is-current{border-color:color-mix(in srgb,var(--scene) 60%,transparent)}.chapter.is-current:before{background:var(--scene);border-color:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--scene) 40%,transparent)}.chapter--teaser{opacity:.6;border-style:dashed;box-shadow:none}.chapter__head{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:none;text-align:left;cursor:pointer}.chapter__art{position:relative;flex-shrink:0}.chapter__art--locked{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--surface-2);color:var(--muted)}.chapter__check{position:absolute;right:-2px;bottom:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--gold-ink);border:2px solid var(--surface)}.chapter__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chapter__num{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.chapter__name{font-family:var(--font-display);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter__chev{color:var(--muted);transition:transform .2s}.chapter__chev.is-open{transform:rotate(180deg)}.pips{display:flex;gap:4px;margin-top:2px}.pips i{width:16px;height:5px;border-radius:999px;background:var(--track)}.pips i.is-done{background:var(--gold)}.pips i.is-current{background:var(--scene);animation:pulse-soft 1.6s ease-in-out infinite}.stages{list-style:none;margin:0;padding:0 12px 12px;display:flex;flex-direction:column;gap:2px}.stagerow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 6px;border-top:1px solid var(--line)}.stagerow__node{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:.8rem;background:var(--surface-2);border:2px solid var(--line-strong)}.stagerow.is-done .stagerow__node{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.stagerow.is-current .stagerow__node{border-color:var(--scene);color:var(--scene)}.stagerow.is-locked{opacity:.5}.stagerow__text{min-width:0;font-size:.9rem}.stagerow__meta{display:flex;align-items:center;gap:4px;font-size:.76rem;color:var(--muted)}.scene{--scene: var(--magic);position:relative;display:flex;flex-direction:column;gap:16px;min-height:calc(100dvh - var(--topbar-h) - var(--tabbar-h) - 60px);padding:14px;border-radius:var(--radius-l);overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--scene) 34%,transparent),transparent 70%),radial-gradient(80% 50% at 50% 100%,color-mix(in srgb,var(--scene) 18%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--scene) 40%,var(--line));box-shadow:var(--shadow-1)}.scene__top{display:flex;align-items:center;gap:10px}.scene__title{display:flex;flex-direction:column;min-width:0;flex:1}.scene__title strong{font-family:var(--font-display);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.scene__hint{width:100%;text-align:center;font-size:.86rem;color:var(--muted)}.dialog{flex:1;display:flex;flex-direction:column;gap:14px;justify-content:flex-end}.dialog__stage{flex:1;display:grid;place-items:end center;min-height:170px}.dialog__portrait{display:grid;place-items:center;animation:speaker-in .35s cubic-bezier(.2,.9,.2,1.2) both,float-y 4.5s ease-in-out .35s infinite;filter:drop-shadow(0 18px 24px rgba(0,0,0,.4))}.dialog__portrait .art{border-radius:22px}.dialog__portrait.is-narrator{width:120px;height:120px;border-radius:50%;color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}@keyframes speaker-in{0%{opacity:0;transform:translateY(16px) scale(.92)}}.dialogbox{position:relative;padding:26px 18px 16px;border-radius:18px;border:1px solid var(--line-strong);background:var(--glass);backdrop-filter:blur(10px);box-shadow:var(--shadow-2);cursor:pointer;min-height:120px}.dialogbox__name{position:absolute;top:-14px;left:16px;padding:4px 14px;border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:.9rem;color:var(--gold-ink);background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 6px 14px -6px color-mix(in srgb,var(--gold) 80%,transparent)}.dialogbox--narration .dialogbox__name{color:var(--text);background:var(--surface-3)}.dialogbox__text{font-size:1.05rem;line-height:1.55}.dialogbox--narration .dialogbox__text{font-style:italic;color:var(--muted)}.dialogbox__hint{display:block;margin-top:8px;text-align:right;font-size:.74rem;color:var(--muted);animation:pulse-soft 1.6s ease-in-out infinite}.caret{display:inline-block;width:8px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--gold);animation:blink .8s steps(2) infinite}.battle{display:flex;flex-direction:column;gap:14px;flex:1}.battle__foes{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;justify-items:stretch}.battle__foes--1{grid-template-columns:minmax(0,240px);justify-content:center}.foe{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;border-radius:18px;border:2px solid var(--line);background:var(--glass);cursor:default;transition:transform .15s,border-color .15s,opacity .3s,filter .3s;min-width:0}.foe.is-targetable{cursor:crosshair;border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.foe.is-targetable:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 25%,transparent)}.foe.is-danger{border-color:color-mix(in srgb,var(--danger) 55%,transparent)}.foe.is-dead{opacity:.35;filter:grayscale(1);transform:scale(.96)}.foe__art{position:relative;animation:idle-bounce 2.6s ease-in-out infinite}.foe:nth-child(2) .foe__art{animation-delay:-.9s}.foe:nth-child(3) .foe__art{animation-delay:-1.7s}.foe.is-dead .foe__art{animation:none}.foe__name{font-family:var(--font-display);font-weight:800;font-size:.9rem;text-align:center;line-height:1.15}.foe__meta{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700}.foe__hp{font-size:.74rem;color:var(--muted);font-weight:700}.foe__danger{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:800;color:var(--danger)}.hero-panel{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;border:1px solid var(--line-strong);background:var(--glass)}.hero-panel__art{position:relative;flex-shrink:0}.hero-panel__art .art{border-radius:14px}.hero-panel__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.hero-panel__name{display:flex;align-items:center;gap:6px;font-weight:800}.hero-panel__hp{font-size:.78rem;color:var(--muted);font-weight:700}.outcome{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;border-radius:20px;overflow:hidden;text-align:center;animation:speaker-in .4s cubic-bezier(.2,.9,.2,1.2) both}.outcome>*{position:relative;z-index:1}.outcome--won{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--gold) 26%,transparent),transparent 70%),var(--glass);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent)}.outcome--lost{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--danger) 18%,transparent),transparent 70%),var(--glass);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent)}.outcome__title{font-family:var(--font-display);font-weight:900;font-size:2rem;letter-spacing:.04em}.outcome--won .outcome__title{color:var(--gold);text-shadow:0 0 22px color-mix(in srgb,var(--gold) 60%,transparent)}.outcome--lost .outcome__title{color:var(--danger)}.feed{padding:10px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line);font-size:.86rem}.feed summary{cursor:pointer;font-weight:700;color:var(--muted)}.feed ol{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}.feed__line.is-player{color:var(--success)}.feed__line.is-enemy{color:var(--danger)}.feed__line.is-miss{color:var(--muted)}.feed__line.is-crit{font-weight:800}.expedition{display:flex;align-items:center;gap:22px;padding:20px;border-radius:var(--radius-l);border:1px solid var(--line);background:radial-gradient(90% 120% at 0% 50%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 65%),var(--surface);box-shadow:var(--shadow-1)}.expedition.is-done{border-color:color-mix(in srgb,var(--success) 55%,transparent);background:radial-gradient(90% 120% at 0% 50%,color-mix(in srgb,var(--success) 18%,transparent),transparent 65%),var(--surface)}.expedition__art{border-radius:50%;overflow:hidden;display:grid;place-items:center;width:110px;height:110px}.expedition__body{display:flex;flex-direction:column;gap:8px}.expedition__body h2{font-family:var(--font-display);font-size:1.3rem}.expedition__clock{font-size:2.2rem;font-weight:900;letter-spacing:.02em}@media(max-width:560px){.expedition{flex-direction:column;text-align:center}.expedition__body{align-items:center}}.missiongrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:12px}.mission{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1)}.mission.is-best{border-color:color-mix(in srgb,var(--gold) 60%,transparent)}.mission__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.mission__dur{font-family:var(--font-display);font-weight:900;font-size:1.5rem;margin-right:auto}.mission__loot{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-weight:700}.mission__loot li{display:flex;align-items:center;gap:8px}.lootbox{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 16px;border-radius:var(--radius-l);overflow:hidden;text-align:center;color:var(--success);border:1px solid color-mix(in srgb,var(--success) 55%,transparent);background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--success) 20%,transparent),transparent 70%),var(--surface);animation:speaker-in .4s cubic-bezier(.2,.9,.2,1.2) both}.lootbox--gift{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--gold) 20%,transparent),transparent 70%),var(--surface)}.lootbox>*{position:relative;z-index:1}.lootbox h2{font-family:var(--font-display);color:var(--text)}.lootbox__row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.lootbox__item{display:flex;align-items:center;gap:8px;font-size:1.35rem;color:var(--text)}.streak{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);background:linear-gradient(120deg,color-mix(in srgb,#ff7a2f 18%,transparent),transparent 60%),var(--surface);box-shadow:var(--shadow-1)}.streak__flame{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;color:#ff8a3c;background:color-mix(in srgb,#ff8a3c 18%,transparent);animation:flicker 2.4s ease-in-out infinite}.streak__text{display:flex;flex-direction:column;flex:1;min-width:160px}.streak__text strong{font-family:var(--font-display);font-size:1.2rem}.calendar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.gift{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-align:center}.gift.is-special{background:linear-gradient(170deg,color-mix(in srgb,var(--magic) 14%,transparent),transparent),var(--surface);border-color:color-mix(in srgb,var(--magic) 40%,transparent)}.gift.is-today{border:2px solid var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 20%,transparent),0 14px 26px -12px color-mix(in srgb,var(--gold) 80%,transparent);transform:translateY(-2px)}.gift.is-today .gift__box{animation:wiggle 2s ease-in-out infinite;color:var(--gold)}.gift.is-done{opacity:.55}.gift.is-done .gift__box{color:var(--success)}.gift__day{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.gift__box{height:38px;display:grid;place-items:center;color:var(--muted)}.gift__loot{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:.82rem}.settings{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:720px}.welcome{position:relative;min-height:100dvh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) var(--gutter) calc(24px + env(safe-area-inset-bottom));overflow:hidden}.welcome__art{position:absolute;inset:0;pointer-events:none}.welcome__art>span{position:absolute;opacity:.85;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}.welcome__art .art{border-radius:20px}.welcome__card--1{left:6%;top:12%;transform:rotate(-12deg);animation:float-y 6s ease-in-out infinite}.welcome__card--2{right:7%;top:18%;transform:rotate(10deg);animation:float-y 7s ease-in-out -2s infinite}.welcome__card--3{left:10%;bottom:10%;transform:rotate(8deg);animation:float-y 6.5s ease-in-out -4s infinite}.welcome__monster{right:9%;bottom:9%;animation:idle-bounce 2.8s ease-in-out infinite}@media(max-width:760px){.welcome__art>span{opacity:.25}}.welcome__panel{position:relative;width:min(100%,440px);display:flex;flex-direction:column;gap:14px;padding:28px 22px;border-radius:26px;text-align:center;background:var(--glass);border:1px solid var(--line-strong);backdrop-filter:blur(16px);box-shadow:var(--shadow-2)}.welcome__title{font-family:var(--font-display);font-weight:900;font-size:2.6rem;letter-spacing:.08em;background:linear-gradient(180deg,var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.welcome__tagline{color:var(--muted);font-weight:600}.welcome__pitch{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:.9rem;font-weight:600}.welcome__pitch li{display:flex;align-items:center;gap:10px}.welcome__pitch svg{color:var(--gold)}.welcome__form{display:flex;flex-direction:column;gap:14px;text-align:left}.langpick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.langpick__item{padding:10px 6px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2);font-weight:700;cursor:pointer}.langpick__item.is-active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--text)}@media(min-width:900px){.foe__art .art{width:128px;height:128px}.battle__foes{grid-template-columns:repeat(auto-fit,minmax(180px,260px));justify-content:center}.scene{padding:20px 24px}}.colsum{display:flex;flex-direction:column;gap:8px}.colsum__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.colsum__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;transition:transform .15s,border-color .15s}.colsum__item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--magic) 50%,transparent)}.colsum__text{display:flex;flex-direction:column;min-width:0}.colsum__text strong{font-size:.86rem}.colsum__ready{color:var(--success);font-weight:800}.boss-arena{--boss: var(--danger);position:relative;display:flex;align-items:center;gap:22px;padding:22px;border-radius:var(--radius-l);overflow:hidden;border:1px solid color-mix(in srgb,var(--boss) 45%,var(--line));background:radial-gradient(70% 90% at 15% 40%,color-mix(in srgb,var(--boss) 30%,transparent),transparent 70%),radial-gradient(60% 80% at 100% 100%,color-mix(in srgb,var(--danger) 16%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow-1)}.boss-arena>*{position:relative;z-index:1}.boss-arena.is-empty{flex-direction:column;justify-content:center;min-height:220px;color:var(--muted);font-weight:600}.boss-arena.is-defeated .boss-arena__art{filter:grayscale(.85) brightness(.8)}.boss-arena__art{position:relative;flex-shrink:0;display:grid;place-items:center;animation:idle-bounce 3s ease-in-out infinite;filter:drop-shadow(0 14px 22px color-mix(in srgb,var(--boss) 45%,transparent))}.boss-arena__body{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.boss-arena__tags{display:flex;flex-wrap:wrap;gap:6px}.boss-arena__name{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2rem);line-height:1.1}.boss-arena__hp{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.boss-arena__hp strong{color:var(--text)}.boss-arena__done,.boss-arena__clock{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.boss-arena__done{font-weight:700;color:var(--success)}.boss-arena .btn--lg{align-self:flex-start}.boss-hit{font-weight:800;font-size:1.05rem}.boss-hit--crit{color:var(--gold)}.boss-hit--miss{color:var(--muted);font-style:italic}.boss-raid{font-family:var(--font-display);font-weight:800;color:var(--danger);animation:page-in .4s ease}.boss-grid{display:grid;gap:16px}.statlist{display:grid;gap:10px}.statlist>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.statlist>div:last-child{border-bottom:none;padding-bottom:0}.statlist dt{color:var(--muted);font-size:.9rem}.statlist dd{display:flex;align-items:center;gap:4px;font-weight:800;font-variant-numeric:tabular-nums}.howlist{display:grid;gap:8px;padding-left:18px;color:var(--muted);font-size:.92rem;line-height:1.45}.lootbox__item--rare strong{color:var(--magic)}.tile--boss.is-ready{border-color:color-mix(in srgb,var(--danger) 55%,transparent)}.tile__boss{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;color:var(--danger)}@media(max-width:599px){.boss-arena{flex-direction:column;text-align:center}.boss-arena__tags,.boss-arena__done,.boss-arena__clock{justify-content:center}.boss-arena .btn--lg{align-self:stretch}}@media(min-width:900px){.boss-grid{grid-template-columns:1fr 1fr;align-items:start}}.page--quests>.segmented{align-self:flex-start}.questboard,.passboard{display:grid;gap:16px}.questboard__count{color:var(--muted);font-size:.9rem;margin-bottom:8px}.questboard__count strong{color:var(--text);font-size:1.1rem}.questlist{display:grid;gap:10px;list-style:none;padding:0}.qrow{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2)}.qrow.is-done{opacity:.72}.qrow.is-done .qrow__name{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--success) 70%,transparent)}.qrow__icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent)}.qrow.is-done .qrow__icon{color:#fff;background:var(--success)}.qrow__body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.qrow__name{font-weight:700;line-height:1.3}.qrow__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-variant-numeric:tabular-nums}.qrow__reward{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:.85rem;color:var(--gold)}.passhero{display:flex;align-items:center;gap:20px;padding:20px;border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));background:radial-gradient(90% 120% at 0% 50%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 65%),radial-gradient(80% 100% at 100% 0%,color-mix(in srgb,var(--magic) 18%,transparent),transparent 65%),var(--surface);box-shadow:var(--shadow-1)}.passhero__lvl{display:flex;flex-direction:column;align-items:center;line-height:1}.passhero__lvl small{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.passhero__lvl strong{font-family:var(--font-display);font-size:2rem}.passhero__body{display:flex;flex-direction:column;gap:8px;min-width:0}.passhero__body h2{font-family:var(--font-display)}.passhero__body p{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.passhero__hint{font-weight:600;color:var(--muted)}.tiertrack{display:grid;grid-auto-flow:column;grid-auto-columns:92px;gap:10px;overflow-x:auto;padding:6px 2px 14px;list-style:none;scroll-snap-type:x proximity;scrollbar-width:thin}.tier{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:16px;border:1px solid var(--line);background:var(--surface);scroll-snap-align:start;text-align:center}.tier--highlight{border-color:color-mix(in srgb,var(--magic) 55%,transparent);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--magic) 18%,transparent),transparent 70%),var(--surface)}.tier--ready{border:2px solid var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 22%,transparent),0 8px 18px -8px color-mix(in srgb,var(--gold) 70%,transparent);animation:tier-glow 1.8s ease-in-out infinite}.tier--claimed .tier__art{opacity:.45;filter:grayscale(.6)}.tier--locked .tier__art{opacity:.8}.tier__num{font-family:var(--font-display);font-weight:800;font-size:.8rem;color:var(--muted)}.tier__art{position:relative;display:grid;place-items:center}.tier__badge{position:absolute;right:-6px;bottom:-4px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:var(--text);background:var(--surface-3);border:2px solid var(--surface)}.tier__badge--done{color:#fff;background:var(--success)}.tier__label{font-size:.72rem;font-weight:700;line-height:1.15}@keyframes tier-glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 14%,transparent),0 8px 18px -8px color-mix(in srgb,var(--gold) 70%,transparent)}}.passgrid{display:grid;gap:16px}.exchange{display:flex;align-items:center;gap:12px;padding:8px 0}.exchange+.exchange{border-top:1px solid var(--line)}.exchange__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.claimreveal{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(92vw,420px);padding:26px 20px 20px;border-radius:var(--radius-l);overflow:hidden;text-align:center;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));box-shadow:var(--shadow-2)}.claimreveal>*{position:relative;z-index:1}.claimreveal h2{font-family:var(--font-display)}.claimreveal__art{position:relative;display:grid;place-items:center}.claimreveal__art.is-shaking{animation:chest-shake .65s ease-in-out}.claimreveal__art.is-open{animation:chest-pop .45s cubic-bezier(.2,.9,.2,1.3)}.art--chest .chest__lid{transition:transform .35s cubic-bezier(.2,.9,.2,1.3)}@keyframes chest-shake{20%,60%{transform:rotate(-6deg)}40%,80%{transform:rotate(6deg)}}@keyframes chest-pop{0%{transform:scale(.85)}}.tile--quests.is-ready{border-color:color-mix(in srgb,var(--gold) 60%,transparent)}@media(max-width:599px){.passhero{flex-direction:column;text-align:center}.passhero__body p,.passhero__body .row{justify-content:center}}@media(min-width:900px){.questboard{grid-template-columns:1fr 1fr;align-items:start}.questboard>p{grid-column:1 / -1}.passgrid{grid-template-columns:1fr 1fr;align-items:start}}.claimreveal__art.is-open .chest__lid{transform:rotate(-26deg);transform-origin:10px 30px}.attributes__layout{display:grid;gap:16px}.roulette{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow-1);overflow:hidden}.roulette__head h2{display:flex;align-items:center;gap:8px;font-family:var(--font-display)}.reels{display:grid;gap:8px;list-style:none;padding:0}.reel{display:grid;grid-template-columns:34px 1fr 52px;align-items:center;gap:10px;padding:6px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}.reel.is-hit{border-color:color-mix(in srgb,var(--gold) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent)}.reel.is-miss .reel__window{opacity:.6}.reel__window{display:flex;justify-content:center;gap:10px;padding:4px;border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,transparent);overflow:hidden}.reel__cell{display:grid;place-items:center;width:40px;height:40px}.reel.is-spinning .reel__cell{animation:reel-spin .18s linear infinite;animation-delay:calc(var(--i) * -.06s);filter:blur(1.5px)}.reel.is-hit .reel__cell{animation:reel-land .35s cubic-bezier(.2,.9,.2,1.3)}.reel__blank{width:26px;height:26px;border-radius:50%;background:var(--track)}.reel__result{justify-self:end}@keyframes reel-spin{0%{transform:translateY(-14px)}to{transform:translateY(14px)}}@keyframes reel-land{0%{transform:translateY(-16px) scale(.8)}}.art--dofus.is-dim{filter:grayscale(.6);opacity:.75}.roulette__win{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.roulette__win p{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.roulette__chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-weight:800;background:color-mix(in srgb,var(--gold) 16%,transparent)}.roulette__money{align-items:center;font-size:1.3rem;font-weight:900}.roulette__foot{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.roulette__wait{display:flex;align-items:center;gap:6px;font-weight:700}.dofusbag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0}.dofusbag li{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.attrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}.attr{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--radius-m);border:1px solid color-mix(in srgb,var(--elem) 35%,var(--line));background:radial-gradient(90% 90% at 0% 0%,color-mix(in srgb,var(--elem) 14%,transparent),transparent 70%),var(--surface)}.attr__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.attr__lvl{font-family:var(--font-display);font-weight:800}.attr__bonus{font-size:1.4rem;font-weight:900}.attr__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto}.cost{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;font-variant-numeric:tabular-nums}.cost__item{display:inline-flex;align-items:center;gap:3px}.cost__item.is-short{color:var(--danger)}@media(min-width:900px){.attributes__layout{grid-template-columns:3fr 2fr;align-items:start}}.arenahero{display:flex;align-items:center;gap:20px;padding:20px;border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--league) 45%,var(--line));background:radial-gradient(80% 120% at 0% 50%,color-mix(in srgb,var(--league) 24%,transparent),transparent 65%),var(--surface);box-shadow:var(--shadow-1)}.arenahero__body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.arenahero__body h2{font-family:var(--font-display);font-size:1.6rem}.arenahero__line,.arenahero__body p{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pips{display:inline-flex;gap:5px}.pip{width:14px;height:14px;border-radius:50%;background:var(--track);border:2px solid var(--line-strong)}.pip.is-on{background:var(--danger);border-color:color-mix(in srgb,var(--danger) 60%,#000)}.shadows{display:grid;gap:10px;list-style:none;padding:0}.shadow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface)}.shadow.is-fought{opacity:.6}.shadow__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.shadow__name{font-family:var(--font-display);font-weight:800;font-size:.95rem;line-height:1.2}.shadow__stats,.shadow__stake{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-variant-numeric:tabular-nums}.shadowart{display:grid;place-items:center;flex-shrink:0;border-radius:16px;overflow:hidden;filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--magic) 45%,transparent)) hue-rotate(20deg);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--magic) 35%,transparent),transparent 70%)}.arenagrid{display:grid;gap:16px}.leaguelist{display:grid;gap:8px;list-style:none;padding:0;margin-bottom:8px}.leaguelist li{display:grid;grid-template-columns:30px 1fr auto;grid-template-areas:"badge name reward" "badge next reward";align-items:center;column-gap:10px;padding:6px 8px;border-radius:12px}.leaguelist li>:first-child{grid-area:badge}.leaguelist__name{grid-area:name;font-weight:800}.leaguelist li>.muted{grid-area:next}.leaguelist__reward{grid-area:reward;display:inline-flex;align-items:center;gap:4px;font-weight:700}.leaguelist li.is-current{background:color-mix(in srgb,var(--magic) 14%,transparent);outline:1px solid color-mix(in srgb,var(--magic) 45%,transparent)}.overlay--duel{align-items:center}.duel{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;width:min(94vw,560px);padding:22px 18px;border-radius:var(--radius-l);overflow:hidden;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-2)}.duel>*{position:relative;z-index:1}.duel__ring{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%}.duel__side{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center;transition:opacity .3s,filter .3s}.duel__side strong{font-size:.9rem;overflow-wrap:anywhere}.duel__side.is-down{opacity:.45;filter:grayscale(1)}.duel__art{position:relative;display:grid;place-items:center}.duel__vs{font-family:var(--font-display);font-weight:900;font-size:1.4rem;color:var(--danger)}.duel__result{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.duel__result h2{font-family:var(--font-display)}.duel__honor{font-size:1.3rem;font-weight:900}.duel__honor.is-up{color:var(--success)}.duel__honor.is-down{color:var(--danger)}.duel__rankup{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--magic)}@media(max-width:599px){.arenahero{flex-direction:column;text-align:center}.arenahero__line,.arenahero__body p{justify-content:center}.shadow{flex-wrap:wrap}.shadow>.btn,.shadow>.tag{margin-left:auto}}@media(min-width:900px){.arenagrid{grid-template-columns:1fr 1fr;align-items:start}}.success__top{display:grid;gap:16px;align-items:start;margin-bottom:20px}@media(min-width:960px){.success__top{grid-template-columns:1.1fr 1fr}.success__top .pcard{grid-column:1 / -1}}.pcard{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));background:radial-gradient(90% 140% at 0% 50%,color-mix(in srgb,var(--gold) 20%,transparent),transparent 62%),radial-gradient(70% 120% at 100% 0%,color-mix(in srgb,var(--magic) 16%,transparent),transparent 62%),var(--surface);box-shadow:var(--shadow-1);color:var(--gold)}.pcard__body{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--text)}.pcard__name{margin:0;font-family:var(--font-display);font-size:clamp(1.3rem,4vw,1.75rem)}.pcard__title{margin:0;font-style:italic;font-weight:600;color:color-mix(in srgb,var(--magic) 65%,var(--text))}.pcard__stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:2px 0 0}.pname{display:inline-flex;align-items:center;gap:6px;max-width:100%}.pname__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tchips{display:flex;flex-wrap:wrap;gap:8px}.tchip{padding:7px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font:inherit;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}.tchip:hover{border-color:color-mix(in srgb,var(--magic) 60%,var(--line))}.tchip.is-on{background:color-mix(in srgb,var(--magic) 22%,var(--surface-2));border-color:var(--magic)}.ornaments{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;list-style:none;padding:0;margin:0 0 8px}.orn{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;height:100%;padding:10px 8px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;text-align:center}button.orn{cursor:pointer}button.orn:hover{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}.orn.is-on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--surface-2))}.orn.is-locked{opacity:.55;filter:grayscale(.7)}.orn__none{display:grid;place-items:center;height:28px;color:var(--muted)}.orn__name{font-weight:700;font-size:.82rem}.orn__on{font-size:.72rem;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.04em}.orn__from{font-size:.72rem;line-height:1.25}.opair{display:inline-flex;gap:2px}.seg__count{font-size:.72rem;font-variant-numeric:tabular-nums;opacity:.75}.achgroup{margin-top:18px}.achlist{display:grid;gap:8px;list-style:none;padding:0;margin:0}@media(min-width:960px){.achlist{grid-template-columns:1fr 1fr}}.ach{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2)}.ach.is-done{border-color:color-mix(in srgb,var(--success) 45%,var(--line));background:color-mix(in srgb,var(--success) 8%,var(--surface-2))}.ach__icon{flex-shrink:0}.ach__check{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--success)}.ach__pct{font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums}.ach__body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.ach__name{margin:0;font-weight:600;line-height:1.35}.ach__name .sprite{vertical-align:-3px}.ach__progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.ach__rewards{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.85rem}.mg-gamepanel{margin-top:16px}.mg-game{display:flex;flex-direction:column;gap:16px}.mg-game__rules{margin:0;max-width:68ch;line-height:1.5}.mg-bids{display:flex;flex-direction:column;gap:8px}.mg-bids__label{font-weight:700;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.mg-bids__chips{display:flex;flex-wrap:wrap;gap:8px}.mg-bid{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font:inherit;font-weight:700;font-size:.88rem;font-variant-numeric:tabular-nums;cursor:pointer}.mg-bid:hover{border-color:color-mix(in srgb,var(--gold) 60%,var(--line))}.mg-bid.is-on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,var(--surface-2))}.mg-bids__free{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mg-bids__free input{width:160px;padding:8px 10px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.mg-outcome{position:relative;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:10px 16px;border-radius:14px;font-size:1.1rem}.mg-outcome.is-win{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent);border:1px solid color-mix(in srgb,var(--success) 45%,transparent)}.mg-outcome.is-loss{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}.mg-record{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:4px 0 0;padding-top:14px;border-top:1px solid var(--line)}.mg-record div{display:flex;flex-direction:column;gap:2px}.mg-record dt{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.mg-record dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}.mg-duel{display:flex;align-items:center;justify-content:center;gap:clamp(16px,6vw,56px);padding:18px;border-radius:var(--radius-l);background:radial-gradient(60% 90% at 50% 100%,color-mix(in srgb,var(--magic) 18%,transparent),transparent 70%),var(--surface-2)}.mg-duel__side{display:flex;flex-direction:column;align-items:center;gap:6px}.mg-duel__vs{color:var(--muted)}.art--chafer.is-crit{filter:drop-shadow(0 0 10px rgba(240,180,76,.65))}.mg-rounds{display:grid;gap:6px;list-style:none;margin:0;padding:0}.mg-rounds li{display:grid;grid-template-columns:90px auto auto auto;justify-content:start;align-items:center;gap:10px;animation:pop-in .25s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)}}.mg-odds{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 18px;border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));background:radial-gradient(80% 140% at 0% 50%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 65%),var(--surface-2)}.mg-odds__main{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}.mg-odds__value{font-family:var(--font-display);font-size:2.2rem;color:var(--gold);font-variant-numeric:tabular-nums}.mg-odds__side{display:flex;flex-direction:column;gap:4px}.mg-odds__side .muted{display:inline-flex;align-items:center;gap:6px}.mg-dice{display:flex;flex-wrap:wrap;align-items:center;gap:16px;min-height:56px;color:var(--gold)}.mg-dice.is-rolling svg{animation:dice-roll .3s linear infinite}@keyframes dice-roll{to{transform:rotate(360deg)}}.mg-bethist{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.mg-race{display:grid;gap:8px;list-style:none;margin:0;padding:12px;border-radius:var(--radius-l);background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),var(--line) calc(10% - 1px) 10%),var(--surface-2)}.mg-lane{display:grid;grid-template-columns:minmax(70px,120px) 1fr;align-items:center;gap:10px;padding:2px 6px;border-radius:10px}.mg-lane.is-mine{background:color-mix(in srgb,var(--gold) 12%,transparent)}.mg-lane.is-winner{background:color-mix(in srgb,var(--success) 18%,transparent)}.mg-lane__name{font-weight:700;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mg-lane__track{position:relative;height:44px}.mg-lane__runner{position:absolute;top:2px;left:calc(var(--p) * (100% - 40px));transition:left .22s ease-out}.app--still .mg-lane__runner{transition:none}.mg-lane__flag{position:absolute;right:-2px;top:12px;color:var(--muted)}.mg-race__winner{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:700;color:var(--gold)}.mg-larvapick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mg-larvacard{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-weight:700;font-size:.8rem;cursor:pointer}.mg-larvacard.is-on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--surface-2))}.mg-larvacard:disabled{cursor:default;opacity:.6}.mg-multis{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.mg-multi{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:10px;background:var(--surface-2);font-variant-numeric:tabular-nums}.mg-spothead{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mg-spot__ask{margin:0;font-family:var(--font-display)}.mg-spot__jackpot{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:800;color:var(--gold)}.mg-mobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;list-style:none;margin:0;padding:0}.mg-mob{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;height:100%;padding:12px 6px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-weight:700;font-size:.82rem;cursor:pointer;transition:transform .12s,border-color .12s}.mg-mob:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--magic) 60%,var(--line))}.statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;align-items:start}.statcard{padding:16px 18px;border-radius:var(--radius-l);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1)}.statcard__title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:var(--font-display);font-size:1.05rem;color:var(--gold)}.statcard__rows{display:grid;margin:0}.statcard__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line)}.statcard__row:first-child{border-top:none}.statcard__row dt{color:var(--muted);font-size:.9rem}.statcard__row dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.statcard__inline,.statcard__game{display:inline-flex;align-items:center;gap:8px}.statcard__game{flex-wrap:wrap;justify-content:flex-end;font-weight:600;font-size:.85rem}.more{margin-top:18px}.more__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px}.more__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}.more__item:hover{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));transform:translateY(-1px)}.more__icon{position:relative;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.more__icon .badge-dot{position:absolute;top:-3px;right:-3px}.more__text{display:flex;flex-direction:column;min-width:0;flex:1}.more__title{font-weight:700}.more__sub{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more__chev{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:130% 0}60%,to{background-position:-130% 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}@keyframes pulse-border{0%,to{border-color:var(--line-strong)}50%{border-color:var(--gold)}}@keyframes float-y{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes idle-bounce{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-4px) scaleY(1.03)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-9deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-5deg)}}@keyframes flicker{0%,to{transform:scale(1)}50%{transform:scale(1.08) rotate(-3deg)}}@keyframes blink{to{visibility:hidden}}.portal{position:relative;width:168px;height:168px;display:grid;place-items:center}.portal span{position:absolute;inset:0;border-radius:50%;border:3px solid color-mix(in srgb,var(--portal) 75%,transparent);border-left-color:transparent;box-shadow:0 0 26px color-mix(in srgb,var(--portal) 55%,transparent),inset 0 0 26px color-mix(in srgb,var(--portal) 45%,transparent);animation:spin 7s linear infinite}.portal span:nth-child(2){inset:20px;border-style:dashed;border-left-color:color-mix(in srgb,var(--portal) 75%,transparent);animation-duration:11s;animation-direction:reverse}.portal span:nth-child(3){inset:44px;border:none;background:radial-gradient(circle,#fff 0,color-mix(in srgb,var(--portal) 80%,#fff) 25%,color-mix(in srgb,var(--portal) 40%,transparent) 55%,transparent 72%);box-shadow:0 0 60px color-mix(in srgb,var(--portal) 70%,transparent);animation:pulse-soft 2.4s ease-in-out infinite}.portal--big{width:min(70vw,260px);height:min(70vw,260px);--portal: var(--best)}.portal--charging span{animation-duration:.9s}.portal--charging span:nth-child(3){animation:charge 1.3s ease-in forwards}@keyframes charge{0%{transform:scale(.6);opacity:.6}80%{transform:scale(1.25);opacity:1}to{transform:scale(3);opacity:0}}.flip{perspective:900px;list-style:none}.flip__inner{display:grid;position:relative;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .6s cubic-bezier(.2,.85,.25,1.15)}.flip.is-flipped .flip__inner{transform:rotateY(0)}.flip__front,.flip__back{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip__front{position:relative;display:grid;place-items:center}.flip__back{transform:rotateY(180deg);display:grid;place-items:center;border-radius:16px;color:var(--gold-2);border:2px solid color-mix(in srgb,var(--gold) 60%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--magic) 50%,transparent),transparent 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 6px,transparent 6px 12px),#241a4d;box-shadow:0 10px 24px -10px #0009}.flip--rare.is-flipped .icard__frame{animation:rare-pop .7s cubic-bezier(.2,.9,.2,1.3) both}@keyframes rare-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}.rays{position:absolute;left:50%;top:50%;width:640px;height:640px;margin:-320px 0 0 -320px;z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--ray) 30%,transparent) 0deg 7deg,transparent 7deg 20deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 60%);mask:radial-gradient(circle,#000 0,transparent 60%);animation:spin 18s linear infinite}.rays--still{animation:none}.flip__front .rays{width:300px;height:300px;margin:-150px 0 0 -150px}.burst{position:absolute;left:50%;top:45%;width:0;height:0;z-index:5;pointer-events:none}.burst i{position:absolute;width:var(--size);height:var(--size);border-radius:2px;background:var(--burst);box-shadow:0 0 8px var(--burst);opacity:0;animation:burst .95s cubic-bezier(.15,.7,.3,1) var(--delay) forwards}.burst i:nth-child(3n){background:#fff;border-radius:50%}@keyframes burst{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.3);opacity:0}}.floats{position:absolute;inset:0;pointer-events:none;z-index:4}.float{position:absolute;left:50%;top:28%;font-family:var(--font-display);font-weight:900;font-size:1.25rem;white-space:nowrap;color:#fff;-webkit-text-stroke:1px rgba(0,0,0,.55);text-shadow:0 2px 6px rgba(0,0,0,.6);animation:float-up .95s cubic-bezier(.2,.7,.3,1) forwards}.float--crit{color:var(--gold-2);font-size:1.7rem}.float--miss{color:#cfd2e6;font-size:1rem;font-style:italic}.float--heal{color:#8ef0b5}@keyframes float-up{0%{transform:translate(-50%,6px) scale(.6);opacity:0}15%{transform:translate(-50%,-6px) scale(1.15);opacity:1}to{transform:translate(-50%,-46px) scale(1);opacity:0}}.shake--0{animation:shake-a .36s cubic-bezier(.36,.07,.19,.97)}.shake--1{animation:shake-b .36s cubic-bezier(.36,.07,.19,.97)}@keyframes shake-a{20%,60%{transform:translate(-6px) rotate(-1deg)}40%,80%{transform:translate(6px) rotate(1deg)}}@keyframes shake-b{20%,60%{transform:translate(6px) rotate(1deg)}40%,80%{transform:translate(-6px) rotate(-1deg)}}.overlay--celebrate{align-items:center;z-index:70;background:radial-gradient(circle at 50% 45%,#3c280a8c,#05050fe0)}.celebrate{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 24px;width:min(92vw,420px);text-align:center;color:#fff7e6;animation:celebrate-in .5s cubic-bezier(.2,.9,.2,1.3) both}.celebrate>*:not(.rays):not(.burst){position:relative;z-index:1}@keyframes celebrate-in{0%{opacity:0;transform:scale(.7)}}.celebrate__kicker{font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;color:var(--gold-2)}.celebrate__big{font-family:var(--font-display);font-weight:900;font-size:6rem;line-height:1;color:var(--gold-2);text-shadow:0 0 30px rgba(240,180,76,.8)}.celebrate__title{font-family:var(--font-display);font-weight:900;font-size:1.8rem}.celebrate__text{color:#fff7e6cc}.celebrate__text--strong{color:var(--gold-2);font-weight:800}.celebrate__loot{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:3rem;font-weight:900;color:#e3d4ff}.celebrate__actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.celebrate .btn--ghost,.reveal .btn--ghost{--btn-fg: rgba(255, 247, 230, .85)}.celebrate .btn--ghost:hover:not(:disabled),.reveal .btn--ghost:hover:not(:disabled){--btn-bg: rgba(255, 255, 255, .1);--btn-fg: #fff}.celebrate .muted{color:#fff7e6b3}