@layer foundation,components,legacy,features,shell,lobby;@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Noto+Serif+KR:wght@700;900&display=swap";@layer foundation{:root{color-scheme:dark;--color-bg-deep: #080a0e;--color-bg: #0c0f14;--color-surface-1: #161a22;--color-surface-2: #1f242e;--color-surface-3: #29303b;--color-surface-4: #343c49;--color-backdrop: rgba(4, 6, 9, .74);--color-spotlight-dim: rgba(4, 6, 9, .64);--color-line-1: #303845;--color-line-2: #434c5b;--color-line-3: #5a6576;--color-control: #394252;--color-control-hover: #455063;--color-control-line: #5f6b7d;--shadow-control: inset 0 1px 0 rgba(255, 255, 255, .07);--color-text-on-tone: #fbf8f2;--color-text-1: #f1ece2;--color-text-2: #bfc3cb;--color-text-3: #979da8;--color-text-disabled: #6d737e;--color-text-inverse: #17120a;--color-gold-1: #ecd08f;--color-gold-2: #c9a15a;--color-gold-3: #a07d3f;--color-gold-4: #6d5428;--color-gold-line: rgba(201, 161, 90, .36);--color-gold-soft: rgba(201, 161, 90, .12);--color-gold-faint: rgba(201, 161, 90, .06);--color-gold-line-strong: rgba(201, 161, 90, .55);--color-gold-glow: rgba(236, 208, 143, .55);--color-gold-halo: rgba(201, 161, 90, .14);--color-danger: #e0685c;--color-danger-strong: #ec7d71;--color-danger-soft: rgba(224, 104, 92, .14);--color-success: #6fbd82;--color-success-soft: rgba(111, 189, 130, .14);--color-warning: #e2aa48;--color-warning-soft: rgba(226, 170, 72, .14);--color-info: #72a6de;--color-info-soft: rgba(114, 166, 222, .14);--color-danger-line: rgba(224, 104, 92, .45);--color-success-line: rgba(111, 189, 130, .4);--color-warning-line: rgba(226, 170, 72, .42);--color-info-line: rgba(114, 166, 222, .4);--color-success-halo: rgba(111, 189, 130, .2);--color-danger-halo: rgba(224, 104, 92, .18);--mode-raid: #cf5a4b;--mode-rift: #5f95db;--mode-hell: #d9803f;--mode-narak: #9674d6;--mode-hourglass: #c9a15a;--mode-square: #5fb3a4;--grade-common: #a3a8b0;--grade-uncommon: #86b64d;--grade-rare: #4c9de2;--grade-epic: #a86ae2;--grade-legendary: #eaa53b;--grade-relic: #e2692f;--grade-ancient: #dccb9b;--grade-esther: #3ec6bb;--ark-void: #04050d;--ark-deep: #0a0a20;--ark-nebula-1: #2b1b72;--ark-nebula-2: #5c2c9f;--ark-nebula-3: #1a3b8c;--ark-glow: #cdb2ff;--ark-glow-soft: rgba(205, 178, 255, .34);--ark-line: #8f7cd8;--ark-line-faint: rgba(143, 124, 216, .3);--ark-order-1: #ffb48a;--ark-order-2: #c9382a;--ark-order-3: #3c0b12;--ark-chaos-1: #9fdcff;--ark-chaos-2: #2463d4;--ark-chaos-3: #07173f;--ark-metal-1: #f5e4b4;--ark-metal-2: #a88443;--ark-metal-3: #3b2c13;--ark-panel: rgba(7, 7, 19, .82);--ark-panel-raised: rgba(22, 20, 48, .86);--ark-panel-line: rgba(160, 142, 232, .3);--tone-easy: var(--color-success);--tone-normal: var(--color-text-2);--tone-hard: var(--color-danger-strong);--tone-nightmare: var(--grade-epic);--tone-apocalypse: var(--grade-legendary);--tone-endgame: var(--grade-esther);--tone-impossible: var(--grade-relic);--boss-hp-line-0: #e59a2f;--boss-hp-line-1: #8360d6;--boss-hp-line-2: #2fae98;--boss-hp-line-3: #c0509f;--boss-hp-line-4: #4a8fe0;--boss-hp-line-last: #e5483c;--boss-hp-plate: rgba(10, 12, 16, .86);--boss-hp-rim: rgba(255, 255, 255, .12);--boss-hp-trail: rgba(255, 248, 235, .86);--boss-hp-under-shade: rgba(0, 0, 0, .32);--boss-hp-edge: rgba(255, 255, 255, .85);--boss-hp-dim: rgba(6, 8, 12, .58);--boss-hp-bevel: inset 0 2px 0 rgba(255, 255, 255, .28), inset 0 -3px 0 rgba(0, 0, 0, .22);--boss-hp-text-shadow: 0 0 2px #000, 0 1px 2px #000, 1px 0 0 rgba(0, 0, 0, .7), -1px 0 0 rgba(0, 0, 0, .7);--font-sans: "Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Cinzel", "Pretendard Variable", Pretendard, serif;--font-mono: "JetBrains Mono", Consolas, "Roboto Mono", monospace;--text-2xs: 12px;--text-xs: 13px;--text-sm: 15px;--text-md: 16px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 24px;--text-3xl: 28px;--text-control-sm: 14px;--text-panel-title: 20px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.45;--tracking-caps: .08em;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 999px;--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-1: 0 1px 2px rgba(0, 0, 0, .35);--shadow-2: 0 6px 18px rgba(0, 0, 0, .38);--shadow-3: 0 18px 48px rgba(0, 0, 0, .52);--shadow-focus: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-gold-2);--shadow-text-over-game: 0 2px 8px rgba(0, 0, 0, .6);--plate-bg: radial-gradient(120% 55% at 0% 0%, rgba(201, 161, 90, .16), transparent 62%), linear-gradient(180deg, rgba(31, 28, 23, .97), rgba(15, 17, 23, .97));--plate-shadow: inset 0 1px 0 rgba(255, 236, 190, .12), inset 0 0 0 1px rgba(236, 208, 143, .05), 0 0 0 1px rgba(0, 0, 0, .55), 0 24px 60px rgba(0, 0, 0, .6);--plate-keycap-bg: linear-gradient(180deg, #3d3a33, #25252a);--plate-keycap-shadow: inset 0 1px 0 rgba(255, 236, 190, .18), 0 0 18px rgba(201, 161, 90, .25);--font-title: "Noto Serif KR", "Nanum Myeongjo", "Batang", serif;--announce-gold-fill: linear-gradient(180deg, #fffaf0 0%, #fbe8b8 20%, #ecc576 42%, #a8742a 51%, #d6a24f 60%, #f4d791 82%, #fff3d0 100%);--announce-gold-edge: rgba(34, 17, 4, .94);--announce-cream: #f6ecd6;--announce-shadow: 0 2px 4px rgba(0, 0, 0, .85), 0 0 14px rgba(0, 0, 0, .6);--announce-ink: rgba(6, 8, 12, .8);--announce-ink-band: linear-gradient(90deg, transparent, var(--announce-ink) 16%, var(--announce-ink) 84%, transparent);--announce-rare-glow: radial-gradient(55% 140% at 50% 0%, rgba(255, 196, 96, .34), transparent 72%);--announce-ink-band-soft: linear-gradient(90deg, transparent, rgba(6, 8, 12, .56) 18%, rgba(6, 8, 12, .56) 82%, transparent);--announce-lane-mask: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);--announce-veil: radial-gradient(50% 50% at 50% 50%, rgba(4, 6, 10, .74), rgba(4, 6, 10, .5) 46%, transparent 74%);--announce-hairline: linear-gradient(90deg, transparent, rgba(201, 161, 90, .7) 18%, rgba(255, 236, 190, .95) 50%, rgba(201, 161, 90, .7) 82%, transparent);--announce-sheen: linear-gradient(100deg, transparent 38%, rgba(255, 255, 255, .9) 50%, transparent 62%);--color-notice-sky: #8ed2ff;--color-notice-sky-strong: #c4e8ff;--announce-hairline-sky: linear-gradient(90deg, transparent, rgba(96, 182, 255, .72) 18%, rgba(206, 236, 255, .95) 50%, rgba(96, 182, 255, .72) 82%, transparent);--control-h-sm: 34px;--control-h-md: 42px;--control-h-lg: 52px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .28s;--z-topbar: 40;--z-popover: 60;--z-settings: 9400;--z-modal: 9306;--shell-max-width: 1760px;--shell-gutter: clamp(12px, 1.6vw, 24px);--topbar-h: 76px;--topbar-padding-top: 16px}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}}@layer foundation{*,*:before,*:after{box-sizing:border-box}html{overflow:hidden;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;overflow:hidden;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);word-break:keep-all;overflow-wrap:anywhere;font-feature-settings:"tnum" 1;color:var(--color-text-1);background-color:var(--color-bg);background-image:radial-gradient(120% 70% at 50% -10%,rgba(201,161,90,.06),transparent 60%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-deep) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}canvas{display:block}button:disabled{cursor:not-allowed}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}::selection{background:var(--color-gold-soft);color:var(--color-text-1)}body:is(.playing,.connecting,.postgame),body:is(.playing,.connecting,.postgame) :not(.square-window-drag-handle,.square-window-drag-handle *){cursor:url(/assets/images/cursor/cursor_32.png) 0 0,auto!important}*{scrollbar-width:thin;scrollbar-color:var(--color-line-3) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-pill);background:var(--color-line-3) padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-3) padding-box}*::-webkit-scrollbar-corner{background:transparent}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-variant-numeric:tabular-nums}[data-emoji]:not(button,a,input):before{content:attr(data-emoji);margin-inline-end:.4em;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-weight:400;line-height:1}}@layer foundation{.ui-icon{--icon-size: 20px;display:inline-block;flex:none;width:var(--icon-size);height:var(--icon-size);background-color:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.ui-icon[data-icon=chat]{--icon: url(/assets/ui/icons/chat.svg)}.ui-icon[data-icon=chevron-down]{--icon: url(/assets/ui/icons/chevron-down.svg)}.ui-icon[data-icon=close]{--icon: url(/assets/ui/icons/close.svg)}.ui-icon[data-icon=content]{--icon: url(/assets/ui/icons/content.svg)}.ui-icon[data-icon=daily-mission]{--icon: url(/assets/ui/icons/daily-mission.svg)}.ui-icon[data-icon=discord]{--icon: url(/assets/ui/icons/discord.svg)}.ui-icon[data-icon=document]{--icon: url(/assets/ui/icons/document.svg)}.ui-icon[data-icon=engrave]{--icon: url(/assets/ui/icons/engrave.svg)}.ui-icon[data-icon=friend]{--icon: url(/assets/ui/icons/friend.svg)}.ui-icon[data-icon=gift]{--icon: url(/assets/ui/icons/gift.svg)}.ui-icon[data-icon=info]{--icon: url(/assets/ui/icons/info.svg)}.ui-icon[data-icon=inventory]{--icon: url(/assets/ui/icons/inventory.svg)}.ui-icon[data-icon=issue-report]{--icon: url(/assets/ui/icons/issue-report.svg)}.ui-icon[data-icon=jewel]{--icon: url(/assets/ui/icons/jewel.svg)}.ui-icon[data-icon=logout]{--icon: url(/assets/ui/icons/logout.svg)}.ui-icon[data-icon=mail]{--icon: url(/assets/ui/icons/mail.svg)}.ui-icon[data-icon=milestone]{--icon: url(/assets/ui/icons/milestone.svg)}.ui-icon[data-icon=party]{--icon: url(/assets/ui/icons/party.svg)}.ui-icon[data-icon=profile]{--icon: url(/assets/ui/icons/profile.svg)}.ui-icon[data-icon=refine]{--icon: url(/assets/ui/icons/refine.svg)}.ui-icon[data-icon=settings]{--icon: url(/assets/ui/icons/settings.svg)}.ui-icon[data-icon=shop]{--icon: url(/assets/ui/icons/shop.svg)}.ui-icon[data-icon=skill]{--icon: url(/assets/ui/icons/skill.svg)}.ui-icon[data-icon=solo]{--icon: url(/assets/ui/icons/solo.svg)}.ui-icon[data-icon=square]{--icon: url(/assets/ui/icons/square.svg)}.ui-icon[data-icon=stats]{--icon: url(/assets/ui/icons/stats.svg)}.ui-icon[data-icon=sword]{--icon: url(/assets/ui/icons/sword.svg)}.ui-icon[data-icon=transcend]{--icon: url(/assets/ui/icons/transcend.svg)}.ui-icon[data-icon=tutorial]{--icon: url(/assets/ui/icons/tutorial.svg)}.ui-icon[data-icon=volume]{--icon: url(/assets/ui/icons/volume.svg)}}@layer components{button,.btn{min-height:var(--control-h-md);padding:6px var(--space-3);border:1px solid var(--color-control-line);border-radius:var(--radius-md);background:var(--color-control);color:var(--color-text-1);box-shadow:var(--shadow-control);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.25;letter-spacing:0;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}button:hover:not(:disabled),.btn:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-control-hover)}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(1px)}button:disabled,.btn:disabled,.btn[aria-disabled=true]{border-color:var(--color-line-1);background:transparent;color:var(--color-text-disabled);box-shadow:none;text-shadow:none;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);text-decoration:none;white-space:nowrap;cursor:pointer}.btn--sm{min-height:var(--control-h-sm);padding:4px var(--space-2-5);font-size:var(--text-control-sm)}.btn--lg{min-height:var(--control-h-lg);padding:10px var(--space-5);font-size:var(--text-lg);font-weight:var(--weight-bold)}.btn--primary,.primary-btn,.mp-primary-btn{border-color:var(--color-gold-3);background:linear-gradient(180deg,#d8b46c,#b88f4b);color:var(--color-text-inverse);font-weight:var(--weight-bold);box-shadow:inset 0 1px #fff4d659,var(--shadow-1)}.btn--primary:hover:not(:disabled),.primary-btn:hover:not(:disabled),.mp-primary-btn:hover:not(:disabled){border-color:var(--color-gold-2);background:linear-gradient(180deg,#e4c27c,#c49a53)}.btn--secondary,.secondary-btn,.mp-secondary-btn,.panel-action-btn{border-color:var(--color-control-line);background:var(--color-control);color:var(--color-text-1)}.btn--secondary:hover:not(:disabled),.secondary-btn:hover:not(:disabled),.mp-secondary-btn:hover:not(:disabled),.panel-action-btn:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-control-hover)}.panel-action-btn{min-height:var(--control-h-sm);padding:4px var(--space-2-5);font-size:var(--text-control-sm)}.btn--ghost,.form-toggle-btn,.mp-chip-btn{border-color:transparent;background:transparent;color:var(--color-text-2);box-shadow:none}.btn--ghost:hover:not(:disabled),.form-toggle-btn:hover:not(:disabled),.mp-chip-btn:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.form-toggle-btn{min-height:var(--control-h-sm);padding:4px var(--space-2-5);border-color:var(--color-line-2);font-size:var(--text-control-sm)}.form-toggle-btn[aria-pressed=true],.form-toggle-btn.is-active,.mp-chip-btn[aria-pressed=true]{border-color:var(--color-gold-line);background:var(--color-gold-soft);color:var(--color-gold-1)}.btn--danger,.mp-secondary-btn.is-danger{border-color:var(--color-danger-line);background:var(--color-danger-soft);color:var(--color-danger-strong)}.btn--danger:hover:not(:disabled),.mp-secondary-btn.is-danger:hover:not(:disabled){border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 22%,transparent)}.btn--tone{--tone: var(--color-gold-2);border-color:var(--tone);background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 78%,black),color-mix(in srgb,var(--tone) 60%,black));color:var(--color-text-on-tone);font-weight:var(--weight-bold);text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff29,var(--shadow-1)}.btn--tone:hover:not(:disabled){border-color:color-mix(in srgb,var(--tone) 70%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 88%,black),color-mix(in srgb,var(--tone) 68%,black))}.btn--mode{--tone: var(--panel-accent, var(--color-gold-2))}.btn--claim{--tone: var(--color-success)}.btn--buy,.btn--recommend{--tone: var(--color-info)}.icon-btn{display:inline-grid;place-items:center;width:var(--control-h-md);min-width:var(--control-h-md);height:var(--control-h-md);min-height:0;padding:0;border-color:transparent;background:transparent;color:var(--color-text-2);box-shadow:none}.icon-btn:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.icon-btn .ui-icon{--icon-size: 18px}}@layer components{label{color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold)}input:is([type=text],[type=password],[type=number],[type=search],[type=email],:not([type])),textarea,select{width:100%;min-height:var(--control-h-md);padding:6px var(--space-2-5);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);color:var(--color-text-1);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input::placeholder,textarea::placeholder{color:var(--color-text-3)}input:is([type=text],[type=password],[type=number],[type=search],[type=email],:not([type])):hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--color-line-3)}input:is([type=text],[type=password],[type=number],[type=search],[type=email],:not([type])):focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-gold-3);box-shadow:0 0 0 3px var(--color-gold-soft)}input:disabled,select:disabled,textarea:disabled{color:var(--color-text-disabled);cursor:not-allowed}select{padding-right:30px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23979da8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:14px;cursor:pointer}select option{background:var(--color-surface-2);color:var(--color-text-1)}input[type=checkbox],input[type=radio],.checkbox{width:16px;height:16px;margin:0;accent-color:var(--color-gold-2);cursor:pointer}input[type=range]{accent-color:var(--color-gold-2);cursor:pointer}input.is-invalid{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}input.is-valid{border-color:var(--color-success-line)}.form-row{display:flex;flex-direction:column;gap:var(--space-1-5)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2-5)}.form-input-row{display:flex;align-items:center;gap:var(--space-2)}.form-input-row input{flex:1}.form-note{color:var(--color-text-3);font-size:var(--text-xs)}.form-status{min-height:1em;color:var(--color-text-3);font-size:var(--text-xs)}.form-status[data-state=success]{color:var(--color-success)}.form-status[data-state=error]{color:var(--color-danger-strong)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2-5);min-height:var(--control-h-md);padding:6px var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-2)}.toggle-row .label{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold)}.toggle-row.inline{display:grid;grid-template-columns:auto auto;align-items:center;gap:var(--space-2)}}@layer components{.panel{--panel-accent: var(--color-line-3);position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-1)}.panel[data-mode]{border-top-color:transparent}.panel[data-mode]:before{content:"";position:absolute;inset:-1px -1px auto;height:2px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--panel-accent);pointer-events:none}.panel[data-mode=raid]{--panel-accent: var(--mode-raid)}.panel[data-mode=rift]{--panel-accent: var(--mode-rift)}.panel[data-mode=hell]{--panel-accent: var(--mode-hell)}.panel[data-mode=narak]{--panel-accent: var(--mode-narak)}.panel[data-mode=hourglass]{--panel-accent: var(--mode-hourglass)}.panel[data-mode=square]{--panel-accent: var(--mode-square)}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);min-height:56px;padding:var(--space-2-5) var(--space-4);border-bottom:1px solid var(--color-line-1)}.panel-title{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-text-1);font-size:var(--text-panel-title);font-weight:var(--weight-bold);letter-spacing:-.01em;flex-wrap:wrap;overflow-wrap:anywhere}.panel-header-actions{display:flex;align-items:center;gap:var(--space-2);min-width:0}.panel-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.panel-section{display:flex;flex-direction:column;gap:var(--space-2-5)}.section-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.section-title{color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:0}.panel-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.panel-row.stack{grid-template-columns:1fr}.stat-line{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-2);font-size:var(--text-sm)}.stat-line strong{color:var(--color-text-1);font-weight:var(--weight-semibold)}.divider{height:1px;border:0;margin:0;background:var(--color-line-1)}.control-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-1)}}@layer components{.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.modal-content,.dialog{position:relative;display:flex;flex-direction:column;min-width:min(320px,100%);max-width:100%;overflow-wrap:anywhere;max-height:calc(100vh - 32px);border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-surface-1);color:var(--color-text-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);animation:dialog-in var(--duration-base) var(--ease-out)}.modal-content{gap:var(--space-3);padding:var(--space-6);text-align:center}.modal-content h2{margin:0;color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold)}.modal-content p{margin:0;color:var(--color-text-2)}.modal-actions,.dialog-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.dialog-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line-1)}.dialog-title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold)}.dialog-subtitle{margin-top:2px;color:var(--color-text-3);font-size:var(--text-sm)}.dialog-body{min-height:0;padding:var(--space-5);overflow:auto}.dialog-footer{justify-content:flex-end;margin:0;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-line-1)}.dialog-close{display:inline-grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:0;padding:0;border-color:transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-3);font-size:20px;font-weight:var(--weight-regular);line-height:1}.dialog-close:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px) scale(.99)}}}@layer components{.tabs{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--space-1);border-bottom:1px solid var(--color-line-1)}.tab,.mp-tab{position:relative;min-height:var(--control-h-md);padding:6px var(--space-3);border:0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:transparent;color:var(--color-text-3);font-weight:var(--weight-semibold)}.tab:hover:not(:disabled),.mp-tab:hover:not(:disabled){border:0;background:var(--color-surface-2);color:var(--color-text-1)}:is(.tab,.mp-tab):is(.active,.is-active,[aria-selected=true]){color:var(--color-gold-1)}:is(.tab,.mp-tab):is(.active,.is-active,[aria-selected=true]):after{content:"";position:absolute;right:var(--space-2);bottom:-1px;left:var(--space-2);height:2px;border-radius:2px 2px 0 0;background:var(--color-gold-2)}.segmented{display:inline-flex;align-items:stretch;flex-wrap:wrap;gap:2px;padding:2px;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep)}.segmented-option{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);min-height:var(--control-h-md);padding:4px var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-3);font-size:var(--text-md);font-weight:var(--weight-semibold);white-space:nowrap}.segmented-option:hover:not(:disabled){border:0;background:var(--color-surface-3);color:var(--color-text-1)}.segmented-option:is(.active,.is-active,[aria-pressed=true]){background:var(--color-surface-4);color:var(--color-gold-1);box-shadow:inset 0 0 0 1px var(--color-gold-line)}.segmented-option .ui-icon{--icon-size: 16px}}@layer components{.chip{display:inline-flex;align-items:center;gap:var(--space-1);height:20px;padding:0 var(--space-1-5);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}.chip--gold{border-color:var(--color-gold-line);background:var(--color-gold-soft);color:var(--color-gold-1)}.chip--info{border-color:var(--color-info-line);background:var(--color-info-soft);color:var(--color-info)}.chip--recommend{flex:none;height:24px;padding-inline:var(--space-2);border-color:#d4f2ff;border-radius:var(--radius-pill);background:linear-gradient(135deg,#effcff,#b8e5ff 45%,#8cbfff);color:#163b65;font-size:var(--text-xs);font-weight:var(--weight-bold);box-shadow:inset 0 1px #ffffffe6,0 0 9px #72a6de4d}.chip--recommend:before{content:"";flex:none;width:12px;height:12px;background:currentColor;clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%)}.chip--danger{border-color:var(--color-danger-line);background:var(--color-danger-soft);color:var(--color-danger-strong)}.chip--warning{border-color:var(--color-warning-line);background:var(--color-warning-soft);color:var(--color-warning)}.chip--success{border-color:var(--color-success-line);background:var(--color-success-soft);color:var(--color-success)}.nav-badge{position:absolute;top:2px;right:4px;display:none;min-width:16px;height:16px;padding:0 4px;border:2px solid var(--color-surface-1);border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-bold);line-height:12px;text-align:center;pointer-events:none;box-sizing:content-box}.nav-dot{position:absolute;top:5px;right:9px;display:none;width:7px;height:7px;border:2px solid var(--color-surface-1);border-radius:50%;background:var(--color-danger);pointer-events:none;box-sizing:content-box}.nav-badge.is-visible,.nav-dot.is-visible{display:block}.nav-badge.is-visible~.nav-dot{display:none}}@layer components{.hover-hint{position:fixed;top:0;left:0;z-index:9500;max-width:min(300px,calc(100vw - 20px));padding:var(--space-2) var(--space-2-5);border:1px solid var(--color-line-3);border-top-color:rgba(var(--hover-hint-accent-rgb, 201, 161, 90),.85);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-1) 97%,transparent);color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.5;box-shadow:var(--shadow-2);opacity:0;transform:translate(-50%,4px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out);pointer-events:none}.hover-hint.open{opacity:1;transform:translate(-50%)}.hover-hint.dungeon-info-hint{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-3) var(--space-4);white-space:pre-line;overflow-wrap:anywhere;transform:translateY(4px)}.hover-hint.dungeon-info-hint.open{transform:translateY(0)}.hover-hint-title{margin-bottom:2px;color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-bold)}.hover-hint-body{color:var(--color-text-2);font-size:var(--text-sm)}}@layer components{.resource-icon{position:relative;flex-shrink:0;width:var(--resource-icon-size, 50px);height:var(--resource-icon-size, 50px);background-position:center;background-repeat:no-repeat;background-size:contain}.resource-icon-gold{background-image:url(/assets/ui/items/resource_gold.svg)}.resource-icon-crystal{background-image:url(/assets/ui/items/resource_crystal.svg)}.resource-icon-fate{background-image:url(/assets/ui/items/resource_fate_stone.svg)}.resource-icon-honor{background-image:url(/assets/ui/items/resource_honor_shard.svg)}.resource-icon-radiant{background-image:url(/assets/ui/items/resource_radiant_shard.svg)}.resource-icon-rune{background-image:url(/assets/ui/items/resource_rune_shard.svg)}.resource-icon-wisdomessence{background-image:url(/assets/ui/items/resource_wisdom_essence.svg)}.resource-icon-rift{background-image:url(/assets/ui/items/rift_ticket.svg)}.resource-icon-rift-powerful{background-image:url(/assets/ui/items/rift_ticket_powerful.svg)}.resource-icon-hourglass-ticket{background-image:url(/assets/ui/items/hourglass_ticket_bronze_variant.svg)}.resource-icon-hell-key-shard{background-image:url(/assets/ui/items/hell_key_shard_reforged.svg)}.resource-icon-narak-key{background-image:url(/assets/ui/items/narak_key.png)}.resource-icon-hell-key{background-image:url(/assets/ui/items/hell_key_rare.png)}.buff-cost-coin{display:inline-block;width:16px;height:16px;background:url(/assets/ui/items/resource_gold.svg) center / contain no-repeat}.inventory-item-icon{--item-art-size: 78%;position:relative;flex-shrink:0;width:var(--item-tile-size, 56px);height:var(--item-tile-size, 56px);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background-color:var(--color-bg-deep);background-position:center;background-repeat:no-repeat;background-size:var(--item-art-size);box-shadow:inset 0 -2px 0 var(--item-grade, transparent)}.treasure-box-icon,.loot-icon-gold-box,.loot-icon-hell-key,.loot-icon-hell-key-shard,.loot-icon-narak-key,.product-reset{background-position:center;background-repeat:no-repeat;background-size:var(--item-art-size, contain)}.loot-icon-hell-key{background-image:url(/assets/ui/items/hell_key_rare.png)}.loot-icon-hell-key-shard{background-image:url(/assets/ui/items/hell_key_shard_reforged.svg)}.loot-icon-narak-key{background-image:url(/assets/ui/items/narak_key.png)}.loot-icon-narak-key.narak-key-shiny-icon{background-image:url(/assets/ui/items/narak_key_plus.png)}.product-reset-daily{background-image:url(/assets/ui/items/reward_ticket_daily.svg)}.product-reset-boss{background-image:url(/assets/ui/items/reward_ticket_boss.svg)}:is(.resource-icon,.inventory-item-icon).hell-key-rare{background-image:url(/assets/ui/items/hell_key_rare.png)}:is(.resource-icon,.inventory-item-icon).hell-key-heroic{background-image:url(/assets/ui/items/hell_key_hero.png)}:is(.resource-icon,.inventory-item-icon).hell-key-legendary{background-image:url(/assets/ui/items/hell_key_legendary.png)}:is(.resource-icon,.inventory-item-icon).hell-key-relic{background-image:url(/assets/ui/items/hell_key_relic.png)}:is(.resource-icon-gold-box,.loot-icon-gold-box){background-image:url(/assets/ui/items/gold_lucky_box_premium.svg)}:is(.resource-icon,.inventory-item-icon).gold-box-premium{background-image:url(/assets/ui/items/gold_lucky_box_premium.svg)}:is(.resource-icon,.inventory-item-icon).gold-box-super{background-image:url(/assets/ui/items/gold_lucky_box_super.svg)}:is(.resource-icon,.inventory-item-icon).gold-box-royal{background-image:url(/assets/ui/items/gold_lucky_box_royal.svg)}:is(.resource-icon,.inventory-item-icon).gold-box-destiny{background-image:url(/assets/ui/items/gold_lucky_box_destiny.svg)}.resource-icon-treasure-box{background-image:url(/assets/ui/items/treasure_box_basic.svg)}:is(.resource-icon,.inventory-item-icon,.treasure-box-icon).treasure-box-basic{background-image:url(/assets/ui/items/treasure_box_basic.svg)}:is(.resource-icon,.inventory-item-icon,.treasure-box-icon).treasure-box-advanced{background-image:url(/assets/ui/items/treasure_box_advanced.svg)}:is(.resource-icon,.inventory-item-icon,.treasure-box-icon).treasure-box-rare{background-image:url(/assets/ui/items/treasure_box_rare.svg)}:is(.resource-icon,.inventory-item-icon,.treasure-box-icon).treasure-box-hero{background-image:url(/assets/ui/items/treasure_box_hero.svg)}:is(.resource-icon,.inventory-item-icon,.treasure-box-icon).treasure-box-legend{background-image:url(/assets/ui/items/treasure_box_legend.svg)}:is(.resource-icon,.inventory-item-icon,.treasure-box-icon).treasure-box-relic{background-image:url(/assets/ui/items/treasure_box_relic.svg)}:is(.resource-icon,.inventory-item-icon,.treasure-box-icon).treasure-box-esther{background-image:url(/assets/ui/items/treasure_box_esther.svg)}:is(.consumable-dark-grenade,.consumable-whirlwind-grenade,.consumable-fire-grenade,.consumable-destruction-bomb,.consumable-spirit-potion,.consumable-time-stop,.consumable-protection-potion,.consumable-adrophin,.consumable-awakening){background-position:center;background-repeat:no-repeat;background-size:var(--item-art-size, 95%)}.consumable-dark-grenade{background-image:url(/assets/ui/items/dark_grenade.png)}.consumable-whirlwind-grenade{background-image:url(/assets/ui/items/whirl_grenade.png)}.consumable-fire-grenade{background-image:url(/assets/ui/items/fire_grenade.png)}.consumable-destruction-bomb{background-image:url(/assets/ui/items/destruction_bomb.png)}.consumable-spirit-potion{background-image:url(/assets/ui/items/spirit_potion.png)}.consumable-time-stop{background-image:url(/assets/ui/items/time_stop.png)}.consumable-protection-potion{background-image:url(/assets/ui/items/protection_potion.png)}.consumable-adrophin{background-image:url(/assets/ui/items/adrophin_potion.png)}.consumable-awakening{background-image:url(/assets/ui/items/awakening_potion.png)}.battle-item-enhanced-glow{filter:drop-shadow(0 0 1px var(--color-gold-1)) drop-shadow(0 0 3px var(--color-gold-line))}.inventory-item-icon.battle-item-enhanced-glow{filter:none;border-color:var(--color-gold-3);box-shadow:inset 0 0 0 1px var(--color-gold-line)}.inventory-item-icon:is(.treasure-box-basic){--item-grade: var(--grade-common)}.inventory-item-icon:is(.treasure-box-advanced){--item-grade: var(--grade-uncommon)}.inventory-item-icon:is(.treasure-box-rare,.hell-key-rare){--item-grade: var(--grade-rare)}.inventory-item-icon:is(.treasure-box-hero,.hell-key-heroic){--item-grade: var(--grade-epic)}.inventory-item-icon:is(.treasure-box-legend,.hell-key-legendary){--item-grade: var(--grade-legendary)}.inventory-item-icon:is(.treasure-box-relic,.hell-key-relic){--item-grade: var(--grade-relic)}.inventory-item-icon:is(.treasure-box-esther){--item-grade: var(--grade-esther)}}@layer features{:is(.inventory-overlay,.hell-synth-overlay,.shop-overlay,.stats-overlay,.mail-overlay,.friend-overlay,.milestone-overlay,.daily-mission-overlay){position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out)}:is(.inventory-overlay,.hell-synth-overlay,.shop-overlay,.stats-overlay,.mail-overlay,.friend-overlay,.milestone-overlay,.daily-mission-overlay).open{opacity:1;pointer-events:auto}.milestone-overlay,.daily-mission-overlay{z-index:9023}.mail-overlay{z-index:9025}.friend-overlay{z-index:9026}.stats-overlay{z-index:9027}.inventory-overlay,.shop-overlay{z-index:9201}.hell-synth-overlay{z-index:9208}}@layer features{.rift-info-overlay{position:fixed;inset:0;z-index:5200;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.rift-info-overlay.open{display:flex}.rift-info-modal{position:relative;display:flex;flex-direction:column;width:min(760px,100%);max-height:min(86vh,880px);overflow:auto;border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-surface-1);color:var(--color-text-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);animation:dialog-in var(--duration-base) var(--ease-out)}.rift-info-header{position:sticky;top:0;z-index:1;display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line-1);background:var(--color-surface-1)}.rift-info-title{min-width:0;color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.rift-info-close{display:inline-grid;flex:none;place-items:center;width:32px;min-width:32px;height:32px;min-height:0;padding:0;border-color:transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-3);font-size:20px;font-weight:var(--weight-regular);line-height:1}.rift-info-close:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.rift-info-modal>:not(.rift-info-header,.rift-info-body){margin-inline:var(--space-5)}.rift-info-modal>:not(.rift-info-header,.rift-info-body):nth-child(2){margin-top:var(--space-5)}.rift-info-modal>:not(.rift-info-header,.rift-info-body):last-child{margin-bottom:var(--space-5)}.rift-info-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);color:var(--color-text-2);font-size:var(--text-base);line-height:1.65;word-break:keep-all}.rift-info-body>div:not([class]){color:var(--color-text-1);font-weight:var(--weight-semibold)}.rift-info-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.rift-info-list li{position:relative;padding:var(--space-2-5) 0 var(--space-2-5) var(--space-4);color:var(--color-text-2)}.rift-info-list li+li{border-top:1px solid var(--color-line-1)}.rift-info-list li:before{content:"";position:absolute;top:calc(var(--space-2-5) + .72em);left:2px;width:5px;height:5px;border-radius:50%;background:var(--color-gold-3)}.rift-info-section{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-line-1)}.rift-info-subtitle{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.rift-info-note{color:var(--color-text-3);font-size:var(--text-sm);line-height:var(--leading-normal)}.rift-info-table-wrap{overflow-x:auto;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg-deep)}.rift-info-table{width:100%;border-collapse:collapse;color:var(--color-text-2);font-size:var(--text-md);font-variant-numeric:tabular-nums;line-height:1.4}.rift-info-table--fixed{table-layout:fixed}.rift-info-table th,.rift-info-table td{padding:var(--space-1-5) var(--space-2-5);text-align:left;white-space:nowrap}.rift-info-table th{position:sticky;top:0;border-bottom:1px solid var(--color-line-2);background:var(--color-surface-2);color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.rift-info-table tbody tr+tr td{border-top:1px solid var(--color-line-1)}.rift-info-table tbody tr:hover td{background:var(--color-surface-1)}.rift-info-table td:first-child{color:var(--color-text-1)}.rift-info-table .is-num{text-align:right}.rift-info-table .is-wrap{white-space:normal}.rift-info-table tfoot td{border-top:1px solid var(--color-line-2);color:var(--color-text-1);font-weight:var(--weight-bold)}.rift-destiny-title{display:flex;align-items:center;gap:var(--space-2)}.rift-destiny-shard{flex:none;width:22px;height:28px;background:url(/assets/ui/rift-destiny/shard.webp) center / contain no-repeat;filter:drop-shadow(0 0 6px rgba(255,210,130,.65))}.rift-destiny-item{display:flex;align-items:center;gap:var(--space-2)}.rift-destiny-icon{--grade: #d9d9d9;--grade-deep: #26272b;position:relative;flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--grade) 60%,#d8c08a);border-radius:6px;background:linear-gradient(135deg,var(--grade-deep) 0%,color-mix(in srgb,var(--grade) 40%,var(--grade-deep)) 55%,color-mix(in srgb,var(--grade) 78%,transparent) 100%);box-shadow:inset 0 0 0 1px #00000073,0 0 8px color-mix(in srgb,var(--grade) 30%,transparent)}.rift-destiny-icon img{width:26px;height:26px;object-fit:contain}.rift-destiny-icon[data-grade=uncommon]{--grade: #8df901;--grade-deep: #1a2c12}.rift-destiny-icon[data-grade=rare]{--grade: #2fb9ff;--grade-deep: #0b2436}.rift-destiny-icon[data-grade=epic]{--grade: #d35cff;--grade-deep: #2a1236}.rift-destiny-icon[data-grade=legendary]{--grade: #ffa31f;--grade-deep: #35210a}.rift-destiny-icon[data-grade=relic]{--grade: #ff6a1f;--grade-deep: #381508}.rift-destiny-icon[data-grade=ancient]{--grade: #ead1a6;--grade-deep: #33291c}.rift-destiny-icon[data-grade=esther]{--grade: #45f2e4;--grade-deep: #082f33}.rift-destiny-name{color:var(--color-text-1);font-weight:var(--weight-semibold)}.rift-destiny-table tr[data-grade=legendary] .rift-destiny-name{color:#ffc56a}.rift-destiny-table tr[data-grade=relic] .rift-destiny-name{color:#ff9a62}.rift-destiny-table tr[data-grade=ancient] .rift-destiny-name{color:#f2dfbd}.rift-destiny-table tr[data-grade=esther] .rift-destiny-name{color:#7ff6ec}.rift-destiny-amount{padding:0 7px;border:1px solid var(--color-line-2);border-radius:999px;background:#00000059;color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-bold)}.rift-destiny-grade{color:var(--color-text-3);font-size:12px}.rift-destiny-table .is-current{background:#ffcf7814;color:#ffe2a8}.rift-destiny-table th.is-current{box-shadow:inset 0 -2px #e9bd6a;color:#ffe2a8}.rift-destiny-table .is-zero{color:var(--color-text-3)}.rift-info-col-label{width:28%}.rift-info-col-value{width:22%}.rift-info-col-stage{width:82px}.rift-info-table--pairs td{padding-block:var(--space-1-5)}.rift-info-table--pairs td:nth-child(odd){color:var(--color-text-3)}.rift-info-table--pairs td:nth-child(2n){color:var(--color-text-1);font-weight:var(--weight-semibold);text-align:right}.rift-info-table--pairs td:nth-child(3){padding-left:var(--space-5)}.rift-info-table--pairs tbody tr:hover td{background:transparent}}@layer features{:is(#raid-start-confirm,#raid-start-failure-modal,#skill-preset-confirm,#skill-preset-info,#raid-abort-modal,#defeat-modal,#victory-modal) .modal-content{--flow-accent: transparent;width:min(440px,100%);overflow:hidden}:is(#raid-start-confirm,#skill-preset-confirm,#raid-abort-modal,#defeat-modal) .modal-content:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--flow-accent);pointer-events:none}#raid-start-confirm{position:fixed;inset:0;z-index:10001;pointer-events:auto}#raid-start-confirm[data-tier=red] .modal-content{--flow-accent: var(--color-danger)}#raid-start-confirm[data-tier=orange] .modal-content{--flow-accent: var(--color-warning)}#raid-start-confirm[data-tier=blue] .modal-content{--flow-accent: var(--color-info)}#raid-start-confirm[data-tier=white] .modal-content{--flow-accent: var(--color-text-2)}#raid-start-confirm[data-tier=red] .modal-content h2{color:var(--color-danger-strong)}#raid-start-confirm[data-tier=orange] .modal-content h2{color:var(--color-warning)}#raid-start-confirm-message,#raid-start-failure-message,#skill-preset-confirm-message,#skill-preset-info-message{line-height:1.6;word-break:keep-all}#raid-start-confirm-message,#raid-start-failure-message{white-space:pre-line}#raid-start-confirm.is-choice-cards .modal-content{width:min(460px,100%);text-align:left}#raid-start-confirm.is-choice-cards.is-hourglass-class-select .modal-content{--flow-accent: var(--mode-hourglass)}#raid-start-confirm.is-choice-cards .modal-actions{flex-direction:column;align-items:stretch;gap:var(--space-2)}#raid-start-confirm .raid-start-choice-card-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-2-5) var(--space-3) var(--space-2-5) var(--space-4);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text-1);text-align:left;box-shadow:none;animation:raid-choice-in var(--duration-base) var(--ease-out) both}#raid-start-confirm .raid-start-choice-card-btn+.raid-start-choice-card-btn{animation-delay:50ms}#raid-start-confirm .raid-start-choice-card-btn:hover:not(:disabled){border-color:var(--color-gold-line);background:var(--color-surface-3)}#raid-start-confirm .raid-start-choice-card-btn:disabled{opacity:.5}.raid-start-choice-main{display:flex;flex-direction:column;gap:2px;min-width:0}.raid-start-choice-name{font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.raid-start-choice-subtitle{overflow:hidden;color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.raid-start-choice-icon-shell{display:inline-grid;flex:none;place-items:center;width:44px;height:44px;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep)}.raid-start-choice-icon{display:block;width:42px;height:36px}.raid-start-choice-icon.is-empty,.raid-start-choice-icon-shell.is-rendered .raid-start-choice-icon-fallback{display:none}.raid-start-choice-icon-fallback{color:var(--color-text-2);font-size:var(--text-base);font-weight:var(--weight-bold)}@keyframes raid-choice-in{0%{opacity:0;transform:translateY(4px)}}#skill-preset-confirm .modal-content{--flow-accent: var(--color-danger);width:min(480px,100%)}#skill-preset-confirm .modal-content h2{color:var(--color-danger-strong)}#skill-preset-info .modal-content{width:min(480px,100%)}:is(#raid-abort-modal,#defeat-modal){background:color-mix(in srgb,var(--color-bg-deep) 50%,transparent);backdrop-filter:none}#raid-abort-modal .modal-content{--flow-accent: var(--color-danger);width:min(400px,100%)}.raid-abort-status{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.raid-abort-count{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);padding:var(--space-2-5);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep);color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.raid-abort-count strong{color:var(--color-text-1);font-size:var(--text-xl);font-variant-numeric:tabular-nums}.raid-abort-timer{color:var(--color-text-2);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}#defeat-modal .modal-content{--flow-accent: var(--color-danger);width:min(400px,100%);gap:var(--space-2)}#defeat-modal .modal-content h2{color:var(--color-danger-strong);font-size:var(--text-2xl)}#defeat-reason{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-semibold)}:is(#defeat-modal,#victory-modal) .modal-content p:not([id]){color:var(--color-text-3);font-size:var(--text-md);font-variant-numeric:tabular-nums}:is(#survival-time,#clear-time){color:var(--color-text-1);font-weight:var(--weight-semibold)}:is(#defeat-modal,#victory-modal) .modal-actions{margin-top:var(--space-3)}}@layer features{.raid-reward-overlay{position:fixed;inset:0;z-index:5430;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.raid-reward-overlay.open{display:flex}.raid-reward-modal{display:flex;flex-direction:column;width:min(1280px,100%);max-height:min(92vh,960px);overflow:hidden;border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-surface-1);color:var(--color-text-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);animation:dialog-in var(--duration-base) var(--ease-out)}.raid-reward-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line-1)}.raid-reward-title{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.raid-reward-close{display:inline-grid;flex:none;place-items:center;width:32px;min-width:32px;height:32px;min-height:0;padding:0;border-color:transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-3);font-size:20px;font-weight:var(--weight-regular);line-height:1}.raid-reward-close:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.raid-reward-body{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;padding:var(--space-5)}.raid-reward-list-wrap{min-height:0;margin:calc(var(--space-1) * -1);padding:var(--space-1);overflow:auto}.raid-reward-list{display:flex;flex-direction:column;gap:var(--space-3)}.raid-reward-list-empty{display:flex;align-items:center;justify-content:center;min-height:96px;padding:var(--space-4);border:1px dashed var(--color-line-2);border-radius:var(--radius-lg);color:var(--color-text-3);font-size:var(--text-md);text-align:center}.raid-reward-boss-card{position:relative;padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2)}.raid-reward-boss-card:before{content:"";position:absolute;top:var(--space-3);bottom:var(--space-3);left:-1px;width:2px;border-radius:0 2px 2px 0;background:rgb(var(--raid-boss-rgb, 174, 178, 186))}.raid-reward-boss-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2-5);margin-bottom:var(--space-2-5)}.raid-reward-boss-name{margin:0;color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.raid-reward-boss-meta{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-medium)}.raid-reward-difficulty-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);align-items:stretch}.raid-reward-difficulty-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-2-5);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep)}.raid-reward-difficulty-card.is-adaptive{border-color:var(--color-gold-line)}.raid-reward-difficulty-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.raid-reward-difficulty-wrap{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-1-5);min-width:0}.raid-reward-difficulty-chip{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold)}.raid-reward-difficulty-chip.is-adaptive{color:var(--color-gold-1)}.raid-reward-status{flex:none}.raid-reward-status:is(.is-claimed,.is-none){color:var(--color-text-3)}.raid-reward-inline-list{display:flex;flex-direction:column;gap:var(--space-1-5)}.raid-reward-inline-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1-5)}.raid-reward-inline-row .raid-reward-inline-item{flex:1 1 0;min-width:0}.raid-reward-inline-item{display:flex;align-items:center;gap:var(--space-2);min-height:30px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-1)}.raid-reward-inline-item .resource-icon{--resource-icon-size: 18px}.raid-reward-inline-value{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--leading-tight);white-space:nowrap}.raid-reward-inline-item.is-esther .raid-reward-inline-value{color:var(--grade-esther)}.raid-reward-esther-icon{display:inline-block;width:18px;height:18px;border:1px solid var(--grade-esther);border-radius:var(--radius-xs);background:url(/assets/ui/items/treasure_box_esther.svg) center / contain no-repeat}.raid-reward-difficulty-card.is-claimed{border-color:var(--color-line-1)}.raid-reward-difficulty-card.is-claimed :is(.raid-reward-difficulty-chip,.raid-reward-inline-value){color:var(--color-text-3)}.raid-reward-difficulty-card.is-claimed :is(.resource-icon,.raid-reward-esther-icon){filter:grayscale(1);opacity:.6}.raid-reward-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0}.raid-reward-icon-wrap[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;z-index:2;padding:var(--space-1) var(--space-2);border:1px solid var(--color-line-3);border-top-color:var(--color-gold-3);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-text-1);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.3;white-space:nowrap;box-shadow:var(--shadow-2);opacity:0;transform:translate(-50%,2px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);pointer-events:none}.raid-reward-icon-wrap[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)}.raid-reward-note{display:grid;flex:none;gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-line-1);color:var(--color-text-3);font-size:var(--text-sm);line-height:var(--leading-normal)}.raid-reward-note-emphasis{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold)}@media(max-width:1100px){.raid-reward-difficulty-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:640px){.raid-reward-body{padding:var(--space-4)}.raid-reward-difficulty-grid{grid-template-columns:1fr}}}@layer features{.class-info-overlay{position:fixed;inset:0;z-index:5200;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.class-info-overlay.open{display:flex}.class-info-modal{display:flex;flex-direction:column;width:min(1080px,100%);max-height:min(86vh,900px);overflow:hidden;border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-surface-1);color:var(--color-text-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);animation:dialog-in var(--duration-base) var(--ease-out)}.class-info-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-3)}.class-info-title{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.class-info-subtitle{margin-top:2px;color:var(--color-text-3);font-size:var(--text-sm)}.class-info-subtitle:empty{display:none}.class-info-close{display:inline-grid;flex:none;place-items:center;width:32px;min-width:32px;height:32px;min-height:0;padding:0;border-color:transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-3);font-size:20px;font-weight:var(--weight-regular);line-height:1}.class-info-close:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.class-info-tabs{display:flex;flex:none;flex-wrap:wrap;gap:var(--space-1);padding:0 var(--space-5);border-bottom:1px solid var(--color-line-1)}.class-info-tab{position:relative;min-height:36px;padding:6px var(--space-3);border:0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:transparent;color:var(--color-text-3);font-weight:var(--weight-semibold)}.class-info-tab:hover:not(:disabled){border:0;background:var(--color-surface-2);color:var(--color-text-1)}.class-info-tab:is(.is-active,[aria-selected=true]){color:var(--color-gold-1)}.class-info-tab:is(.is-active,[aria-selected=true]):after{content:"";position:absolute;right:var(--space-2);bottom:-1px;left:var(--space-2);height:2px;border-radius:2px 2px 0 0;background:var(--color-gold-2)}.class-info-body{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;padding:var(--space-5);overflow:auto;color:var(--color-text-2);font-size:var(--text-base);line-height:1.6}.class-info-desc{color:var(--color-text-1);word-break:keep-all}.class-info-loading{color:var(--color-text-3)}.class-info-meta{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.class-info-chip{display:inline-flex;align-items:center;height:24px;padding:0 var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.class-info-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.class-info-skill{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2)}.class-info-skill-key{width:44px;height:44px;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background-color:var(--color-bg-deep)}.class-info-skill-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.class-info-skill-name{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.class-info-skill-desc{color:var(--color-text-2);font-size:var(--text-md);line-height:1.55;word-break:keep-all;text-wrap:balance}.class-info-skill-assist{color:var(--color-text-3);font-size:var(--text-sm);line-height:1.5;word-break:keep-all}.class-info-skill-assist b{color:var(--color-gold-1);font-weight:var(--weight-semibold)}.class-info-skill-stats{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-top:2px}.class-info-skill-stat{color:var(--color-text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}@media(max-width:680px){.class-info-skills{grid-template-columns:1fr}}}@layer features{.global-notice-banner{position:fixed;top:var(--global-notice-top, clamp(52px, 8vh, 86px));left:0;z-index:9700;display:none;flex-direction:column;gap:var(--space-1-5);width:100%;isolation:isolate;pointer-events:none}.global-notice-banner.active{display:flex}.global-notice-box{display:none;align-items:center;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:0 6%;background:var(--announce-hairline) top / 100% 1px no-repeat,var(--announce-hairline) bottom / 100% 1px no-repeat,var(--announce-ink-band-soft)}.global-notice-box.active{display:flex;animation:global-notice-in .42s var(--ease-out) both}.global-notice-badge{display:inline-flex;flex:none;align-items:center;gap:var(--space-2);padding-right:var(--space-4);color:var(--color-gold-1);font-family:var(--font-title);font-size:var(--text-md);font-weight:700;letter-spacing:.3em;text-shadow:var(--announce-shadow)}.global-notice-badge:before{content:"";width:26px;aspect-ratio:1;background:url(/assets/ui/announce/badge_hourglass.webp) center / contain no-repeat}.global-notice-lane{flex:1;min-width:0;overflow:hidden;padding:var(--space-2) 0;mask-image:var(--announce-lane-mask)}.global-notice-track{display:inline-block;padding-left:0;color:var(--announce-cream);font-family:var(--font-title);font-size:var(--text-lg);font-weight:700;letter-spacing:.02em;text-shadow:var(--announce-shadow);white-space:nowrap;transform:translate(0);will-change:transform}.global-notice-box[data-tone=notice]{background:var(--announce-hairline-sky) top / 100% 1px no-repeat,var(--announce-hairline-sky) bottom / 100% 1px no-repeat,var(--announce-ink-band-soft)}.global-notice-box[data-tone=notice] .global-notice-badge{color:var(--color-notice-sky-strong)}.global-notice-box[data-tone=notice] .global-notice-badge:before{background-image:url(/assets/ui/announce/badge_sky.webp)}.global-notice-box[data-tone=notice] .global-notice-track{color:var(--color-notice-sky)}@keyframes global-notice-in{0%{opacity:0;clip-path:inset(0 40% 0 40%)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes global-notice-marquee{0%{transform:translate(100vw)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.global-notice-box.active{animation:none}}}@layer features{.zone-title{--zt-accent: var(--mode-square);position:absolute;top:calc(var(--hud-top, 0px) + clamp(64px,9%,124px));left:50%;z-index:8;display:flex;flex-direction:column;align-items:center;width:min(860px,calc(100% - 32px));padding-bottom:var(--space-3);color:var(--announce-cream);text-align:center;pointer-events:none;translate:-50% 0}.zone-title[data-place=low]{top:calc(var(--hud-top, 0px) + clamp(140px,18%,210px))}.zone-title[data-place=bottom]{top:auto;bottom:clamp(190px,24%,280px)}.zone-title:is([data-place=low],[data-place=bottom]) .zone-title__veil{opacity:.62}.zone-title[data-tone=raid]{--zt-accent: var(--mode-raid)}.zone-title[data-tone=rift]{--zt-accent: var(--mode-rift)}.zone-title[data-tone=hell]{--zt-accent: var(--mode-hell)}.zone-title[data-tone=narak]{--zt-accent: var(--mode-narak)}.zone-title[data-tone=hourglass]{--zt-accent: var(--mode-hourglass)}.zone-title__veil{position:absolute;inset:-22px -4% -26px;z-index:-1;background:var(--announce-veil)}.zone-title__crest{position:relative;width:min(440px,70%);aspect-ratio:1400 / 132;background:url(/assets/ui/announce/crest_square.webp) center / contain no-repeat}.zone-title[data-tone=raid] .zone-title__crest{background-image:url(/assets/ui/announce/crest_raid.webp)}.zone-title[data-tone=rift] .zone-title__crest{background-image:url(/assets/ui/announce/crest_rift.webp)}.zone-title[data-tone=hell] .zone-title__crest{background-image:url(/assets/ui/announce/crest_hell.webp)}.zone-title[data-tone=narak] .zone-title__crest{background-image:url(/assets/ui/announce/crest_narak.webp)}.zone-title[data-tone=hourglass] .zone-title__crest{background-image:url(/assets/ui/announce/crest_hourglass.webp)}.zone-title__crest:before,.zone-title__crest:after{content:"";position:absolute;top:50%;left:50%;opacity:0;translate:-50% -50%;mix-blend-mode:screen}.zone-title__crest:before{width:64%;height:3px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--zt-accent) 55%,white) 50%,transparent)}.zone-title__crest:after{width:64px;aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.95),color-mix(in srgb,var(--zt-accent) 60%,transparent) 26%,transparent 66%)}.zone-title__kicker{margin-top:var(--space-1);color:var(--color-gold-1);font-family:var(--font-title);font-size:clamp(12px,.85vw,14px);font-weight:700;letter-spacing:.36em;text-indent:.36em;text-shadow:var(--announce-shadow)}.zone-title__kicker:empty{display:none}.zone-title__name{position:relative;margin-top:var(--space-1);font-family:var(--font-title);font-size:clamp(28px,2.5vw,44px);font-weight:900;line-height:1.14;letter-spacing:.12em;text-indent:.12em;white-space:nowrap}.zone-title[data-script=latin] .zone-title__name{font-family:var(--font-display);font-size:clamp(30px,2.7vw,48px);font-weight:700;letter-spacing:.16em;text-indent:.16em;text-transform:uppercase}.zone-title__edge{display:block;color:transparent;-webkit-text-stroke:.16em var(--announce-gold-edge);filter:drop-shadow(0 3px 2px rgba(0,0,0,.7)) drop-shadow(0 0 14px color-mix(in srgb,var(--zt-accent) 45%,transparent))}.zone-title__fill,.zone-title__sheen{position:absolute;inset:0;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.zone-title__fill{background-image:var(--announce-gold-fill)}.zone-title__sheen{background-image:var(--announce-sheen);background-position:140% 0;background-repeat:no-repeat;background-size:260% 100%}.zone-title__rule{width:min(400px,64%);aspect-ratio:1400 / 36;margin-top:var(--space-2-5);background:url(/assets/ui/announce/rule.webp) center / contain no-repeat}.zone-title__sub{max-width:min(620px,92%);margin-top:var(--space-1-5);color:var(--announce-cream);font-family:var(--font-title);font-size:clamp(13px,.95vw,15px);font-weight:700;line-height:1.55;letter-spacing:.26em;text-indent:.26em;text-shadow:var(--announce-shadow);word-break:keep-all;text-wrap:balance}.zone-title[data-long] .zone-title__sub{letter-spacing:.04em;text-indent:0}.zone-title__sub:empty{display:none}.zone-title.is-in .zone-title__veil{animation:zone-title-fade .56s var(--ease-out) both}.zone-title.is-in .zone-title__crest{animation:zone-title-unfold .82s cubic-bezier(.16,.84,.24,1) 60ms both}.zone-title.is-in .zone-title__crest:after{animation:zone-title-glint 1.1s ease-out .16s both}.zone-title.is-in .zone-title__crest:before{animation:zone-title-flare 1s ease-out .22s both}.zone-title.is-in .zone-title__kicker{animation:zone-title-rise .62s var(--ease-out) .42s both}.zone-title.is-in .zone-title__name{animation:zone-title-name .98s cubic-bezier(.2,.75,.2,1) .24s both}.zone-title.is-in .zone-title__sheen{animation:zone-title-sheen 1.2s cubic-bezier(.45,0,.3,1) 1s both}.zone-title.is-in .zone-title__rule{animation:zone-title-unfold .76s cubic-bezier(.16,.84,.24,1) .56s both}.zone-title.is-in .zone-title__sub{animation:zone-title-rise .7s var(--ease-out) .76s both}.zone-title.is-out{animation:zone-title-leave .76s cubic-bezier(.5,0,.75,0) both}@keyframes zone-title-fade{0%{opacity:0}}@keyframes zone-title-unfold{0%{opacity:.3;clip-path:inset(0 50% 0 50%)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes zone-title-glint{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes zone-title-flare{0%{opacity:0;transform:scaleX(.1)}30%{opacity:.9}to{opacity:0;transform:scaleX(1.25)}}@keyframes zone-title-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes zone-title-name{0%{opacity:0;transform:translateY(14px) scale(1.09,1.04)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes zone-title-sheen{0%{background-position:140% 0}to{background-position:-40% 0}}@keyframes zone-title-leave{to{opacity:0;transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.zone-title.is-in :is(.zone-title__veil,.zone-title__crest,.zone-title__kicker,.zone-title__name,.zone-title__rule,.zone-title__sub){animation:zone-title-fade .24s linear both}.zone-title.is-in .zone-title__sheen,.zone-title.is-in .zone-title__crest:before,.zone-title.is-in .zone-title__crest:after{animation:none}.zone-title.is-out{animation:zone-title-fade .24s linear reverse both}}@media(max-width:760px){.zone-title__kicker,.zone-title__sub{letter-spacing:.16em;text-indent:.16em}.zone-title__name{letter-spacing:.06em;text-indent:.06em;white-space:normal}}}@layer features{.stage-card{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;margin:0 auto;padding:0;border:0;background:var(--color-bg-deep)}body:is(.playing,.postgame) .stage-card{align-items:flex-start}body.playing.meeting-square .stage-card{width:100vw;max-width:none;margin:0}#game-container{--hud-top: 0px;--hud-left-top: calc(var(--space-4) + var(--control-h-md) + var(--space-2));position:relative;width:100%;max-width:100%;overflow:hidden;background:var(--color-bg-deep)}html:is(:fullscreen,:-webkit-full-screen) body.playing:is(.dungeon-hell,.dungeon-narak) #game-container{--hud-top: 70px}#game-overlay{position:absolute;inset:0;z-index:5;width:100%;height:100%;color:var(--color-text-1);font-size:var(--text-base);pointer-events:none}#game-overlay.raid-confirm-open{pointer-events:auto}:is(#phase-display,#pattern-display,.net-stat,.raid-clear-hud,.combat-analyzer-mini,.combat-analyzer-panel,.interaction-prompt-overlay,.space-cooldown-indicator){border:1px solid var(--color-line-2);background:color-mix(in srgb,var(--color-surface-1) 90%,transparent);box-shadow:var(--shadow-2)}.top-strip{position:absolute;top:calc(var(--hud-left-top) + var(--hud-top));left:var(--space-4);z-index:6;display:flex;flex-wrap:wrap;gap:var(--space-1-5);max-width:40%}#phase-display,#pattern-display{visibility:hidden;padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-md);color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}#phase-display:empty,#pattern-display:empty{display:none}.raid-abort-panel{position:absolute;top:calc(var(--space-4) + var(--hud-top));right:var(--space-4);z-index:8;pointer-events:auto}.raid-abort-btn{background-color:var(--color-surface-1);box-shadow:var(--shadow-1)}.raid-clear-hud{position:absolute;top:calc(168px + var(--hud-top));left:50%;z-index:7;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);max-width:calc(100% - 32px);padding:var(--space-2-5) var(--space-3) var(--space-2-5) var(--space-4);border-top:2px solid var(--color-success);border-radius:var(--radius-lg);transform:translate(-50%);pointer-events:auto;animation:dialog-in var(--duration-slow) var(--ease-out)}.raid-clear-info{display:flex;flex-direction:column;gap:2px;min-width:160px}.raid-clear-title{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold)}.raid-clear-status{color:var(--color-text-2);font-size:var(--text-sm)}.raid-clear-time{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.raid-clear-time:empty{display:none}.net-stats{position:absolute;top:calc(54px + var(--hud-top));right:var(--space-4);z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);pointer-events:none}.net-stat{padding:2px var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.boss-hp-return{position:absolute;top:calc(172px + var(--hud-top));left:50%;display:flex;justify-content:center;transform:translate(-50%);pointer-events:none}.boss-hp-return-btn{min-height:var(--control-h-lg);padding:10px var(--space-6);border-color:var(--color-line-3);background:color-mix(in srgb,var(--color-surface-2) 92%,transparent);font-size:var(--text-lg);box-shadow:var(--shadow-2);pointer-events:auto}.return-button{position:absolute;bottom:20%;left:50%;min-width:280px;padding-inline:var(--space-8);transform:translate(-50%);pointer-events:auto}.return-button:active:not(:disabled){transform:translate(-50%) translateY(1px)}#game-message{position:absolute;top:18%;left:50%;max-width:calc(100% - 48px);color:var(--announce-cream);font-family:var(--font-title);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:.04em;text-align:center;text-shadow:var(--announce-shadow);transform:translate(-50%)}#game-message:not(:empty){padding:var(--space-2) var(--space-8);background:var(--announce-hairline) top / 100% 1px no-repeat,var(--announce-hairline) bottom / 100% 1px no-repeat,var(--announce-ink-band-soft)}#game-temp-modal{position:absolute;top:18%;left:50%;z-index:9800;width:max-content;max-width:min(90vw,680px);padding:var(--space-2-5) var(--space-8);background:var(--announce-hairline) top / 100% 1px no-repeat,var(--announce-hairline) bottom / 100% 1px no-repeat,var(--announce-ink-band);color:var(--game-temp-modal-color, var(--announce-cream));font-family:var(--font-title);font-size:clamp(16px,1.2vw,20px);font-weight:700;line-height:1.45;text-shadow:var(--announce-shadow);text-align:center;white-space:normal;overflow-wrap:anywhere;opacity:0;transform:translate(-50%,-8px);transition:opacity var(--game-temp-modal-fade-ms, .28s) var(--ease-out),transform var(--game-temp-modal-fade-ms, .28s) var(--ease-out);pointer-events:none}#game-temp-modal.open{opacity:1;transform:translate(-50%)}.interaction-prompt-overlay{position:absolute;top:8%;left:50%;z-index:9999;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-semibold);transform:translate(-50%,-50%);pointer-events:none}.interaction-prompt-overlay[data-theme=hell]{border-top:2px solid var(--mode-hell)}.interaction-prompt-overlay[data-theme=narak]{border-top:2px solid var(--mode-narak)}.space-cooldown-indicator{position:absolute;z-index:8;min-width:24px;padding:1px var(--space-1-5);border-radius:var(--radius-sm);color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;transform:translate(-50%,-100%);pointer-events:none}.space-cooldown-indicator.is-wake{color:var(--color-warning)}.space-cooldown-indicator.is-guard{color:var(--color-success)}.raid-skill-opacity-control{position:fixed;top:max(var(--space-4),env(safe-area-inset-top,0px));left:calc(max(var(--space-4),env(safe-area-inset-left,0px)) + var(--control-h-md) + var(--space-2));z-index:240;display:inline-flex;align-items:center;gap:var(--space-1-5);min-height:var(--control-h-md);padding:0 var(--space-2-5);border-color:var(--color-line-2);background:color-mix(in srgb,var(--color-surface-2) 92%,transparent);color:var(--color-text-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-1);pointer-events:auto;transition:opacity var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.raid-skill-opacity-control:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-surface-3);color:var(--color-text-1)}.raid-skill-opacity-control.is-hidden{opacity:0;pointer-events:none}.raid-skill-opacity-control.is-low{border-color:var(--color-gold-line);color:var(--color-gold-1)}.raid-skill-opacity-icon{width:12px;height:12px;flex:none;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}.raid-skill-opacity-value{min-width:34px;color:var(--color-text-1);font-weight:var(--weight-semibold);text-align:left}.combat-analyzer-mini{position:absolute;right:var(--space-4);bottom:var(--space-4);z-index:6;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-lg);pointer-events:auto}.combat-analyzer-mini-row{display:flex;flex-direction:column;gap:1px;min-width:64px}.combat-analyzer-mini-label{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.combat-analyzer-mini-value{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.combat-analyzer-open{min-height:var(--control-h-sm);padding:4px var(--space-2-5);border-color:var(--color-line-2);background:var(--color-surface-2);font-size:var(--text-sm)}.combat-analyzer-panel{position:absolute;right:var(--space-4);bottom:76px;z-index:6;display:flex;flex-direction:column;width:min(400px,92vw);max-height:58vh;overflow:hidden;border-radius:var(--radius-lg);pointer-events:auto}.combat-analyzer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2-5);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-bottom:1px solid var(--color-line-1)}.combat-analyzer-title{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold)}.combat-analyzer-close{min-height:var(--control-h-sm);padding:4px var(--space-2-5);border-color:transparent;background:transparent;color:var(--color-text-2);font-size:var(--text-sm)}.combat-analyzer-close:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.combat-analyzer-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1-5) var(--space-3);padding:var(--space-2-5) var(--space-3);border-bottom:1px solid var(--color-line-1);color:var(--color-text-3);font-size:var(--text-xs)}.combat-analyzer-summary-item{display:flex;justify-content:space-between;gap:var(--space-1-5)}.combat-analyzer-summary-item span{color:var(--color-text-1);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.combat-analyzer-table{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto;padding:var(--space-1) var(--space-3) var(--space-2-5)}.combat-analyzer-row{display:grid;grid-template-columns:.8fr 1.1fr 1fr .7fr .8fr;gap:var(--space-2-5);padding:var(--space-1) 0;color:var(--color-text-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums}#combat-analyzer-rows .combat-analyzer-row+.combat-analyzer-row{border-top:1px solid var(--color-line-1)}.combat-analyzer-row span{text-align:right}.combat-analyzer-row span:first-child{color:var(--color-text-1);font-weight:var(--weight-semibold);text-align:left}.combat-analyzer-row-header{position:sticky;top:0;border-bottom:1px solid var(--color-line-2);background:var(--color-surface-1);color:var(--color-text-3);font-weight:var(--weight-semibold)}.combat-analyzer-row-header span:first-child{color:var(--color-text-3)}@media(max-width:768px){.combat-analyzer-mini{right:var(--space-2-5);bottom:var(--space-2-5)}.combat-analyzer-panel{right:var(--space-2-5);bottom:74px;left:var(--space-2-5);width:auto}#game-message{font-size:var(--text-2xl)}}}@layer features{.hp-bar-container{--hud-bar-h: 20px;--hud-hp-color: var(--color-danger);--hud-shield-color: color-mix(in srgb, var(--color-info) 88%, transparent);position:absolute;pointer-events:none}.hp-bar-container.player-hp{--hud-bar-h: 30px;bottom:140px;left:50%;width:clamp(272px,33.6vw,512px);transform:translate(-50%)}.hp-bar-container>span{display:block;margin-bottom:var(--space-1);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.2;text-align:center;text-shadow:0 1px 2px var(--color-bg-deep)}.hp-bar{position:relative;width:100%;height:var(--hud-bar-h);overflow:hidden;border:1px solid var(--color-line-3);border-radius:var(--radius-sm);background:var(--color-bg-deep)}#player-hp-fill{width:100%;height:100%;background:var(--hud-hp-color);box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-1) 22%,transparent)}#player-hp-fill{transition:width .1s ease-in-out}.hp-text{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 1px 2px var(--color-bg-deep),0 0 1px var(--color-bg-deep)}#player-hp-fill.hp-low-30{background:var(--color-danger-strong)}#player-hp-fill.hp-low-10{background:var(--color-danger-strong);animation:hud-hp-critical .8s ease-in-out infinite}@keyframes hud-hp-critical{50%{filter:brightness(1.45)}}#player-shield-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}#player-shield-fill{position:absolute;top:0;left:0;width:0%;height:100%;border-right:1px solid var(--color-text-1);background:var(--hud-shield-color);transition:width .15s ease-out,opacity .2s ease-out}#player-shield-text{position:absolute;top:50%;right:var(--space-2-5);z-index:2;color:var(--color-text-1);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px var(--color-bg-deep);opacity:0;transform:translateY(-50%);transition:opacity .2s ease-out}#player-elegian-overlay{--elegian-power: 1;position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .2s ease-out;pointer-events:none}#player-elegian-overlay.active{opacity:1}#player-elegian-barrier{position:absolute;inset:0;background:var(--color-info);opacity:calc(.14 + (var(--elegian-power) * .2))}#player-elegian-heal{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--color-success);opacity:calc(.4 + (var(--elegian-power) * .6))}#player-elegian-overlay.type-a #player-elegian-barrier{opacity:calc(.24 + (var(--elegian-power) * .3))}#player-elegian-overlay.invincible #player-elegian-barrier{background:var(--color-text-1);opacity:calc(.2 + (var(--elegian-power) * .25))}#player-elegian-text{position:absolute;top:50%;left:var(--space-2-5);z-index:3;color:var(--color-text-1);font-size:var(--text-xs);font-weight:var(--weight-bold);text-shadow:0 1px 2px var(--color-bg-deep);transform:translateY(-50%)}#player-elegian-overlay.passive #player-elegian-text{color:var(--color-text-2)}.boss-shield-bar{--hud-gauge-color: var(--hud-shield-color);position:relative;display:none;width:100%;height:22px;margin-top:var(--space-1-5);overflow:hidden;border:1px solid var(--color-line-3);border-radius:var(--radius-sm);background:var(--color-bg-deep)}:is(#boss-shield-fill,.boss-gauge-fill){position:relative;z-index:0;width:0%;height:100%;border-right:1px solid var(--color-text-1);background:var(--hud-gauge-color);transition:width .15s ease-out,opacity .2s ease-out}.boss-shield-text{font-size:var(--text-sm)}#boss-shield-bar{height:30px}.boss-overload-bar{--hud-gauge-color: var(--color-warning)}.boss-moonlight-bar{--hud-gauge-color: color-mix(in srgb, var(--color-text-1) 85%, transparent);margin-top:100px}.boss-overload-ticks{position:absolute;inset:3px;z-index:1;pointer-events:none}.boss-overload-tick{position:absolute;top:0;bottom:0;width:2px;background:color-mix(in srgb,var(--color-bg-deep) 55%,transparent);transform:translate(-1px)}.boss-overload-mid{position:absolute;top:50%;left:50%;z-index:3;color:var(--color-text-1);font-weight:var(--weight-bold);text-shadow:0 1px 2px var(--color-bg-deep);transform:translate(-50%,-50%);pointer-events:none}.boss-white-metrics-panel{position:absolute;top:0;right:0;z-index:4;min-width:240px;max-width:320px;padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-1) 92%,transparent);box-shadow:var(--shadow-2);transform:translate(calc(100% + 14px),-12px);pointer-events:none}.boss-white-metrics-title{margin-bottom:var(--space-2);color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.boss-white-metrics-rows{display:grid;gap:var(--space-1-5)}.boss-white-metrics-row{padding:var(--space-2) var(--space-2-5);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep)}.boss-white-metrics-value{color:var(--color-text-2);font-size:var(--text-base);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.3}.boss-white-metrics-value[data-tone=reduce]{color:var(--color-info)}.boss-white-metrics-value[data-tone=amp]{color:var(--color-danger-strong)}.boss-white-metrics-value[data-tone=score]{color:var(--color-warning)}.boss-white-metrics-sub{color:var(--color-text-3);font-size:var(--text-xs)}.boss-white-metrics-sub:empty{display:none}.boss-white-nightmare-timer{position:absolute;top:8px;right:var(--space-3);z-index:4;padding:2px var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-warning);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}:is(.boss-damage-reduction,.boss-piece-score){position:absolute;top:48px;z-index:3;color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px var(--color-bg-deep);white-space:nowrap;pointer-events:none}.boss-damage-reduction{right:var(--space-3)}.boss-piece-score{left:var(--space-3)}.boss-king-stack{position:absolute;top:0;left:0;z-index:3;padding:var(--space-1) var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text-1);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.25;white-space:nowrap;transform:translate(-100%);pointer-events:none}.boss-passive-stagger{position:relative;height:22px;margin-top:6px;overflow:hidden;border:1px solid #e3c26f;border-radius:4px;background:#171b23;isolation:isolate}.boss-passive-stagger[hidden]{display:none}.boss-passive-stagger-fill{height:100%;background:#c39a40}.boss-passive-stagger-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff7da;font-size:12px;font-weight:800;line-height:1;text-shadow:0 1px 3px #000,0 0 3px #000;z-index:2}.boss-passive-stagger-lock{display:none;font-size:17px}.boss-passive-stagger[data-mode=locked]{border:2px solid #e8edf5}.boss-passive-stagger[data-mode=locked]:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,#10151bcc 0 7px,#69748399 7px 10px);z-index:1}.boss-passive-stagger[data-mode=locked] .boss-passive-stagger-fill{background:#6b7688}.boss-passive-stagger[data-mode=locked] .boss-passive-stagger-lock{display:inline}.boss-passive-stagger[data-mode=locked] .boss-passive-stagger-label{color:#fff}.boss-passive-stagger[data-mode=broken]{border-color:#fff0b0;background:#654919}.boss-passive-stagger[data-mode=rearming]{border-color:#8994a7}}@layer features{.hp-bar-container.boss-hp{--boss-hp-portrait-size: 64px;--boss-hp-bar-h: 34px;top:calc(var(--space-4) + var(--hud-top, 0px));left:50%;display:grid;grid-template-columns:calc(var(--boss-hp-portrait-size) + var(--space-3)) minmax(0,1fr) 82px;row-gap:var(--space-1-5);align-items:center;width:clamp(440px,56vw,920px);box-sizing:border-box;padding:var(--space-2-5) var(--space-3) var(--space-2-5) var(--space-2-5);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--boss-hp-plate);box-shadow:var(--shadow-2);transform:translate(-50%)}.hp-bar-container.boss-hp>*{grid-column:2;min-width:0}.hp-bar-container.boss-hp>:is(.boss-white-metrics-panel,.boss-white-nightmare-timer,.boss-damage-reduction,.boss-piece-score,.boss-king-stack){grid-column:auto}.boss-hp-portrait{grid-column:1;grid-row:1 / span 2;width:var(--boss-hp-portrait-size);height:var(--boss-hp-portrait-size);box-sizing:border-box;border:2px solid rgba(var(--boss-tint, 201, 161, 90),.9);border-radius:50%;background-color:var(--color-surface-1);background-repeat:no-repeat;box-shadow:0 0 0 2px var(--color-bg-deep),var(--shadow-1)}.hp-bar-container.boss-hp>.boss-hp-portrait{grid-column:1}.boss-hp-portrait[hidden]{display:none}.hp-bar-container.boss-hp>.boss-hp-header{grid-column:2 / -1;grid-row:1;display:flex;align-items:center;gap:var(--space-2);min-height:24px;line-height:1;text-shadow:0 1px 2px var(--color-bg-deep);white-space:nowrap}.boss-hp-tier{display:inline-flex;align-items:center;height:20px;padding:0 7px;box-sizing:border-box;border:1px solid currentColor;border-radius:var(--radius-sm);background:color-mix(in srgb,currentColor 14%,transparent);color:var(--tone-normal);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-shadow:none}.boss-hp-tier[data-tier=Hard]{color:var(--tone-hard)}.boss-hp-tier[data-tier=Nightmare]{color:var(--tone-nightmare)}.boss-hp-tier:empty{display:none}.boss-hp-name{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold)}.boss-hp-epithet{overflow:hidden;color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-medium);text-overflow:ellipsis}.boss-hp-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hp-bar-container.boss-hp.is-pvp{grid-template-columns:0 minmax(0,1fr) 82px}.hp-bar-container.boss-hp.is-pvp :is(.boss-hp-portrait,.boss-hp-tier,.boss-hp-name,.boss-hp-epithet){display:none}.hp-bar-container.boss-hp.is-pvp .boss-hp-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.hp-bar-container.boss-hp>.hp-bar{grid-column:2;grid-row:2;height:var(--boss-hp-bar-h);border-color:var(--color-bg-deep);border-radius:var(--radius-sm);background:var(--color-bg-deep);box-shadow:inset 0 0 0 1px var(--boss-hp-rim),var(--shadow-1);contain:layout paint}:is(.boss-hp-under,.boss-hp-trail,#boss-hp-fill,.boss-hp-edge,.boss-hp-dim,.boss-hp-flash){position:absolute;inset:0;pointer-events:none}.boss-hp-under:after{position:absolute;inset:0;background:var(--boss-hp-under-shade);content:""}.boss-hp-trail{background:var(--boss-hp-trail);transform:translate(-100%)}#boss-hp-fill{background-color:var(--boss-hp-line-0);box-shadow:var(--boss-hp-bevel)}.boss-hp-edge{margin-left:-2px;border-left:2px solid var(--boss-hp-edge)}.boss-hp-edge[hidden]{display:none}.boss-hp-dim{background:var(--boss-hp-dim);opacity:0}.boss-hp-flash{background:var(--color-text-1);opacity:0}.hp-bar-container.boss-hp #boss-hp-line-text{font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:.01em;text-shadow:var(--boss-hp-text-shadow)}.boss-hp-count{position:absolute;top:0;right:var(--space-2-5);z-index:4;color:var(--color-gold-1);font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:calc(var(--boss-hp-bar-h) - 2px);text-shadow:var(--boss-hp-text-shadow);transform-origin:right center}.boss-hp-count:first-letter{font-size:var(--text-xs)}.hp-bar-container.boss-hp>.boss-hp-percent{grid-column:3;grid-row:2;justify-self:end;display:flex;align-items:center;justify-content:center;width:76px;height:var(--boss-hp-bar-h);box-sizing:border-box;border:1px solid var(--color-gold-line);border-radius:var(--radius-sm);background:var(--color-bg-deep);color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;contain:layout paint}.hp-bar-container.boss-hp.is-invincible>.hp-bar{border-color:var(--color-info)}.hp-bar-container.boss-hp.is-invincible .boss-hp-dim{opacity:1}.hp-bar-container.boss-hp.is-groggy>.hp-bar{border-color:var(--color-warning)}.hp-bar-container.boss-hp:is(.is-invincible,.is-groggy)>.hp-bar:after{position:absolute;inset:0 auto 0 var(--space-3);z-index:4;display:flex;align-items:center;color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-bold);text-shadow:var(--boss-hp-text-shadow);pointer-events:none}.hp-bar-container.boss-hp.is-invincible>.hp-bar:after{content:"\bb34\c801"}.hp-bar-container.boss-hp.is-groggy>.hp-bar:after{content:"\adf8\b85c\ae30"}.hp-bar-container.boss-hp>.boss-hp-info{order:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:16px;font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 1px 2px var(--color-bg-deep);white-space:nowrap}.boss-groggy-cooldown{color:var(--color-text-2);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.boss-groggy-cooldown.active{opacity:1}.boss-debuffs{display:none;margin-left:auto;color:var(--color-gold-1)}}@layer features{#cooldown-display{--cd-scale: .8;--cd-size: 72px;--cd-gap: 4px;--cd-pad: 4px;--cd-gap-xl: 66px;--panel-pad: var(--cd-pad);--v-panel-size: calc(var(--cd-size) * 1.265);--v-panel-w: calc(var(--v-panel-size) + (var(--panel-pad) * 2));--t-panel-size: calc(var(--cd-size) * 1.19);--t-panel-w: calc(var(--t-panel-size) + (var(--panel-pad) * 2));--left-panel-w: calc((var(--cd-size) * 4) + (var(--cd-gap) * 3) + (var(--panel-pad) * 2));--middle-panel-w: calc(var(--cd-size) + (var(--panel-pad) * 2));--right-panel-w: calc((var(--cd-size) * 4) + (var(--cd-gap) * 3) + (var(--panel-pad) * 2));--right-panel-h: calc(var(--cd-size) + (var(--panel-pad) * 2));--panel-h: calc((var(--cd-size) * 2) + var(--cd-gap) + (var(--panel-pad) * 2));--cd-shade: color-mix(in srgb, var(--color-bg-deep) 78%, transparent);--cd-ready-color: var(--color-info);--cd-ready-shadow: 0 0 5px color-mix(in srgb, var(--cd-ready-color) 32%, transparent);--cd-outline: 0 0 2px var(--color-bg-deep), 0 1px 2px var(--color-bg-deep), 0 0 1px var(--color-bg-deep);position:fixed;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:flex-end;justify-content:center;gap:var(--cd-gap-xl);width:100%;height:var(--panel-h);padding:0;pointer-events:none;transform:scale(var(--cd-scale));transform-origin:center bottom}.cd-panel{position:relative;z-index:0;display:grid;flex:0 0 auto;gap:var(--cd-gap);height:var(--panel-h);padding:var(--panel-pad);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-1) 92%,transparent);box-shadow:var(--shadow-2);pointer-events:none}#cooldown-display .cd-panel-left{width:var(--left-panel-w);grid-template-columns:repeat(4,var(--cd-size));grid-template-rows:repeat(2,var(--cd-size));grid-template-areas:"q w e r" "a s d f"}#cooldown-display .cd-panel-v{width:var(--v-panel-w);height:var(--v-panel-w);grid-template-columns:var(--v-panel-size);grid-template-rows:var(--v-panel-size);grid-template-areas:"v";align-content:center;justify-content:center;transform:translateY(calc(var(--cd-size) * -.18))}#cooldown-display .cd-panel-t{width:var(--t-panel-w);height:var(--t-panel-w);grid-template-columns:var(--t-panel-size);grid-template-rows:var(--t-panel-size);grid-template-areas:"t";align-content:center;justify-content:center;transform:translateY(calc(var(--cd-size) * -.18))}#cooldown-display .cd-panel-middle{width:var(--middle-panel-w);grid-template-columns:var(--cd-size);grid-template-rows:repeat(2,var(--cd-size));grid-template-areas:"z" "x"}#cooldown-display .cd-panel-right{width:var(--right-panel-w);height:var(--right-panel-h);grid-template-columns:repeat(4,var(--cd-size));grid-template-rows:var(--cd-size);grid-template-areas:"one two three four"}#cooldown-display :is(.cd-panel-v-right,.cd-panel-t-right){border:0;background:transparent;box-shadow:none}#cooldown-display :is(.cd-panel-v-right,.cd-panel-t-right) .cd-item{border:0;background:transparent;opacity:0}#cooldown-display.scouter-t-active .cd-panel .cd-item.skill-t{border-color:var(--color-info);box-shadow:inset 0 0 0 2px var(--color-info)}.cd-item{--cd-progress: 0;--cd-overlay: 0;--cd-chain-progress: 0;--cd-charge: 0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--cd-size);height:var(--cd-size);overflow:hidden;border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-bg-deep);color:var(--color-text-1)}.cd-item.skill-q{grid-area:q}.cd-item.skill-w{grid-area:w}.cd-item.skill-e{grid-area:e}.cd-item.skill-r{grid-area:r}.cd-item.skill-a{grid-area:a}.cd-item.skill-s{grid-area:s}.cd-item.skill-d{grid-area:d}.cd-item.skill-f{grid-area:f}.cd-item.skill-z{grid-area:z}.cd-item.skill-x{grid-area:x}.cd-item.skill-1{grid-area:one}.cd-item.skill-2{grid-area:two}.cd-item.skill-3{grid-area:three}.cd-item.skill-4{grid-area:four}.cd-item.skill-space{display:none}.cd-item.skill-v{grid-area:v;width:var(--v-panel-size);height:var(--v-panel-size);border-color:color-mix(in srgb,var(--grade-legendary) 70%,transparent);overflow:visible}.cd-item.skill-t{grid-area:t;width:var(--t-panel-size);height:var(--t-panel-size);border-color:color-mix(in srgb,var(--grade-rare) 70%,transparent);overflow:visible}.cd-icon{position:relative;z-index:2;width:calc(var(--cd-size) * .92);height:calc(var(--cd-size) * .92);background-color:var(--color-surface-3);background-position:center;background-repeat:no-repeat;background-size:99% 99%}.cd-item.skill-v .cd-icon{width:calc(var(--v-panel-size) * .96);height:calc(var(--v-panel-size) * .96)}.cd-item.skill-t .cd-icon{width:calc(var(--t-panel-size) * .96);height:calc(var(--t-panel-size) * .96)}.cd-item.battle-item .cd-icon{display:flex;align-items:center;justify-content:center;background-color:transparent;background-position:center;background-size:cover;font-size:0}.cd-key{position:absolute;bottom:2px;left:50%;z-index:4;color:var(--color-text-1);font-size:13px;font-weight:var(--weight-bold);line-height:1;text-shadow:var(--cd-outline);transform:translate(-50%)}.cd-type{position:absolute;top:0;left:0;z-index:4;padding:1px 3px;border-radius:0 0 var(--radius-xs) 0;background:color-mix(in srgb,var(--color-bg-deep) 82%,transparent);color:var(--color-text-2);font-size:var(--text-2xs);font-weight:var(--weight-bold);line-height:1.2;pointer-events:none}.cd-type:empty{display:none}.cd-overlay{position:absolute;inset:0;z-index:3;border-radius:inherit;background-image:conic-gradient(from -90deg,var(--cd-shade) 0turn,var(--cd-shade) calc(var(--cd-progress) * 1turn),transparent calc(var(--cd-progress) * 1turn),transparent 1turn);opacity:var(--cd-overlay);transform:rotate(-90deg) scaleX(-1);transform-origin:center}.cd-item:is(.skill-v,.skill-t) .cd-overlay{background-image:conic-gradient(from 0deg,transparent 0turn,transparent calc((1 - var(--cd-progress)) * 1turn),var(--cd-shade) calc((1 - var(--cd-progress)) * 1turn),var(--cd-shade) 1turn);transform:translateZ(0);backface-visibility:hidden}.cd-item.has-charges.charge-usable .cd-overlay{opacity:.5}.cd-item.has-charges.charge-empty .cd-overlay{opacity:.85}.cd-chain{position:absolute;inset:-4px;z-index:4;border-radius:var(--radius-md);background:conic-gradient(from 0deg,var(--color-text-1) 0turn,var(--color-text-1) calc(var(--cd-chain-progress) * 1turn),transparent calc(var(--cd-chain-progress) * 1turn),transparent 1turn);opacity:0;-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));transition:opacity var(--duration-fast) linear;pointer-events:none}.cd-item.chain-active .cd-chain{opacity:1}.cd-timer{position:absolute;inset:0;z-index:4;display:grid;grid-auto-flow:row;place-items:center;align-content:center;gap:2px;color:var(--color-text-1);font-variant-numeric:tabular-nums;font-kerning:none;text-align:center;contain:layout paint}:is(.cd-timer-main,.cd-timer-sub){display:block;width:100%;font-size:24px;font-weight:var(--weight-bold);line-height:1;text-shadow:var(--cd-outline)}.cd-timer-sub{min-height:1em;opacity:.75}.cd-timer-sub:empty{display:none}.cd-stack{position:absolute;right:4px;bottom:3px;z-index:8;margin:0;padding:0;color:var(--color-success);font-size:19px;font-weight:var(--weight-bold);line-height:1;text-shadow:var(--cd-outline);pointer-events:none}.cd-lock{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:var(--cd-shade);color:var(--color-danger-strong);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.2em;opacity:0;transition:opacity var(--duration-fast) ease;pointer-events:none}.cd-item.sealed{border-color:var(--color-danger)}.cd-item.sealed :is(.cd-key,.cd-type){color:var(--color-danger-strong)}.cd-item.sealed :is(.cd-timer,.cd-overlay){display:none}.cd-item.sealed .cd-lock{opacity:1}.cd-item.battle-item.is-ready{border-color:color-mix(in srgb,var(--color-success) 75%,transparent);animation:cd-item-ready-edge var(--duration-slow) var(--ease-out)}@keyframes cd-item-ready-edge{0%{box-shadow:inset 0 0 0 3px var(--color-success)}}.cd-item.is-usable:not(.skill-space){border-color:color-mix(in srgb,var(--cd-ready-color) 80%,transparent);box-shadow:var(--cd-ready-shadow)}.cd-item.is-unavailable:not(.sealed){border-color:var(--color-line-1)}.cd-item.is-unavailable .cd-icon{opacity:.52}.cd-item.is-unavailable:before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 7px 2px var(--color-bg-deep);pointer-events:none}.cd-item.skill-ready-flash:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;background:var(--color-text-on-tone);opacity:0;animation:cd-ready-flash .25s var(--ease-out);pointer-events:none}@keyframes cd-ready-flash{0%{opacity:.42}to{opacity:0}}@media(prefers-reduced-motion:reduce){.cd-item.skill-ready-flash:after{animation:none}}.cd-item.chain-active.is-usable:not(.yusan-empowered-queued){box-shadow:inset 0 0 0 1px var(--color-text-1),var(--cd-ready-shadow)}.cd-item.yusan-empowered-queued:not(.skill-space){border-color:var(--color-text-2)}.cd-item.yusan-empowered-queued :is(.cd-type,.cd-stack){color:var(--color-text-1)}.cd-item.yusan-empowered-ready:not(.skill-space){border-color:var(--color-text-1);box-shadow:inset 0 0 0 2px var(--color-text-1),var(--cd-ready-shadow)}.cd-item.yusan-empowered-stacked:not(.skill-space){box-shadow:inset 0 0 0 3px var(--color-text-1)}.cd-item.yusan-empowered-stacked.is-usable:not(.skill-space){box-shadow:inset 0 0 0 3px var(--color-text-1),var(--cd-ready-shadow)}#cooldown-display{--cd-ark-color: #b67cff;--cd-ark-hot: #e6d2ff}.cd-item.ark-enhanced:not(.skill-space){border-color:color-mix(in srgb,var(--cd-ark-color) 85%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--cd-ark-color) 70%,transparent),0 0 10px color-mix(in srgb,var(--cd-ark-color) 55%,transparent)}.cd-item.ark-enhanced :is(.cd-type,.cd-stack){color:var(--cd-ark-hot)}.cd-item.ark-enhanced-ready:not(.skill-space){border-color:var(--cd-ark-hot);box-shadow:inset 0 0 0 3px var(--cd-ark-color),0 0 18px 3px color-mix(in srgb,var(--cd-ark-color) 90%,transparent),0 0 36px 8px color-mix(in srgb,var(--cd-ark-color) 45%,transparent)}.cd-item.ark-enhanced.is-usable:not(.skill-space):before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 14px 4px color-mix(in srgb,var(--cd-ark-color) 75%,transparent);opacity:.55;animation:cd-ark-veil 1.4s ease-in-out infinite alternate;pointer-events:none}@keyframes cd-ark-veil{to{opacity:1}}@media(prefers-reduced-motion:reduce){.cd-item.ark-enhanced.is-usable:not(.skill-space):before{animation:none;opacity:.85}}#cooldown-display[data-skill-class=scouter]{--cd-ready-color: var(--color-warning);--skill-icon-q: url(/assets/ui/skills/skill_scouter_q.png);--skill-icon-w: url(/assets/ui/skills/skill_scouter_w.png);--skill-icon-e: url(/assets/ui/skills/skill_scouter_e.png);--skill-icon-r: url(/assets/ui/skills/skill_scouter_r.png);--skill-icon-a: url(/assets/ui/skills/skill_scouter_a.png);--skill-icon-s: url(/assets/ui/skills/skill_scouter_s.png);--skill-icon-d: url(/assets/ui/skills/skill_scouter_d.png);--skill-icon-f: url(/assets/ui/skills/skill_scouter_f.png);--skill-icon-z: url(/assets/ui/skills/skill_scouter_z.png);--skill-icon-x: url(/assets/ui/skills/skill_scouter_x.png);--skill-icon-v: url(/assets/ui/skills/skill_scouter_v.png);--skill-icon-t: url(/assets/ui/skills/skill_scouter_t.png)}#cooldown-display[data-skill-class=warrior]{--cd-ready-color: var(--color-info);--skill-icon-q: url(/assets/ui/skills/skill_warrior_q.webp);--skill-icon-w: url(/assets/ui/skills/skill_warrior_w.webp);--skill-icon-e: url(/assets/ui/skills/skill_warrior_e.webp);--skill-icon-r: url(/assets/ui/skills/skill_warrior_r.webp);--skill-icon-a: url(/assets/ui/skills/skill_warrior_a.webp);--skill-icon-s: url(/assets/ui/skills/skill_warrior_s.webp);--skill-icon-d: url(/assets/ui/skills/skill_warrior_d.webp);--skill-icon-f: url(/assets/ui/skills/skill_warrior_f.webp);--skill-icon-z: url(/assets/ui/skills/skill_warrior_z.webp);--skill-icon-x: url(/assets/ui/skills/skill_warrior_x.webp);--skill-icon-v: url(/assets/ui/skills/skill_warrior_v.webp);--skill-icon-t: url(/assets/ui/skills/skill_warrior_t.webp)}#cooldown-display[data-skill-class=yusan]{--cd-ready-color: var(--color-danger);--skill-icon-q: url(/assets/ui/skills/skill_yusan_q.png);--skill-icon-w: url(/assets/ui/skills/skill_yusan_w.png);--skill-icon-e: url(/assets/ui/skills/skill_yusan_e.png);--skill-icon-r: url(/assets/ui/skills/skill_yusan_r.png);--skill-icon-a: url(/assets/ui/skills/skill_yusan_a.png);--skill-icon-s: url(/assets/ui/skills/skill_yusan_s.png);--skill-icon-d: url(/assets/ui/skills/skill_yusan_d.png);--skill-icon-f: url(/assets/ui/skills/skill_yusan_f.png);--skill-icon-z: url(/assets/ui/skills/skill_yusan_z.png);--skill-icon-x: url(/assets/ui/skills/skill_yusan_x.png);--skill-icon-v: url(/assets/ui/skills/skill_yusan_v.png);--skill-icon-t: url(/assets/ui/skills/skill_yusan_t.png)}.cd-item.skill-q .cd-icon{background-image:var(--skill-icon-q, none)}.cd-item.skill-w .cd-icon{background-image:var(--skill-icon-w, none)}.cd-item.skill-e .cd-icon{background-image:var(--skill-icon-e, none)}.cd-item.skill-r .cd-icon{background-image:var(--skill-icon-r, none)}.cd-item.skill-a .cd-icon{background-image:var(--skill-icon-a, none)}.cd-item.skill-s .cd-icon{background-image:var(--skill-icon-s, none)}.cd-item.skill-d .cd-icon{background-image:var(--skill-icon-d, none)}.cd-item.skill-f .cd-icon{background-image:var(--skill-icon-f, none)}.cd-item.skill-z .cd-icon{background-image:var(--skill-icon-z, none)}.cd-item.skill-x .cd-icon{background-image:var(--skill-icon-x, none)}.cd-item.skill-v .cd-icon{background-image:var(--skill-icon-v, none)}.cd-item.skill-t .cd-icon{background-image:var(--skill-icon-t, none)}@media(max-width:1800px){#cooldown-display{--cd-size: 62px}}@media(max-width:1200px){#cooldown-display{--cd-size: 56px;--cd-gap-xl: 54px}}@media(max-width:900px){#cooldown-display{--cd-size: 50px;--cd-gap-xl: 42px}}}@layer features{.rift-hud,.rift-wave-indicator,.rift-reward-hud{--run-accent: var(--mode-rift)}body[data-rift-theme=hard] :is(.rift-hud,.rift-wave-indicator,.rift-reward-hud){--run-accent: var(--tone-hard)}body[data-rift-theme=nightmare] :is(.rift-hud,.rift-wave-indicator,.rift-reward-hud){--run-accent: var(--tone-nightmare)}body[data-rift-theme=apocalypse] :is(.rift-hud,.rift-wave-indicator,.rift-reward-hud){--run-accent: var(--tone-apocalypse)}body[data-rift-theme=endgame] :is(.rift-hud,.rift-wave-indicator,.rift-reward-hud){--run-accent: var(--tone-endgame)}body[data-rift-theme=impossible] :is(.rift-hud,.rift-wave-indicator,.rift-reward-hud){--run-accent: var(--tone-impossible)}.hell-hud,.hell-key-multi-indicator{--run-accent: var(--mode-hell)}.narak-hud,.narak-key-multi-indicator{--run-accent: var(--mode-narak)}:is(.rift-hud,.hell-hud,.narak-hud,.rift-reward-hud,.rift-wave-indicator,.key-multi-indicator){position:absolute;z-index:1400;border:1px solid var(--color-line-2);border-top:2px solid var(--run-accent);background:color-mix(in srgb,var(--color-surface-1) 90%,transparent);color:var(--color-text-1);box-shadow:var(--shadow-2)}.rift-hud{top:calc(var(--space-2-5) + var(--hud-top, 0px));left:50%;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);min-width:260px;padding:var(--space-2-5) var(--space-4) var(--space-3);border-radius:var(--radius-lg);transform:translate(-50%);pointer-events:auto}.rift-hud-top,.rift-hud-timer{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}:is(.rift-hud-label,.rift-hud-timer-label){color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.rift-hud-value{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.rift-hud-bar{height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-bg-deep);box-shadow:inset 0 0 0 1px var(--color-line-2)}.rift-hud-fill{width:0%;height:100%;border-radius:inherit;background:var(--run-accent);transition:width var(--duration-base) ease}.rift-hud-timer-value{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.rift-hud-status{color:var(--color-warning);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:center}.rift-hud-status:empty{display:none}:is(.hell-hud,.narak-hud){top:calc(var(--hud-left-top, 58px) + var(--hud-top, 0px));left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1-5);min-width:220px;max-height:max(120px,calc(var(--game-height, 100dvh) - var(--hud-left-top, 58px) - var(--hud-top, 0px) - 14px));box-sizing:border-box;overflow-y:auto;padding:var(--space-2-5) var(--space-3) var(--space-3);border-radius:var(--radius-lg);pointer-events:auto}:is(.hell-hud-row,.narak-hud-row){display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}:is(.hell-hud-label,.narak-hud-label){color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}:is(.hell-hud-value,.narak-hud-value){color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:right}:is(#hell-key-label,#narak-key-label){position:relative;padding-left:22px}:is(#hell-key-label,#narak-key-label):before{content:"";position:absolute;top:50%;left:0;width:18px;height:18px;background:url(/assets/ui/items/hell_key_rare.png) center / contain no-repeat;transform:translateY(-50%);pointer-events:none}#hell-key-label[data-hell-key=heroic]:before{background-image:url(/assets/ui/items/hell_key_hero.png)}#hell-key-label[data-hell-key=legendary]:before{background-image:url(/assets/ui/items/hell_key_legendary.png)}#hell-key-label[data-hell-key=relic]:before{background-image:url(/assets/ui/items/hell_key_relic.png)}#narak-key-label:before{background-image:url(/assets/ui/items/narak_key.png)}#narak-key-label[data-narak-key=shining]:before{background-image:url(/assets/ui/items/narak_key_plus.png)}.dungeon-hud-actions{display:flex;gap:var(--space-1-5);margin-top:var(--space-1)}.dungeon-hud-actions>button{flex:1 1 0;min-height:var(--control-h-sm);padding:4px var(--space-2-5);font-size:var(--text-sm);white-space:nowrap}.narak-hud .dungeon-hud-actions{flex-direction:column}:is(.hell-hud,.narak-hud) .dungeon-hud-actions{position:sticky;bottom:0;flex-shrink:0;background:var(--color-surface-1)}.rift-reward-hud{top:calc(192px + var(--hud-top, 0px));right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);min-width:150px;padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);pointer-events:none}.rift-reward-title{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.rift-reward-list{display:flex;flex-direction:column;gap:var(--space-1-5)}.rift-reward-item{display:flex;align-items:center;gap:var(--space-2-5)}.rift-reward-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:26px;height:26px}.rift-reward-icon .resource-icon{--resource-icon-size: 26px}.rift-reward-value{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}:is(.rift-wave-indicator,.key-multi-indicator){top:calc(var(--space-4) + var(--hud-top, 0px));right:var(--space-4);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;pointer-events:none}}@layer features{.mail-modal{width:min(1200px,100%);height:min(880px,calc(100vh - 32px));overflow:hidden}.mail-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1-5) var(--space-2-5);min-width:0}.mail-subtitle{color:var(--color-text-3);font-size:var(--text-sm)}.mail-unread-dot{width:7px;height:7px;align-self:center;border-radius:50%;background:var(--color-danger);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.mail-unread-dot.is-visible{opacity:1}.mail-header-actions{display:flex;align-items:center;gap:var(--space-1)}.mail-help-btn[aria-expanded=true]{border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-gold-1)}.mail-help-panel{position:absolute;top:60px;right:var(--space-5);z-index:5;width:min(480px,calc(100% - 40px));max-height:60vh;padding:var(--space-4);overflow-y:auto;border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:var(--shadow-inset-top),var(--shadow-2);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.mail-help-panel.is-open{opacity:1;transform:none;pointer-events:auto}.mail-help-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.mail-help-title{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold)}.mail-help-close{width:28px;min-width:28px;height:28px;font-size:18px}.mail-help-body{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-2);font-size:var(--text-md);line-height:1.6}.mail-help-body p{margin:0}.mail-resource-bar{display:flex;flex-shrink:0;align-items:stretch;margin:var(--space-4) var(--space-5) 0;overflow-x:auto;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2)}.mail-resource-bar .resource-card{display:flex;flex:1 1 0;align-items:center;gap:var(--space-2-5);min-width:128px;padding:var(--space-2) var(--space-3);border:0;border-radius:0;background:transparent;box-shadow:none}.mail-resource-bar .resource-card:after{content:none}.mail-resource-bar .resource-card+.resource-card{border-left:1px solid var(--color-line-1)}.mail-resource-bar .resource-icon{--resource-icon-size: 26px;flex:none}.mail-resource-bar .resource-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mail-resource-bar .resource-name{overflow:hidden;color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.mail-resource-bar .resource-value{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.mail-body{display:grid;flex:1;grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:var(--space-4);min-height:0;padding:var(--space-4) var(--space-5) var(--space-5)}.mail-list-panel,.mail-content-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.mail-list-head{display:flex;flex-direction:column;flex-shrink:0}.mail-box-tabs,.mail-tabs{flex-shrink:0;padding:var(--space-1) var(--space-3) 0}.mail-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-line-1)}.mail-list-title{color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.mail-filters .segmented-option{min-height:26px;padding:2px var(--space-2);font-size:var(--text-sm)}.mail-list{display:flex;flex:1;flex-direction:column;gap:var(--space-1-5);min-height:0;padding:var(--space-2-5);overflow-y:auto}.mail-list:empty{display:none}.mail-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;flex-shrink:0;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-1);font-weight:var(--weight-regular);text-align:left}.mail-row:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-2)}.mail-row:active:not(:disabled){transform:none}.mail-row.is-selected,.mail-row.is-selected:hover:not(:disabled){border-color:var(--color-gold-line);background:var(--color-gold-faint)}.mail-row-top{display:contents}.mail-row-name{overflow:hidden;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.mail-row-time{color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.mail-row-message{grid-column:1;overflow:hidden;color:var(--color-text-3);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.mail-row-status{grid-column:2;grid-row:2;justify-self:end}.mail-row.is-unread:before{content:"";position:absolute;top:10px;bottom:10px;left:-1px;width:2px;border-radius:0 2px 2px 0;background:var(--color-info)}.mail-row.is-unread .mail-row-name{font-weight:var(--weight-bold)}.mail-row.is-unread .mail-row-message{color:var(--color-text-2)}.mail-row-status,.mail-detail-status,.mail-detail-friend{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-1-5);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}:is(.mail-row-status,.mail-detail-status).is-unread{border-color:var(--color-info-soft);background:var(--color-info-soft);color:var(--color-info)}:is(.mail-row-status,.mail-detail-status).is-pending{border-color:var(--color-gold-line);background:var(--color-gold-soft);color:var(--color-gold-1)}:is(.mail-row-status,.mail-detail-status).is-claimed{color:var(--color-text-3)}:is(.mail-row-status,.mail-detail-status).is-sent{color:var(--color-text-2)}.mail-detail-friend{display:none;border-color:var(--color-success-soft);background:var(--color-success-soft);color:var(--color-success)}.mail-detail-friend.is-visible{display:inline-flex}.mail-list-empty,.mail-detail-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:220px;padding:var(--space-6) var(--space-4);color:var(--color-text-3);font-size:var(--text-md);line-height:1.5;text-align:center}.mail-list-empty .ui-icon,.mail-detail-empty .ui-icon{--icon-size: 28px;color:var(--color-text-disabled)}.mail-detail-empty-text{max-width:320px}.mail-detail,.mail-compose{flex:1;min-height:0;padding:var(--space-5);overflow-y:auto}.mail-detail{display:flex;flex-direction:column}.mail-detail-card{display:none;flex-direction:column;gap:var(--space-5)}.mail-detail-card.is-visible{display:flex}.mail-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line-1)}.mail-detail-title{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold)}.mail-detail-meta{margin-top:2px;color:var(--color-text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.mail-detail-tags{display:flex;flex-shrink:0;align-items:center;gap:var(--space-1-5)}.mail-detail-section{display:flex;flex-direction:column;gap:var(--space-2)}.mail-detail-section-title,.mail-compose-title{color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}.mail-detail-message{min-height:88px;padding:var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep);color:var(--color-text-1);font-size:var(--text-base);line-height:1.6;white-space:pre-wrap;word-break:break-word}.mail-detail-resources{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mail-resource-chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1-5) var(--space-3) var(--space-1-5) var(--space-1-5);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.mail-resource-chip .resource-icon{--resource-icon-size: 32px;flex:none}.mail-resource-chip .mail-real-attachment-icon{flex:none;width:32px;height:32px;margin:0;border:0;border-radius:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:none}.mail-resource-chip .mail-real-attachment-icon:before,.mail-resource-chip .mail-real-attachment-icon:after{content:none}.mail-resource-chip.is-empty,.mail-resource-chip.mail-resource-estimate{min-height:0;padding:var(--space-2) var(--space-3);border-color:var(--color-line-1);background:transparent;color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:1.5}.mail-resource-chip.mail-resource-estimate{flex-basis:100%}.mail-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-line-1)}.mail-detail-actions button{min-width:96px}.mail-detail-actions #mail-claim-btn{min-width:140px}.mail-compose{display:flex;flex-direction:column;gap:var(--space-5)}.mail-compose-card{display:flex;flex-direction:column;gap:var(--space-2)}.mail-search-row{display:flex;gap:var(--space-2)}.mail-search-row input{flex:1;min-width:0}.mail-search-row #mail-search-btn{flex:none;min-width:88px}.mail-search-result{min-height:1.4em;color:var(--color-text-3);font-size:var(--text-sm)}.mail-search-result[data-state=success]{color:var(--color-success)}.mail-search-result[data-state=error]{color:var(--color-danger-strong)}#mail-message-input{min-height:88px;resize:vertical;line-height:1.5}.mail-resource-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:var(--space-2)}.mail-resource-input{display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-1-5) var(--space-1-5) var(--space-1-5) var(--space-2);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep)}.mail-resource-input:focus-within{border-color:var(--color-line-3)}.mail-resource-input.is-disabled{opacity:.5}.mail-resource-label{display:flex;flex:1;align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.3;word-break:keep-all}.mail-resource-label .resource-icon{--resource-icon-size: 28px;flex:none}.mail-resource-input input{flex:none;width:88px;min-height:var(--control-h-sm);padding:4px var(--space-2);background:var(--color-surface-1);font-variant-numeric:tabular-nums;text-align:right}.mail-fee-preview{min-height:1.2em;padding:var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text-2);font-size:var(--text-sm);line-height:1.6;white-space:pre-line}.mail-fee-preview:empty{display:none}.mail-fee-preview[data-state=error]{border-color:var(--color-danger-soft);color:var(--color-danger-strong)}.mail-compose-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.mail-compose-actions .primary-btn{min-width:140px}.mail-compose-note{flex:1;min-height:1em;color:var(--color-text-3);font-size:var(--text-sm);text-align:right}.mail-compose-note[data-state=success]{color:var(--color-success)}.mail-compose-note[data-state=error]{color:var(--color-danger-strong)}.mail-footer{display:flex;flex-shrink:0;align-items:center;min-height:40px;padding:0 var(--space-5);border-top:1px solid var(--color-line-1)}.mail-footer:has(>.mail-status:empty){display:none}.mail-status{color:var(--color-text-3);font-size:var(--text-sm)}.mail-status[data-state=success]{color:var(--color-success)}.mail-status[data-state=error]{color:var(--color-danger-strong)}@media(max-width:1100px){.mail-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(200px,38%) minmax(0,1fr)}}@media(max-width:720px){.mail-resource-bar{margin-inline:var(--space-3)}.mail-body{padding:var(--space-3)}.mail-detail,.mail-compose{padding:var(--space-4)}.mail-resource-inputs{grid-template-columns:minmax(0,1fr)}}}@layer features{.friend-modal{width:min(1080px,100%);height:min(820px,calc(100vh - 32px));overflow:hidden}.friend-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1-5) var(--space-2-5);min-width:0}.friend-subtitle{color:var(--color-text-3);font-size:var(--text-sm)}.friend-body{display:grid;flex:1;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:var(--space-4);min-height:0;padding:var(--space-4) var(--space-5) var(--space-5)}.friend-list-panel,.friend-chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.friend-list-head{display:flex;flex-shrink:0;align-items:flex-end;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-3) 0 var(--space-4);border-bottom:1px solid var(--color-line-1)}.friend-list-title{align-self:center;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold);white-space:nowrap}.friend-tabs.tabs{border-bottom:0}.friend-list{display:flex;flex:1;flex-direction:column;gap:var(--space-1-5);min-height:0;padding:var(--space-2-5);overflow-y:auto}.friend-list:empty{display:none}.friend-list-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--color-text-3);font-size:var(--text-md);text-align:center}.friend-list-empty .ui-icon{--icon-size: 28px;color:var(--color-text-disabled)}.friend-list-empty-text{color:var(--color-text-2)}.friend-list-empty-hint{max-width:240px;margin-top:calc(var(--space-2) * -1);font-size:var(--text-sm);line-height:1.5}.friend-row{display:grid;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-1);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.friend-row:hover{border-color:var(--color-line-2);background:var(--color-surface-2)}.friend-row.is-selected,.friend-row.is-selected:hover{border-color:var(--color-gold-line);background:var(--color-gold-faint)}.friend-row-top{display:contents}.friend-row-name{display:flex;align-items:baseline;gap:var(--space-1-5);min-width:0;overflow:hidden;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);white-space:nowrap}.friend-row-power{overflow:hidden;color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-medium);text-overflow:ellipsis}.friend-row-time{color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.friend-row-message{grid-column:1;overflow:hidden;color:var(--color-text-3);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.friend-row-actions{display:flex;grid-column:2;grid-row:2;align-items:center;justify-content:flex-end;gap:var(--space-1-5)}.friend-row-unread{display:none;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-danger);color:var(--color-text-1);font-size:var(--text-2xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1}.friend-row-unread.is-visible{display:inline-flex}.friend-row-mail{min-height:24px;padding:2px var(--space-2);font-size:var(--text-xs)}.friend-request-panel{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-height:0;padding:var(--space-4);overflow-y:auto}.friend-request-card{display:flex;flex-direction:column;gap:var(--space-2)}.friend-request-card+.friend-request-card{padding-top:var(--space-4);border-top:1px solid var(--color-line-1)}.friend-request-card-title,.friend-request-title{color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}.friend-request-row{display:flex;gap:var(--space-2)}.friend-request-row input{flex:1;min-width:0}.friend-request-row button{flex:none;min-width:72px}.friend-request-status{min-height:1.4em;color:var(--color-text-3);font-size:var(--text-sm)}.friend-request-status[data-state=success]{color:var(--color-success)}.friend-request-status[data-state=error]{color:var(--color-danger-strong)}.friend-request-columns{display:flex;flex-direction:column;gap:var(--space-4)}.friend-request-column,.friend-request-list{display:flex;flex-direction:column;gap:var(--space-1-5)}.friend-request-column{gap:var(--space-2)}.friend-request-item{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:44px;padding:var(--space-1-5) var(--space-1-5) var(--space-1-5) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-1)}.friend-request-name{flex:1;min-width:0;overflow:hidden;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.friend-request-actions{display:flex;flex:none;gap:var(--space-1-5)}.friend-request-actions button{min-width:56px;min-height:var(--control-h-sm);padding:4px var(--space-2-5);font-size:var(--text-sm)}.friend-request-status-chip{flex:none;display:inline-flex;align-items:center;height:20px;padding:0 var(--space-1-5);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.friend-request-empty{color:var(--color-text-3);font-size:var(--text-sm)}.friend-chat-head{display:flex;flex-shrink:0;align-items:baseline;gap:var(--space-2);min-height:49px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line-1)}.friend-chat-title{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold)}.friend-chat-sub{color:var(--color-text-3);font-size:var(--text-sm)}.friend-chat-log{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-height:0;padding:var(--space-4);overflow-y:auto}.friend-chat-log:empty:before{content:"";width:36px;height:36px;margin:auto;background-color:var(--color-line-3);-webkit-mask:url(/assets/ui/icons/chat.svg) center / contain no-repeat;mask:url(/assets/ui/icons/chat.svg) center / contain no-repeat}.friend-chat-row{display:flex;flex-shrink:0}.friend-chat-row.is-mine{justify-content:flex-end}.friend-chat-bubble{display:flex;flex-direction:column;gap:2px;max-width:min(72%,520px);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);background:var(--color-surface-2)}.friend-chat-row.is-mine .friend-chat-bubble{border-color:var(--color-line-2);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);background:var(--color-surface-3)}.friend-chat-text{color:var(--color-text-1);font-size:var(--text-md);line-height:1.5;white-space:pre-wrap;word-break:break-word}.friend-chat-time{color:var(--color-text-3);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;text-align:right}.friend-chat-row.is-theirs .friend-chat-time{text-align:left}.friend-chat-form{display:grid;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-line-1);background:var(--color-surface-1)}.friend-chat-form textarea{height:64px;min-height:0;resize:none;line-height:1.5}.friend-chat-form .chat-emoji-toggle{width:var(--control-h-md);min-width:var(--control-h-md);height:var(--control-h-md);min-height:0;padding:0;border-color:var(--color-line-2);border-radius:var(--radius-md);background:var(--color-surface-2);font-size:var(--text-lg);line-height:1}.friend-chat-form .chat-emoji-toggle[aria-expanded=true]{border-color:var(--color-gold-line);background:var(--color-gold-soft);box-shadow:none}.friend-chat-form .primary-btn{min-width:84px}.friend-chat-panel .chat-emoji-panel{display:grid;flex-shrink:0;grid-template-columns:repeat(auto-fill,32px);gap:var(--space-1);margin:0;padding:var(--space-2) var(--space-3);border:0;border-top:1px solid var(--color-line-1);border-radius:0;background:var(--color-surface-1)}.friend-chat-panel .chat-emoji-panel[hidden]{display:none}.friend-chat-panel .chat-emoji-btn{width:32px;min-width:32px;height:32px;min-height:0;padding:0;border-color:transparent;border-radius:var(--radius-md);background:transparent;font-size:var(--text-lg);line-height:1}.friend-chat-panel .chat-emoji-btn:hover{border-color:var(--color-line-2);background:var(--color-surface-3)}.friend-chat-status{flex-shrink:0;padding:0 var(--space-3) var(--space-2);background:var(--color-surface-1);color:var(--color-text-3);font-size:var(--text-sm)}.friend-chat-status:empty{display:none}.friend-chat-status[data-state=success]{color:var(--color-success)}.friend-chat-status[data-state=error]{color:var(--color-danger-strong)}@media(max-width:1100px){.friend-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,40%) minmax(0,1fr)}}@media(max-width:720px){.friend-body{padding:var(--space-3)}.friend-chat-form{grid-template-columns:minmax(0,1fr) auto}.friend-chat-form textarea{grid-column:1 / -1}}}@layer features{.milestone-modal{width:min(640px,100%);max-height:min(88vh,900px);overflow:hidden}.milestone-header .milestone-title{flex:1;min-width:0}.milestone-overall{flex:none;color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.milestone-body{padding:var(--space-5);overflow-y:auto}.milestone-stage-list{display:flex;flex-direction:column;gap:var(--space-3)}.milestone-highlight-toggle{display:flex;flex:none;align-items:center;gap:var(--space-2);color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.milestone-highlight-toggle[hidden]{display:none}.milestone-stage-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:var(--shadow-inset-top)}.milestone-stage-card.is-current{border-color:var(--color-gold-line)}.milestone-stage-card[data-state=complete]{border-color:var(--color-gold-3);box-shadow:var(--shadow-inset-top),inset 3px 0 0 var(--color-gold-2)}.milestone-stage-card[data-state=claimed]{gap:var(--space-2-5);padding:var(--space-3) var(--space-4);background:var(--color-surface-1)}.milestone-stage-header{display:flex;align-items:center;gap:var(--space-2-5)}.milestone-stage-label{flex:none;color:var(--color-gold-2);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.milestone-stage-title{flex:1;min-width:0;margin:0;color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);text-wrap:balance}.milestone-stage-card[data-state=claimed] :is(.milestone-stage-label,.milestone-stage-title){color:var(--color-text-3);font-size:var(--text-md)}.milestone-stage-status{flex:none;display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-3);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.milestone-stage-status[data-state=active]{border-color:var(--color-gold-line);background:var(--color-gold-soft);color:var(--color-gold-1)}.milestone-stage-status[data-state=complete]{border-color:var(--color-success-line);background:var(--color-success-soft);color:var(--color-success)}.milestone-stage-status:is([data-state=locked],[data-state=claimed]){background:transparent;color:var(--color-text-3)}.milestone-stage-desc{margin:0;color:var(--color-text-2);font-size:var(--text-base);line-height:1.65;word-break:keep-all;text-wrap:pretty}.milestone-stage-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2) var(--space-4);margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-1)}.milestone-stage-fact{display:contents}.milestone-stage-fact-label{color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:20px}.milestone-stage-fact-value{display:flex;align-items:center;gap:var(--space-1-5);margin:0;color:var(--color-text-1);font-size:var(--text-md);line-height:20px;word-break:keep-all;text-wrap:pretty}.milestone-stage-location .milestone-stage-fact-value{color:var(--color-gold-1);font-weight:var(--weight-semibold)}.milestone-stage-fact-value .ui-icon{--icon-size: 16px}.milestone-stage-progress{display:flex;flex-direction:column;gap:var(--space-1-5)}.milestone-stage-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.milestone-stage-progress-label{color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.milestone-stage-progress-value{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.milestone-stage-progress-track{height:6px;overflow:hidden;border-radius:var(--radius-xs);background:var(--color-bg-deep);box-shadow:inset 0 0 0 1px var(--color-line-1)}.milestone-stage-progress-fill{height:100%;background:var(--color-gold-2);transition:width var(--duration-slow) var(--ease-out)}.milestone-stage-rewards{display:flex;flex-direction:column;gap:var(--space-2-5)}.milestone-stage-reward-label{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}.milestone-stage-reward-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.milestone-stage-reward-item{display:flex;flex:1 1 0;align-items:center;gap:var(--space-2-5);min-width:fit-content;padding:var(--space-2);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-1)}.milestone-stage-reward-item:only-child{max-width:calc(50% - var(--space-2) / 2)}.milestone-reward-slot{display:grid;flex:none;place-items:center;width:44px;height:44px;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep)}.milestone-reward-slot .resource-icon{--resource-icon-size: 34px}.milestone-stage-reward-text{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0}.milestone-stage-reward-name{color:var(--color-text-2);font-size:var(--text-sm);white-space:normal}.milestone-stage-reward-amount{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.milestone-stage-card[data-state=claimed] .milestone-stage-reward-label{display:none}.milestone-stage-card[data-state=claimed] .milestone-stage-reward-list{display:flex;flex-wrap:wrap;gap:var(--space-1-5) var(--space-4)}.milestone-stage-card[data-state=claimed] .milestone-stage-reward-item{flex:0 1 auto;gap:var(--space-1-5);max-width:100%;padding:0;border:0;background:none}.milestone-stage-card[data-state=claimed] .milestone-reward-slot{width:auto;height:auto;border:0;background:none}.milestone-stage-card[data-state=claimed] .milestone-reward-slot .resource-icon{--resource-icon-size: 20px;opacity:.7}.milestone-stage-card[data-state=claimed] .milestone-stage-reward-text{flex-direction:row;align-items:baseline;gap:var(--space-1)}.milestone-stage-card[data-state=claimed] :is(.milestone-stage-reward-name,.milestone-stage-reward-amount){color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-medium)}.milestone-stage-unlock{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm)}.milestone-stage-unlock-label{flex:none;color:var(--color-text-3)}.milestone-stage-unlock-value{color:var(--color-gold-1);font-weight:var(--weight-semibold)}.milestone-stage-effect{margin:0;color:var(--color-text-3);font-size:var(--text-sm);line-height:1.5;text-wrap:pretty}.milestone-claim-btn,.milestone-locate-btn{width:100%}.milestone-locate-btn{min-width:0}.milestone-empty{padding:var(--space-8) var(--space-4);color:var(--color-text-3);font-size:var(--text-md);text-align:center}@media(max-width:560px){.milestone-header{gap:var(--space-2)}.milestone-header .milestone-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(.milestone-highlight-toggle,.milestone-overall){font-size:var(--text-xs)}.milestone-stage-card{padding:var(--space-3) var(--space-4) var(--space-4)}.milestone-stage-facts{grid-template-columns:1fr;gap:var(--space-0-5)}.milestone-stage-fact-value+.milestone-stage-fact-label{margin-top:var(--space-1-5)}.milestone-stage-reward-item:only-child{max-width:none}}.milestone-glow:not(.nav-item){outline:3px solid var(--color-gold-1)!important;outline-offset:3px!important;animation:milestone-guide-pulse 1.3s var(--ease-out) infinite!important}@keyframes milestone-guide-pulse{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-gold-1) 80%,transparent),0 0 22px 4px color-mix(in srgb,var(--color-gold-2) 55%,transparent)}75%{box-shadow:0 0 0 14px color-mix(in srgb,var(--color-gold-1) 0%,transparent),0 0 30px 8px color-mix(in srgb,var(--color-gold-2) 30%,transparent)}to{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-gold-1) 0%,transparent),0 0 22px 4px color-mix(in srgb,var(--color-gold-2) 55%,transparent)}}.milestone-modal.milestone-glow{outline-width:2px!important;animation:none!important}.ark-grid-overlay .ark-socket--large.milestone-glow{filter:brightness(1.2) drop-shadow(0 0 14px var(--color-gold-2))!important;outline-width:4px!important;outline-offset:6px!important}.ark-grid-overlay .ark-socket--large.milestone-glow.is-empty:not(:disabled):after{color:var(--color-gold-1);font-weight:var(--weight-bold);text-shadow:0 0 12px var(--color-gold-2)}@media(prefers-reduced-motion:reduce){.milestone-glow{animation:none!important;box-shadow:0 0 0 3px var(--color-gold-2)!important}}.milestone-focus-overlay{position:fixed;inset:0;z-index:9000;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out)}.milestone-focus-overlay.is-active{visibility:visible;opacity:1}.milestone-focus-target{z-index:9001}.milestone-focus-block{position:fixed;background:var(--color-spotlight-dim);pointer-events:auto}.milestone-guide-tag{position:fixed;top:0;left:0;z-index:9010;display:flex;align-items:center;gap:var(--space-2);max-width:min(360px,calc(100vw - 16px));padding:var(--space-2) var(--space-3);border:1px solid var(--color-gold-1);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--color-gold-1),var(--color-gold-2));box-shadow:var(--shadow-3),0 0 18px color-mix(in srgb,var(--color-gold-2) 45%,transparent);color:var(--color-text-inverse);font-size:var(--text-md);line-height:1.3;white-space:nowrap;pointer-events:none;visibility:hidden;opacity:0;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out)}.milestone-guide-tag.is-visible{visibility:visible;opacity:1}.milestone-guide-tag.is-visible[data-placement=below]{animation:milestone-tag-nudge-up .9s var(--ease-in-out) infinite alternate}.milestone-guide-tag.is-visible[data-placement=above]{animation:milestone-tag-nudge-down .9s var(--ease-in-out) infinite alternate}@keyframes milestone-tag-nudge-up{to{translate:0 -5px}}@keyframes milestone-tag-nudge-down{to{translate:0 5px}}.milestone-guide-tag:before{content:"";position:absolute;left:calc(var(--caret-x, 50%) - 7px);width:14px;height:14px;background:var(--color-gold-1);transform:rotate(45deg)}.milestone-guide-tag[data-placement=below]:before{top:-7px}.milestone-guide-tag[data-placement=above]:before{bottom:-7px;background:var(--color-gold-2)}.milestone-guide-tag-kicker{position:relative;flex:none;padding:1px var(--space-1-5);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-bg-deep) 82%,transparent);color:var(--color-gold-1);font-size:var(--text-xs);font-weight:var(--weight-bold)}.milestone-guide-tag-text{position:relative;overflow:hidden;font-weight:var(--weight-bold);text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.milestone-guide-tag.is-visible[data-placement]{animation:none}}.milestone-learning{display:flex;flex-direction:column;gap:var(--space-3)}.milestone-learning-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-1-5);margin:0;padding:0;list-style:none}.milestone-learning-step{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-3) var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-3);font-size:var(--text-sm);line-height:var(--leading-tight)}.milestone-learning-step-index{grid-row:span 2;align-self:center;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.milestone-learning-step-title{color:var(--color-text-2);font-weight:var(--weight-semibold);word-break:keep-all}.milestone-learning-step-status{font-size:var(--text-xs)}.milestone-learning-step[data-status=current]{border-color:var(--color-gold-line-strong);background:var(--color-gold-soft)}.milestone-learning-step[data-status=current] :is(.milestone-learning-step-title,.milestone-learning-step-index){color:var(--color-gold-1)}.milestone-learning-step[data-status=done] .milestone-learning-step-title{color:var(--color-text-3)}.milestone-learning-step[data-status=done] .milestone-learning-step-status{color:var(--color-success)}.milestone-learning-current{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-surface-1)}.milestone-learning-title{margin:0;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.milestone-learning-body,.milestone-learning-lines{margin:0;color:var(--color-text-2);font-size:var(--text-sm);line-height:1.6;word-break:keep-all;text-wrap:pretty}.milestone-learning-lines{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-4)}.milestone-learning-choices{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1-5)}.milestone-learning-choices-label{width:100%;color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.milestone-learning-choice{min-height:32px;padding:var(--space-1) var(--space-2-5);border:1px solid var(--color-control-line);border-radius:var(--radius-sm);background:var(--color-control);color:var(--color-text-2);font-size:var(--text-sm);cursor:pointer}.milestone-learning-choice:hover:not(:disabled){background:var(--color-control-hover)}.milestone-learning-choice.is-selected{border-color:var(--color-gold-line-strong);background:var(--color-gold-soft);color:var(--color-gold-1);font-weight:var(--weight-semibold)}.milestone-learning-choice:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.milestone-learning-notice{margin:0;padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-sm);background:var(--color-info-soft);color:var(--color-text-1);font-size:var(--text-sm);line-height:1.5;word-break:keep-all}.milestone-learning-notice[data-tone=warning]{background:var(--color-warning-soft);box-shadow:inset 3px 0 0 var(--color-warning)}.milestone-learning-notice[data-tone=error]{background:var(--color-danger-soft);box-shadow:inset 3px 0 0 var(--color-danger)}.milestone-learning-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.milestone-learning-action[aria-pressed=true]{border-color:var(--color-gold-line-strong);color:var(--color-gold-1)}.milestone-learning-hint{margin:0;color:var(--color-text-3);font-size:var(--text-xs);line-height:1.5}.milestone-learning-support{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border:1px dashed var(--color-gold-line);border-radius:var(--radius-sm);color:var(--color-text-2);font-size:var(--text-sm)}.milestone-stage-reward-detail{color:var(--color-text-3);font-size:var(--text-xs)}.milestone-learning-coach{position:fixed;top:0;left:0;z-index:9020;display:flex;flex-direction:column;gap:var(--space-2);box-sizing:border-box;width:min(340px,calc(100vw - 16px));padding:var(--space-3);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--color-gold-line-strong);border-radius:var(--radius-md);background:var(--color-surface-3);box-shadow:var(--shadow-3),0 0 0 1px var(--color-gold-halo);visibility:hidden;opacity:0;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out)}.milestone-learning-coach.is-visible{visibility:visible;opacity:1}.milestone-learning-coach-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.milestone-learning-coach-toggle{flex:none;min-height:24px;padding:0 var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-3);font-size:var(--text-xs);cursor:pointer}.milestone-learning-coach-toggle:hover{color:var(--color-text-1)}.milestone-learning-coach-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.milestone-learning-coach.is-nudged{border-color:var(--color-gold-1);animation:milestone-coach-nudge .45s var(--ease-out)}@keyframes milestone-coach-nudge{0%,to{translate:0 0}20%{translate:-6px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:2px 0}}@media(prefers-reduced-motion:reduce){.milestone-learning-coach.is-nudged{animation:none}}.milestone-learning-prompt{margin:0;padding:var(--space-1-5) var(--space-2);border-left:3px solid var(--color-gold-1);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-gold-2) 16%,transparent);color:var(--color-gold-1);font-size:var(--text-md);font-weight:var(--weight-bold);line-height:1.45;word-break:keep-all}.milestone-learning-coach.is-collapsed :is(.milestone-learning-body,.milestone-learning-lines,.milestone-learning-hint){display:none}.milestone-learning-coach-kicker{margin:0;color:var(--color-gold-1);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em}.milestone-learning-coach .milestone-learning-current{padding:0;border:0;background:none}@media(max-width:560px){.milestone-learning-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.milestone-learning-actions>.btn{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.milestone-learning-coach{transition:none}}}@layer features{.daily-mission-modal{width:min(1320px,100%);height:min(900px,calc(100vh - 32px));overflow:hidden}body.playing:not(.meeting-square) .daily-mission-overlay,body.postgame .daily-mission-overlay{display:none!important}.daily-quest-panel{display:flex;flex:1;flex-direction:column;min-height:0}.daily-quest-header-title-group{display:flex;align-items:baseline;gap:var(--space-2-5);min-width:0}.daily-quest-reset{color:var(--color-text-3);font-size:var(--text-sm)}.daily-quest-reset:empty{display:none}.daily-quest-header-actions{display:flex;align-items:center;gap:var(--space-2)}.daily-quest-claim-all{min-width:120px}.daily-quest-layout{display:grid;flex:1;grid-template-columns:240px minmax(0,1fr);gap:var(--space-4);min-height:0;padding:var(--space-4) var(--space-5) var(--space-5)}.daily-quest-sidebar{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.daily-quest-summary-card{display:flex;flex-direction:column;gap:var(--space-2-5);padding:var(--space-4);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:var(--shadow-inset-top)}.daily-quest-summary-title,.daily-quest-filter-title{color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}.daily-quest-summary-progress{color:var(--color-text-1);font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.1}.daily-quest-summary-bar{height:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-line-2)}.daily-quest-summary-bar>span{display:block;width:0%;height:100%;border-radius:inherit;background:var(--color-gold-2);transition:width var(--duration-slow) var(--ease-out)}.daily-quest-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-3);margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-line-1)}.daily-quest-summary-stat{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.daily-quest-summary-stat>span{color:var(--color-text-3);font-size:var(--text-sm)}.daily-quest-summary-stat>strong{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.daily-quest-filter-card{display:flex;flex-direction:column;gap:var(--space-2)}.daily-quest-filter-title{padding-left:var(--space-3)}.daily-quest-filter-list{display:flex;flex-direction:column;gap:2px}.daily-quest-filter-btn{position:relative;justify-content:flex-start;width:100%;min-height:var(--control-h-md);padding:0 var(--space-3);border-color:transparent;background:transparent;color:var(--color-text-2);font-weight:var(--weight-medium);text-align:left}.daily-quest-filter-btn:hover:not(:disabled){border-color:transparent;background:var(--color-surface-2);color:var(--color-text-1)}.daily-quest-filter-btn.is-active,.daily-quest-filter-btn.is-active:hover:not(:disabled){background:var(--color-surface-3);color:var(--color-gold-1);font-weight:var(--weight-semibold)}.daily-quest-filter-btn.is-active:before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:2px;border-radius:0 2px 2px 0;background:var(--color-gold-2)}.daily-quest-note{margin-top:auto;padding:0 var(--space-3);color:var(--color-text-3);font-size:var(--text-sm)}.daily-quest-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.daily-quest-main-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-bottom:1px solid var(--color-line-1)}.daily-quest-main-title{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold)}.daily-quest-visible-count{color:var(--color-text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.daily-quest-main-body{flex:1;min-height:0}.daily-quest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(80px,max-content);align-content:start;gap:var(--space-2);height:100%;min-height:0;padding:var(--space-3);overflow-y:auto}.daily-quest-item{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 132px;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-1)}.daily-quest-item[data-state=claimable]{border-color:var(--color-gold-line)}.daily-quest-item[data-state=claimable]:before{content:"";position:absolute;top:10px;bottom:10px;left:-1px;width:2px;border-radius:0 2px 2px 0;background:var(--color-gold-2)}.daily-quest-item[data-state=claimed]{background:var(--color-bg)}.daily-quest-item[data-state=claimed] :is(.daily-quest-index,.daily-quest-content){opacity:.55}.daily-quest-item.locked{grid-template-columns:32px minmax(0,1fr);min-height:64px;border-style:dashed;background:transparent}.daily-quest-item.locked :is(.daily-quest-index,.daily-quest-title){color:var(--color-text-disabled)}.daily-quest-index{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--color-line-1);border-radius:var(--radius-sm);background:var(--color-bg-deep);color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.daily-quest-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1-5);min-width:0}.daily-quest-title{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.4;word-break:keep-all}.daily-quest-meta{color:var(--color-text-3);font-size:var(--text-sm)}.daily-quest-progress{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-1-5);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.daily-quest-progress.is-complete{border-color:var(--color-success-soft);background:var(--color-success-soft);color:var(--color-success)}.daily-quest-progress.is-claimed{color:var(--color-text-3)}.daily-quest-claim{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);align-self:stretch;min-height:60px;padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-md);line-height:1.2}.daily-quest-claim:disabled{opacity:1}.daily-quest-claim:not(.is-claimable){border-color:var(--color-line-1);background:var(--color-bg-deep);color:var(--color-text-2)}.daily-quest-claim-label{font-size:var(--text-sm);font-weight:var(--weight-bold)}.daily-quest-claim.is-pending .daily-quest-claim-label,.daily-quest-claim.is-claimed .daily-quest-claim-label{color:var(--color-text-3);font-weight:var(--weight-semibold)}.daily-quest-claim-rewards{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px var(--space-2)}.daily-quest-claim-reward-item{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.daily-quest-claim.is-pending .daily-quest-claim-reward-item,.daily-quest-claim.is-claimed .daily-quest-claim-reward-item{color:var(--color-text-2)}.daily-quest-claim.is-claimed .daily-quest-claim-rewards{opacity:.55}.daily-quest-claim-reward-item .resource-icon{--resource-icon-size: 20px;flex:none}.daily-quest-claim-reward-item .resource-icon-hell-key:before,.daily-quest-claim-reward-item .resource-icon-hell-key:after,.daily-quest-claim-reward-item .resource-icon-narak-key:before,.daily-quest-claim-reward-item .resource-icon-narak-key:after{content:none}.daily-quest-empty{display:flex;grid-column:1 / -1;align-items:center;justify-content:center;min-height:120px;border:1px dashed var(--color-line-2);border-radius:var(--radius-md);color:var(--color-text-3);font-size:var(--text-md)}@media(max-width:1320px){.daily-quest-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:980px){.daily-quest-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding:var(--space-3)}.daily-quest-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.daily-quest-filter-list{flex-flow:row wrap}.daily-quest-filter-btn{width:auto}.daily-quest-note{grid-column:1 / -1}}@media(max-width:760px){.daily-quest-sidebar{grid-template-columns:minmax(0,1fr)}.daily-quest-item{grid-template-columns:32px minmax(0,1fr)}.daily-quest-claim{grid-column:1 / -1;flex-direction:row;min-height:var(--control-h-md)}}}@layer features{.growth-help-btn{display:inline-grid;place-items:center;flex:none;width:32px;min-width:32px;height:32px;min-height:0;padding:0;border-color:transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-3);font-size:0}.growth-help-btn:before{content:"";width:18px;height:18px;background-color:currentColor;-webkit-mask:url(/assets/ui/icons/info.svg) center / contain no-repeat;mask:url(/assets/ui/icons/info.svg) center / contain no-repeat}.growth-help-btn:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.growth-help-overlay{position:fixed;inset:0;z-index:9400;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.growth-help-overlay.open{display:flex}.growth-help-modal{width:min(640px,100%);max-height:min(80vh,720px)}.growth-help-list{display:flex;flex-direction:column;gap:var(--space-2-5);margin:0;padding:0;list-style:none}.growth-help-list li{position:relative;padding-left:var(--space-4);color:var(--color-text-2);font-size:var(--text-base);line-height:1.65;word-break:keep-all}.growth-help-list li:before{content:"";position:absolute;top:.72em;left:2px;width:5px;height:5px;border-radius:50%;background:var(--color-gold-3)}.growth-help-list li+li{padding-top:var(--space-2-5);border-top:1px solid var(--color-line-1)}.growth-help-list li+li:before{top:calc(var(--space-2-5) + .72em)}}@layer features{.tutorial-overlay{position:fixed;inset:0;z-index:10050;display:none;pointer-events:none}.tutorial-overlay.is-active{display:block;pointer-events:auto}.tutorial-dim{position:absolute;inset:0;background:var(--color-backdrop);animation:training-fade-in var(--duration-base) var(--ease-out)}.tutorial-overlay.is-active[data-mode=prompt],.tutorial-overlay.is-active[data-mode=welcome]{z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.tutorial-overlay.is-active[data-required=true]{z-index:11000}.training-welcome{width:min(560px,100%);max-height:calc(100dvh - var(--space-8));padding:var(--space-10) var(--space-6) var(--space-8);overflow-y:auto;text-align:center}.training-welcome h2{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.4;letter-spacing:-.025em;text-wrap:balance;word-break:keep-all}.training-welcome p{margin:0;word-break:keep-all}#training-welcome-body{margin-top:var(--space-4);color:var(--color-text-2);font-size:var(--text-base);font-weight:400;line-height:1.6;white-space:pre-line;text-wrap:pretty}.training-welcome-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-8)}#training-welcome-question{font-size:var(--text-base);font-weight:500;line-height:1.5}#training-welcome-confirm{min-width:168px}.training-start{display:flex;flex-direction:column;width:min(1040px,100%);max-height:calc(100dvh - var(--space-8));animation:training-rise var(--duration-slow) var(--ease-out)}.training-start-header{align-items:flex-start}.training-start-heading{display:flex;flex-direction:column;gap:var(--space-1-5);min-width:0}.training-start-lead{margin:0;color:var(--color-text-2);font-size:var(--text-base);line-height:1.5;word-break:keep-all}.training-start-body{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;overflow-y:auto}.training-class-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.training-class-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);height:auto;min-height:0;padding:var(--space-5);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:var(--shadow-inset-top);color:var(--color-text-1);font:inherit;text-align:left;white-space:normal;cursor:pointer;transition:border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.training-class-card:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-surface-3)}.training-class-card[aria-pressed=true],.training-class-card[aria-pressed=true]:hover:not(:disabled){border-color:var(--color-gold-2);background:linear-gradient(var(--color-gold-faint),var(--color-gold-faint)),var(--color-surface-2);box-shadow:var(--shadow-inset-top),0 0 0 1px var(--color-gold-line),var(--shadow-2)}.training-class-card:disabled{cursor:default}.training-class-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3)}.training-class-name{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.training-class-card[aria-pressed=true] .training-class-name{color:var(--color-gold-1)}.training-class-meta{color:var(--color-text-3);font-size:var(--text-sm)}.training-class-picked{align-self:center;margin-left:auto;visibility:hidden}.training-class-card[aria-pressed=true] .training-class-picked{visibility:visible}.training-class-summary{flex:1 1 auto;color:var(--color-text-2);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:1.65;word-break:keep-all}.training-class-preview{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 3;border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep);opacity:.6;transition:opacity var(--duration-base) var(--ease-out)}.training-class-card:is([aria-pressed=true],:hover:not(:disabled)) .training-class-preview{opacity:1}.training-class-preview.is-missing{display:none}.training-class-poster,.training-class-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.training-class-video{opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.training-class-preview.is-playing .training-class-video{opacity:1}.training-class-preview-label{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1;background:var(--color-backdrop)}.training-class-progress{display:flex;align-items:center;gap:var(--space-2-5);color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.training-class-progress-bar{flex:1 1 auto;height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface-4)}.training-class-progress-fill{display:block;width:var(--training-class-progress, 0%);height:100%;border-radius:inherit;background:var(--color-success)}.training-class-traits{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.training-start-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.training-start-label{color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.training-start-row select{flex:1 1 260px;max-width:420px}.training-start-error{margin:0;padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-danger-line);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger-strong);font-size:var(--text-sm);line-height:1.5}.training-start-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5)}.training-start-notes{display:flex;flex:1 1 320px;flex-direction:column;gap:var(--space-1);margin:0;padding:0;color:var(--color-text-3);font-size:var(--text-sm);line-height:1.5;list-style:none;word-break:keep-all}.training-start-notes:empty{display:none}.training-start-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3) var(--space-5);margin-left:auto}.training-start-reward{display:flex;align-items:center;gap:var(--space-1-5);color:var(--color-text-2);font-size:var(--text-sm)}.training-start-reward .resource-icon{flex:none}.training-start-reward-amount{color:var(--color-gold-1);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.training-start-button{min-width:220px}.tutorial-overlay[data-mode=milestone-gate]{pointer-events:none}.tutorial-overlay[data-mode=milestone-gate] .tutorial-dim{display:none}.tutorial-ring{position:fixed;border:1.5px solid var(--color-gold-2);border-radius:var(--radius-lg);box-shadow:0 0 0 9999px var(--color-spotlight-dim);pointer-events:none;opacity:0;transition:opacity var(--duration-base) var(--ease-out),left var(--duration-slow) var(--ease-out),top var(--duration-slow) var(--ease-out),width var(--duration-slow) var(--ease-out),height var(--duration-slow) var(--ease-out)}.tutorial-ring.is-visible{opacity:1}.tutorial-ring.is-visible:after{content:"";position:absolute;inset:-2px;border:1.5px solid var(--color-gold-1);border-radius:inherit;animation:training-ring-ping 1.6s var(--ease-out) infinite}.tutorial-target-proxy{position:fixed;min-height:0;padding:0;border:0;background:transparent;opacity:0;pointer-events:none}.tutorial-target-proxy.is-active{pointer-events:auto;cursor:pointer}.tutorial-card{position:fixed;display:flex;flex-direction:column;gap:var(--space-1-5);width:min(360px,calc(100vw - 32px));padding:var(--space-4) var(--space-5);border:1px solid var(--color-gold-line);border-radius:var(--radius-xl);background:var(--color-surface-1);color:var(--color-text-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.tutorial-card.is-visible{opacity:1}.tutorial-card:before{content:"";position:absolute;display:none;width:12px;height:12px;border:1px solid var(--color-gold-line);background:var(--color-surface-1);transform:rotate(45deg)}.tutorial-card:is([data-placement=below],[data-placement=above],[data-placement=right],[data-placement=left]):before{display:block}.tutorial-card[data-placement=below]:before{top:-7px;left:calc(var(--caret-offset, 50%) - 6px);border-right:0;border-bottom:0}.tutorial-card[data-placement=above]:before{bottom:-7px;left:calc(var(--caret-offset, 50%) - 6px);border-top:0;border-left:0}.tutorial-card[data-placement=right]:before{top:calc(var(--caret-offset, 32px) - 6px);left:-7px;border-top:0;border-right:0}.tutorial-card[data-placement=left]:before{top:calc(var(--caret-offset, 32px) - 6px);right:-7px;border-bottom:0;border-left:0}.tutorial-title{margin:0;color:var(--color-gold-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.tutorial-desc{margin:0;color:var(--color-text-2);font-size:var(--text-base);line-height:1.6;word-break:keep-all}.training-coach{--coach-accent: var(--color-gold-2);--coach-line: var(--color-gold-line-strong);--coach-glow: var(--color-gold-halo);position:fixed;top:max(calc(var(--game-top, 0px) + var(--space-4) + var(--control-h-md) + var(--space-4)),calc(var(--game-top, 0px) + var(--game-height, 100vh) * .2));left:calc(var(--game-left, 0px) + clamp(var(--space-4),2.4vw,56px));z-index:calc(var(--z-topbar) - 1);width:min(clamp(320px,20vw,420px),calc(var(--game-width, 100vw) * .32));pointer-events:none}.training-coach[data-tone=success]{--coach-accent: var(--color-success);--coach-line: var(--color-success-line);--coach-glow: var(--color-success-halo)}.training-coach[data-tone=fail]{--coach-accent: var(--color-danger);--coach-line: var(--color-danger-line);--coach-glow: var(--color-danger-halo)}.training-coach[data-tone=warn]{--coach-accent: var(--color-warning);--coach-line: var(--color-warning-line)}.training-coach :is(button,.training-progress){pointer-events:auto}.training-coach-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3);border:1px solid var(--coach-line);border-radius:var(--radius-xl);background:var(--plate-bg);box-shadow:var(--plate-shadow),0 0 56px var(--coach-glow);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);animation:training-rise var(--duration-slow) var(--ease-out)}.training-coach-card:before{content:"";position:absolute;top:-1px;right:var(--space-6);left:var(--space-6);height:3px;border-radius:0 0 var(--radius-pill) var(--radius-pill);background:linear-gradient(90deg,transparent,var(--coach-accent) 20%,var(--coach-accent) 80%,transparent);box-shadow:0 0 14px var(--coach-accent);transition:background var(--duration-base) var(--ease-out)}.training-coach-card:after{content:"";position:absolute;inset:-1px;border:2px solid var(--color-gold-1);border-radius:inherit;opacity:0;pointer-events:none}.training-coach-card:has(>.training-coach-main[data-swap=a]):after{animation:training-frame-lit-a 1.1s var(--ease-out)}.training-coach-card:has(>.training-coach-main[data-swap=b]):after{animation:training-frame-lit-b 1.1s var(--ease-out)}.training-coach[data-tone=fail] .training-coach-card{animation:training-shake var(--duration-slow) var(--ease-out)}.training-coach-top{display:flex;align-items:center;gap:var(--space-2);min-width:0}.training-coach-step{flex:none;color:var(--color-gold-1);font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-shadow:0 0 14px var(--color-gold-glow)}.training-coach-section{flex:1 1 auto;min-width:0;color:var(--color-text-2);font-size:var(--text-md);font-weight:var(--weight-semibold)}.training-coach-toggle{flex:none;margin-right:calc(var(--space-2) * -1);color:var(--color-text-2)}.training-coach-toggle .ui-icon{margin-left:var(--space-1);transition:transform var(--duration-fast) var(--ease-out)}.training-coach-toggle[aria-expanded=true] .ui-icon{transform:rotate(-90deg)}.training-coach-track{display:flex;align-items:center;gap:2px;margin-top:calc(var(--space-1) * -1)}.training-coach-tick{flex:1 1 0;height:7px;border-radius:var(--radius-pill);background:var(--color-surface-4);transition:background-color var(--duration-slow) var(--ease-out)}.training-coach-tick[data-section-start=true]{margin-left:var(--space-1)}.training-coach-tick[data-state=done]{background:var(--color-success)}.training-coach-tick[data-state=current]{height:12px;background:var(--color-gold-1);box-shadow:0 0 0 2px var(--color-gold-line),0 0 10px var(--color-gold-glow)}.training-coach-main{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding-top:var(--space-4);border-top:1px solid var(--color-gold-line)}.training-coach-main[data-swap=a]{animation:training-swap-a var(--duration-slow) var(--ease-out)}.training-coach-main[data-swap=b]{animation:training-swap-b var(--duration-slow) var(--ease-out)}.training-coach-title{margin:0;color:var(--color-gold-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.training-coach-keys{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-1) 0}.training-coach-keys:empty{display:none}.training-coach-keys .training-key{min-width:68px;height:68px;border-color:var(--color-gold-3);border-bottom-color:var(--color-gold-4);background:var(--plate-keycap-bg);box-shadow:var(--plate-keycap-shadow),var(--shadow-2);color:var(--color-gold-1);font-size:var(--text-3xl)}.training-coach-keys .training-key--icon{background:var(--training-key-icon) center / cover no-repeat,var(--color-bg-deep)}.training-coach-keys .training-key--icon{width:68px}.training-key{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-width:56px;height:56px;padding:0 var(--space-2);border:1px solid var(--color-line-3);border-bottom-width:4px;border-radius:var(--radius-lg);background:var(--color-surface-3);box-shadow:var(--shadow-inset-top),var(--shadow-1);color:var(--color-text-1);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1}.training-key--wide,.training-key--mouse{padding:0 var(--space-5);font-size:var(--text-lg)}.training-key--icon{width:56px;margin-right:var(--space-1-5);margin-bottom:var(--space-1-5);padding:0;border-color:var(--color-gold-line);border-bottom-width:1px;background:var(--training-key-icon) center / cover no-repeat,var(--color-bg-deep)}.training-key-badge{position:absolute;right:-8px;bottom:-8px;min-width:26px;padding:4px var(--space-1-5);border:1px solid var(--color-line-3);border-bottom-width:3px;border-radius:var(--radius-sm);background:var(--color-surface-3);box-shadow:var(--shadow-1);color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1;text-align:center}.training-key-arrow{color:var(--color-text-3);font-size:var(--text-xl);font-weight:var(--weight-bold)}.training-key-or{color:var(--color-text-2);font-size:var(--text-md);font-weight:var(--weight-bold)}.training-coach-goal{margin:0;color:var(--color-text-1);font-size:clamp(var(--text-xl),1.45vw,30px);font-weight:var(--weight-bold);line-height:1.35;text-shadow:var(--shadow-text-over-game);word-break:keep-all}.training-coach-parts{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.training-coach-parts:empty{display:none}.training-coach-hints{display:flex;flex-direction:column;gap:var(--space-1)}.training-coach-hints:empty{display:none}.training-coach-hint{margin:0;color:var(--color-text-2);font-size:var(--text-md);line-height:1.5;word-break:keep-all}.training-coach-hint-label{margin-right:var(--space-1-5);color:var(--color-text-3);font-weight:var(--weight-semibold)}.training-coach-foot{display:flex;flex-direction:column;gap:var(--space-2-5);padding-top:var(--space-3);border-top:1px solid var(--color-gold-line)}.training-coach-result{display:none;flex-wrap:wrap;align-items:center;gap:var(--space-1-5) var(--space-2)}.training-coach.has-status .training-coach-result{display:flex}.training-coach-mark{flex:none;animation:training-pop var(--duration-slow) var(--ease-out)}.training-coach-status{flex:1 1 160px;color:var(--color-text-2);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.45;word-break:keep-all}.training-coach[data-tone=busy] .training-coach-status{color:var(--color-text-3)}.training-coach[data-tone=success] .training-coach-status{color:var(--color-success)}.training-coach[data-tone=fail] .training-coach-status{color:var(--color-danger-strong)}.training-coach[data-tone=warn] .training-coach-status{color:var(--color-warning)}.training-coach-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.training-coach-actions .btn{flex:1 1 0;min-width:0;min-height:var(--control-h-lg);padding-right:var(--space-2);padding-left:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold)}.training-coach-actions #training-resave{flex:1 1 100%}.training-kbd{margin-left:var(--space-2);padding:2px var(--space-1-5);border:1px solid currentColor;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:1.2;opacity:.8}.training-coach-leave{align-self:center;color:var(--color-text-3)}.training-progress{position:absolute;top:0;left:calc(100% + var(--space-2));width:min(340px,calc(var(--game-width, 100vw) - 100% - var(--space-10)));border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);animation:training-rise var(--duration-base) var(--ease-out)}.training-progress-list{display:flex;flex-direction:column;gap:2px;max-height:min(60vh,680px);margin:0;padding:var(--space-2);overflow-y:auto;list-style:none}.training-progress-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-1-5) var(--space-2);border-bottom:1px solid var(--color-line-1);color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-bold)}.training-progress-section:first-child{margin-top:0}.training-progress-section-count{padding:1px var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-pill);color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.training-progress-section[data-state=current]{border-bottom-color:var(--color-gold-line);color:var(--color-gold-1)}.training-progress-section[data-state=current] .training-progress-section-count{border-color:var(--color-gold-line);background:var(--color-gold-soft);color:var(--color-gold-1)}.training-progress-section[data-state=done]{color:var(--color-success)}.training-progress-section[data-state=done] .training-progress-section-count{border-color:var(--color-success-line);background:var(--color-success-soft);color:var(--color-success)}.training-progress-item{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-1-5) var(--space-2);border-left:3px solid transparent;border-radius:var(--radius-md);color:var(--color-text-3);font-size:var(--text-sm)}.training-progress-order{display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--color-line-2);border-radius:var(--radius-pill);color:var(--color-text-3);font-size:var(--text-2xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.training-progress-title{flex:1 1 auto;min-width:0}.training-progress-state{flex:none;font-size:var(--text-xs);font-weight:var(--weight-bold)}.training-progress-item[data-state=done]{color:var(--color-text-2)}.training-progress-item[data-state=done] .training-progress-order{border-color:var(--color-success);background:var(--color-success);color:var(--color-text-inverse);font-size:0}.training-progress-item[data-state=done] .training-progress-order:before{content:"\2713";font-size:var(--text-sm);font-weight:var(--weight-bold)}.training-progress-item[data-state=done] .training-progress-state{color:var(--color-success)}.training-progress-item[data-state=current]{padding-top:var(--space-2-5);padding-bottom:var(--space-2-5);border-left-color:var(--color-gold-1);background:var(--color-gold-soft);box-shadow:inset 0 0 0 1px var(--color-gold-line);color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold)}.training-progress-item[data-state=current] .training-progress-order{border-color:var(--color-gold-1);background:var(--color-gold-2);color:var(--color-text-inverse);font-weight:var(--weight-bold)}.training-progress-item[data-state=current] .training-progress-state{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-gold-2);color:var(--color-text-inverse)}.training-cue{--cue-accent: var(--color-gold-1);position:fixed;top:calc(var(--game-top, 0px) + var(--game-height, 100vh) * .62);left:calc(var(--game-left, 0px) + var(--game-width, 100vw) / 2);z-index:calc(var(--z-topbar) - 1);display:flex;flex-direction:column;align-items:center;gap:var(--space-2-5);translate:-50% 0;pointer-events:none;animation:training-cue-in var(--duration-base) var(--ease-out)}.training-cue[data-tone=guard]{--cue-accent: var(--color-warning)}.training-cue[data-tone=counter]{--cue-accent: var(--color-info)}.training-cue[data-tone=dodge]{--cue-accent: var(--color-danger-strong)}.training-cue[data-tone=success]{--cue-accent: var(--color-success)}.training-cue-keys{display:flex;align-items:center;gap:var(--space-3)}.training-cue .training-key{min-width:76px;height:76px;border-color:var(--cue-accent);border-bottom-width:6px;border-radius:var(--radius-xl);box-shadow:var(--shadow-inset-top),var(--shadow-3);font-size:var(--text-3xl)}.training-cue .training-key--wide,.training-cue .training-key--mouse{padding:0 var(--space-6);font-size:var(--text-2xl)}.training-cue .training-key--icon{width:76px;margin:0 var(--space-2) var(--space-2) 0;border-bottom-width:2px}.training-cue .training-key-badge{right:-10px;bottom:-10px;min-width:32px;padding:var(--space-1-5) var(--space-2);border-color:var(--cue-accent);font-size:var(--text-lg)}.training-cue .training-key-arrow{color:var(--color-text-1);font-size:var(--text-2xl)}.training-cue .training-key-or{color:var(--color-text-1);font-size:var(--text-lg);text-shadow:var(--shadow-text-over-game)}.training-cue .training-key[data-step=active]{animation:training-key-press 1.1s var(--ease-in-out) infinite}.training-cue .training-key[data-step=active]:after{content:"";position:absolute;inset:-4px;border:2px solid var(--cue-accent);border-radius:inherit;animation:training-key-ring 1.1s var(--ease-out) infinite}.training-cue .training-key[data-step=todo]{opacity:.45}.training-cue .training-key[data-step=done]{border-color:var(--color-success);opacity:.85}.training-cue[data-state=ready] .training-key[data-step=active]{animation:none;opacity:.55}.training-cue[data-state=ready] .training-key[data-step=active]:after{animation:none;opacity:0}.training-cue[data-state=now] .training-cue-keys{scale:1.15}.training-cue[data-state=now] .training-key[data-step=active]{background-color:var(--color-surface-4);animation-duration:.42s}.training-cue[data-state=now] .training-key[data-step=active]:after{animation-duration:.42s}.training-cue[data-state=done]{animation:training-cue-done .9s var(--ease-out) forwards}.training-cue[data-state=done] .training-key{animation:none}.training-cue-label{margin:0;padding:var(--space-1-5) var(--space-4);border-radius:var(--radius-pill);background:var(--color-backdrop);color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:1.3;white-space:nowrap}.training-cue-label:empty{display:none}.training-cue[data-state=now] .training-cue-label{color:var(--cue-accent);font-size:var(--text-xl)}#cooldown-display .cd-item.is-training-focus{z-index:2;overflow:visible;outline:3px solid var(--color-gold-1);outline-offset:2px}#cooldown-display.has-training-focus .cd-item:not(.is-training-focus){opacity:.5}.training-slot-pointer{position:absolute;inset:-5px;pointer-events:none}.training-slot-pointer:after{content:"";position:absolute;inset:0;border:2px solid var(--color-gold-1);border-radius:var(--radius-md);animation:training-key-ring 1.2s var(--ease-out) infinite}.training-slot-pointer:before{content:"";position:absolute;bottom:calc(100% + 10px);left:50%;width:0;height:0;border:11px solid transparent;border-top-color:var(--color-gold-1);border-bottom-width:0;translate:-50% 0;animation:training-pointer-drop 1.2s var(--ease-in-out) infinite}@keyframes training-cue-in{0%{opacity:0;scale:.8}}@keyframes training-cue-done{0%{opacity:1;scale:1.15}60%{opacity:1;scale:1}to{opacity:0;scale:.9}}@keyframes training-key-press{0%,55%,to{translate:0 0;border-bottom-width:6px}25%,40%{translate:0 5px;border-bottom-width:2px}}@keyframes training-key-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:1.35}}@keyframes training-pointer-drop{0%,to{translate:-50% -6px}50%{translate:-50% 2px}}@keyframes training-fade-in{0%{opacity:0}}@keyframes training-rise{0%{opacity:0;translate:0 -8px}}@keyframes training-swap-a{0%{opacity:0;translate:16px 0}}@keyframes training-swap-b{0%{opacity:0;translate:16px 0}}@keyframes training-frame-lit-a{0%{opacity:.95;box-shadow:0 0 28px var(--color-gold-glow)}to{opacity:0;box-shadow:0 0 0 transparent}}@keyframes training-frame-lit-b{0%{opacity:.95;box-shadow:0 0 28px var(--color-gold-glow)}to{opacity:0;box-shadow:0 0 0 transparent}}@keyframes training-pop{0%{opacity:0;scale:.7}}@keyframes training-shake{20%{translate:-6px 0}45%{translate:5px 0}70%{translate:-3px 0}}@keyframes training-ring-ping{0%{inset:-2px;opacity:.9}to{inset:-12px;opacity:0}}@media(prefers-reduced-motion:reduce){.tutorial-ring.is-visible:after{animation:none;opacity:0}.training-coach[data-tone=fail] .training-coach-card,.training-coach-card:after{animation:none!important}}@media(max-width:1100px){.training-coach{width:min(270px,calc(var(--game-width, 100vw) * .34))}.training-coach-card{padding:var(--space-4) var(--space-4) var(--space-2)}.training-coach-goal{font-size:var(--text-lg)}.training-coach-keys .training-key{min-width:56px;height:56px;font-size:var(--text-2xl)}.training-coach-keys .training-key--icon{width:56px}.training-start-button{flex:1 1 100%}}}@layer features{.issue-report-overlay{position:fixed;inset:0;z-index:9027;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out)}.issue-report-overlay.open{opacity:1;pointer-events:auto}.issue-report-modal{width:min(1120px,100%);height:min(800px,calc(100vh - 32px));overflow:hidden}.issue-report-heading{min-width:0;word-break:keep-all}.issue-report-header-actions{display:flex;align-items:center;gap:var(--space-2)}.issue-report-body{display:grid;grid-template-columns:340px minmax(0,1fr);flex:1;min-height:0}.issue-report-list-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--color-line-1)}.issue-report-list-head{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-2)}.issue-report-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.issue-report-filters select{min-height:var(--control-h-sm);padding:4px 28px 4px var(--space-2-5);font-size:var(--text-sm)}.issue-report-list{display:flex;flex:1;flex-direction:column;gap:var(--space-0-5);min-height:0;padding:var(--space-1) var(--space-2) var(--space-2);overflow-y:auto;overscroll-behavior:contain}.issue-report-list:empty{display:none}.issue-report-item{display:flex;flex:none;flex-direction:column;gap:var(--space-1);width:100%;min-height:0;padding:var(--space-2-5) var(--space-3);border-color:transparent;background:transparent;font-weight:var(--weight-regular);text-align:left}.issue-report-item:hover:not(:disabled){border-color:transparent;background:var(--color-surface-2)}.issue-report-item:active:not(:disabled){transform:none}.issue-report-item.is-active,.issue-report-item.is-active:hover:not(:disabled){border-color:var(--color-gold-line);background:var(--color-gold-faint)}.issue-report-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.issue-report-item-title{display:-webkit-box;overflow:hidden;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-normal);overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.issue-report-item-meta,.issue-report-item-tags{color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.issue-report-list-empty,.issue-report-detail-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);color:var(--color-text-3);font-size:var(--text-sm);text-align:center}.issue-report-list-empty .ui-icon{--icon-size: 28px;color:var(--color-text-disabled)}.issue-report-load-more{margin:0 var(--space-3) var(--space-3)}.issue-report-content-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.issue-report-tabs{flex:none;padding:var(--space-2) var(--space-4) 0}.issue-report-detail{display:flex;flex:1;flex-direction:column;min-height:0;padding:var(--space-5);overflow-y:auto;overscroll-behavior:contain}.issue-report-detail-card{display:flex;flex-direction:column;gap:var(--space-4)}.issue-report-detail-head{display:flex;flex-direction:column;gap:var(--space-1-5)}.issue-report-detail-title{margin:0;color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);overflow-wrap:anywhere}.issue-report-detail-meta{color:var(--color-text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.issue-report-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-1-5);margin-top:var(--space-1)}.issue-report-state,.issue-report-tag{--tone: var(--color-text-2);--tone-fill: var(--color-surface-2);--tone-line: var(--color-line-2);flex:none;border-color:var(--tone-line);background:var(--tone-fill);color:var(--tone)}.issue-report-state[data-status=open]{--tone: var(--color-info);--tone-fill: var(--color-info-soft);--tone-line: color-mix(in srgb, var(--color-info) 40%, transparent)}.issue-report-state[data-status=triaged],.issue-report-tag[data-severity=high]{--tone: var(--color-warning);--tone-fill: var(--color-warning-soft);--tone-line: color-mix(in srgb, var(--color-warning) 40%, transparent)}.issue-report-state[data-status=resolved]{--tone: var(--color-success);--tone-fill: var(--color-success-soft);--tone-line: color-mix(in srgb, var(--color-success) 40%, transparent)}.issue-report-state[data-status=closed]{--tone: var(--color-text-3)}.issue-report-tag[data-severity=critical]{--tone: var(--color-danger-strong);--tone-fill: var(--color-danger-soft);--tone-line: color-mix(in srgb, var(--color-danger) 45%, transparent)}.issue-report-secret-note{padding:var(--space-2-5) var(--space-3);border-left:2px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-text-2);font-size:var(--text-sm)}.issue-report-detail-body{padding:var(--space-3) var(--space-4);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text-1);font-size:var(--text-base);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.issue-report-detail-body:empty{display:none}.issue-report-comments{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.issue-report-comment-list{display:flex;flex-direction:column}.issue-report-comment-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2-5) 0;border-bottom:1px solid var(--color-line-1)}.issue-report-comment-item:first-child{border-top:1px solid var(--color-line-1)}.issue-report-comment-meta{color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.issue-report-comment-body{color:var(--color-text-1);font-size:var(--text-md);line-height:var(--leading-normal);white-space:pre-wrap;overflow-wrap:anywhere}.issue-report-comment-empty{color:var(--color-text-3);font-size:var(--text-sm)}.issue-report-comment-form{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.issue-report-comment-form textarea{min-height:72px;resize:vertical}.issue-report-compose-form{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-height:0;padding:var(--space-5);overflow-y:auto}.issue-report-compose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.issue-report-compose-body-row textarea{min-height:180px;resize:vertical}.issue-report-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.issue-report-compose-note{flex:1;min-width:0;font-size:var(--text-sm)}.issue-report-status{flex:none;padding:var(--space-2-5) var(--space-5);border-top:1px solid var(--color-line-1);color:var(--color-text-2);font-size:var(--text-sm)}.issue-report-status:empty{display:none}.issue-report-status.is-error{color:var(--color-danger-strong)}.issue-report-status.is-success{color:var(--color-success)}@media(max-width:900px){.issue-report-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,40%) minmax(0,1fr)}.issue-report-list-panel{border-right:0;border-bottom:1px solid var(--color-line-1)}}@media(max-width:640px){.issue-report-overlay{padding:var(--space-2)}.issue-report-modal{height:calc(100vh - 16px)}.issue-report-compose-grid{grid-template-columns:minmax(0,1fr)}.issue-report-compose-footer{flex-direction:column;align-items:stretch}}}@layer features{.seo-noscript{position:fixed;top:50%;left:50%;z-index:14010;width:min(440px,calc(100vw - 32px));padding:var(--space-5);border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);color:var(--color-text-2);font-size:var(--text-base);line-height:1.6;text-align:center;word-break:keep-all;transform:translate(-50%,-50%)}.seo-noscript a{color:var(--color-gold-1);text-underline-offset:3px}.seo-page-body,.seo-page-body *,.seo-page-body *:before,.seo-page-body *:after{box-sizing:border-box}.seo-page-body{margin:0;min-height:100vh;background-color:var(--color-bg);background-image:radial-gradient(120% 60% at 50% -10%,var(--color-gold-faint),transparent 60%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-deep) 100%);background-attachment:fixed;color:var(--color-text-1);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.seo-page-body ::selection{background:var(--color-gold-soft)}.seo-page-body a:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.seo-site-header,.seo-page-shell{width:min(1040px,calc(100% - 32px));margin:0 auto}.seo-site-header{display:flex;align-items:center;height:var(--topbar-h);border-bottom:1px solid var(--color-line-1)}.seo-brand{display:inline-flex;align-items:center;gap:var(--space-2-5);border-radius:var(--radius-sm);color:var(--color-text-1);text-decoration:none}.seo-brand-emblem{position:relative;flex:none;width:22px;height:22px}.seo-brand-emblem:before,.seo-brand-emblem:after{content:"";position:absolute;inset:3px;border:1.5px solid var(--color-gold-2);transform:rotate(45deg)}.seo-brand-emblem:after{inset:8px;border:0;background:var(--color-gold-1)}.seo-brand-wordmark{font-family:var(--font-display);font-size:19px;font-weight:var(--weight-bold);line-height:1;letter-spacing:.08em}.seo-brand-accent{color:var(--color-gold-1)}.seo-page-shell{display:flex;flex-direction:column;gap:var(--space-6);padding:clamp(32px,6vw,64px) 0 var(--space-10)}.seo-page-hero{display:flex;flex-direction:column;gap:var(--space-4);max-width:760px}.seo-page-kicker{margin:0;color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}.seo-page-title{margin:0;color:var(--color-text-1);font-size:clamp(var(--text-3xl),4.4vw,44px);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.seo-page-lead{margin:0;max-width:66ch;color:var(--color-text-2);font-size:var(--text-lg);line-height:1.7}.seo-page-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.seo-page-nav a.btn{min-height:var(--control-h-md);padding:6px var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.25;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.seo-page-nav a.btn--ghost{border-color:transparent}.seo-page-section{display:flex;flex-direction:column;gap:var(--space-4)}.seo-section-title{margin:0;color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold)}.seo-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.seo-page-card{padding:var(--space-6);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-1)}.seo-page-card h2{margin:0 0 var(--space-2-5);color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold)}.seo-page-card p,.seo-page-card li,.seo-page-faq-item p{color:var(--color-text-2);font-size:var(--text-base);line-height:1.7}.seo-page-card p,.seo-page-faq-item p{margin:0}.seo-page-card ul{display:flex;flex-direction:column;gap:var(--space-1-5);margin:0;padding-left:var(--space-5)}.seo-page-card li::marker{color:var(--color-text-3)}.seo-page-faq-item{padding-top:var(--space-4);border-top:1px solid var(--color-line-1)}.seo-page-faq-item h3{margin:0 0 var(--space-1-5);color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold)}.seo-page-note{padding:var(--space-4) var(--space-5);border:1px solid var(--color-line-1);border-left:2px solid var(--color-line-3);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text-2);line-height:1.7}.seo-page-footer{padding-top:var(--space-5);border-top:1px solid var(--color-line-1);color:var(--color-text-3);font-size:var(--text-sm)}@media(max-width:760px){.seo-page-grid{grid-template-columns:minmax(0,1fr)}.seo-page-card{padding:var(--space-5)}.seo-page-lead{font-size:var(--text-base)}}}@layer features{:is(.skillup-modal,.skillup-skill-hover-modal,.skillup-auto-dialog)[data-skill-class=scouter],.class-info-overlay[data-class=scouter]{--skill-icon-q: url(/assets/ui/skills/skill_scouter_q.png);--skill-icon-w: url(/assets/ui/skills/skill_scouter_w.png);--skill-icon-e: url(/assets/ui/skills/skill_scouter_e.png);--skill-icon-r: url(/assets/ui/skills/skill_scouter_r.png);--skill-icon-a: url(/assets/ui/skills/skill_scouter_a.png);--skill-icon-s: url(/assets/ui/skills/skill_scouter_s.png);--skill-icon-d: url(/assets/ui/skills/skill_scouter_d.png);--skill-icon-f: url(/assets/ui/skills/skill_scouter_f.png);--skill-icon-z: url(/assets/ui/skills/skill_scouter_z.png);--skill-icon-x: url(/assets/ui/skills/skill_scouter_x.png);--skill-icon-v: url(/assets/ui/skills/skill_scouter_v.png);--skill-icon-t: url(/assets/ui/skills/skill_scouter_t.png)}:is(.skillup-modal,.skillup-skill-hover-modal,.skillup-auto-dialog)[data-skill-class=warrior],.class-info-overlay[data-class=warrior]{--skill-icon-q: url(/assets/ui/skills/skill_warrior_q.webp);--skill-icon-w: url(/assets/ui/skills/skill_warrior_w.webp);--skill-icon-e: url(/assets/ui/skills/skill_warrior_e.webp);--skill-icon-r: url(/assets/ui/skills/skill_warrior_r.webp);--skill-icon-a: url(/assets/ui/skills/skill_warrior_a.webp);--skill-icon-s: url(/assets/ui/skills/skill_warrior_s.webp);--skill-icon-d: url(/assets/ui/skills/skill_warrior_d.webp);--skill-icon-f: url(/assets/ui/skills/skill_warrior_f.webp);--skill-icon-z: url(/assets/ui/skills/skill_warrior_z.webp);--skill-icon-x: url(/assets/ui/skills/skill_warrior_x.webp);--skill-icon-v: url(/assets/ui/skills/skill_warrior_v.webp);--skill-icon-t: url(/assets/ui/skills/skill_warrior_t.webp)}:is(.skillup-modal,.skillup-skill-hover-modal,.skillup-auto-dialog)[data-skill-class=yusan],.class-info-overlay[data-class=yusan]{--skill-icon-q: url(/assets/ui/skills/skill_yusan_q.png);--skill-icon-w: url(/assets/ui/skills/skill_yusan_w.png);--skill-icon-e: url(/assets/ui/skills/skill_yusan_e.png);--skill-icon-r: url(/assets/ui/skills/skill_yusan_r.png);--skill-icon-a: url(/assets/ui/skills/skill_yusan_a.png);--skill-icon-s: url(/assets/ui/skills/skill_yusan_s.png);--skill-icon-d: url(/assets/ui/skills/skill_yusan_d.png);--skill-icon-f: url(/assets/ui/skills/skill_yusan_f.png);--skill-icon-z: url(/assets/ui/skills/skill_yusan_z.png);--skill-icon-x: url(/assets/ui/skills/skill_yusan_x.png);--skill-icon-v: url(/assets/ui/skills/skill_yusan_v.png);--skill-icon-t: url(/assets/ui/skills/skill_yusan_t.png)}:is(.skillup-skill-key,.class-info-skill-key){background-position:center;background-repeat:no-repeat;background-size:90% 90%}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=q]{background-image:var(--skill-icon-q)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=w]{background-image:var(--skill-icon-w)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=e]{background-image:var(--skill-icon-e)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=r]{background-image:var(--skill-icon-r)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=a]{background-image:var(--skill-icon-a)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=s]{background-image:var(--skill-icon-s)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=d]{background-image:var(--skill-icon-d)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=f]{background-image:var(--skill-icon-f)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=z]{background-image:var(--skill-icon-z)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=x]{background-image:var(--skill-icon-x)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=v]{background-image:var(--skill-icon-v)}:is(.skillup-skill-key,.class-info-skill-key)[data-skill-key=t]{background-image:var(--skill-icon-t)}}@layer features{.skillup-overlay{position:fixed;inset:0;z-index:5420;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.skillup-overlay.open{display:flex}.skillup-modal{width:min(1280px,100%);height:min(880px,calc(100vh - 32px));overflow:hidden;transition:border-color var(--duration-slow) var(--ease-out)}.skillup-fx-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;border-radius:0;pointer-events:none}.skillup-modal.is-upgrade-success{border-color:var(--color-gold-line)}.skillup-modal.is-upgrade-success #skillup-skill-key{animation:skillup-key-pop calc(var(--duration-slow) * 1.5) var(--ease-out)}.skillup-modal.is-upgrade-fail .skillup-result{animation:skillup-shake calc(var(--duration-slow) * 1.2) var(--ease-out)}.skillup-header{gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:0}.skillup-heading{flex:1 1 auto;min-width:0}.skillup-subtitle{margin:var(--space-0-5) 0 0}.skillup-owned{display:flex;flex:none;align-items:stretch;border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep)}.skillup-owned-item{display:flex;align-items:center;gap:var(--space-2);min-width:128px;padding:var(--space-1-5) var(--space-3)}.skillup-owned-item+.skillup-owned-item{border-left:1px solid var(--color-line-1)}.skillup-owned-item .resource-icon{--resource-icon-size: 20px}.skillup-owned-name{color:var(--color-text-3);font-size:var(--text-xs);white-space:nowrap}.skillup-owned-value{margin-left:auto;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.skillup-header-actions{display:flex;flex:none;align-items:center;gap:var(--space-1)}.skillup-tabs{flex:none;padding:0 var(--space-5)}.skillup-tab{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1-5) var(--space-3)}.skillup-tab-label{pointer-events:none}.skillup-tab-sprite{flex:none;pointer-events:none}.skillup-tab-sprite.is-empty{display:none}.skillup-body{display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-5);min-height:0;padding:var(--space-5)}.skillup-main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;min-height:0}.skillup-skill-grid{display:grid;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.skillup-skill-card{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:1fr auto;grid-template-areas:"icon label" "icon level";column-gap:var(--space-2-5);align-items:center;min-width:0;min-height:60px;padding:var(--space-2) var(--space-2-5);border-color:var(--color-line-1);background:var(--color-surface-2);text-align:left}.skillup-skill-card:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-surface-3)}.skillup-skill-card.active,.skillup-skill-card.active:hover:not(:disabled){border-color:var(--color-gold-2);background:var(--color-gold-faint);box-shadow:inset 0 0 0 1px var(--color-gold-line)}.skillup-skill-card.is-locked:disabled{opacity:.5}.skillup-skill-card.is-locked .skillup-skill-key{filter:grayscale(1)}.skillup-skill-key{width:40px;height:40px;overflow:hidden;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background-color:var(--color-bg-deep);background-size:cover;color:transparent;font-size:0}.skillup-skill-card .skillup-skill-key{grid-area:icon}.skillup-skill-info{grid-area:label;align-self:end;min-width:0}.skillup-skill-label{color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.3;white-space:normal}.skillup-skill-card .skillup-skill-level{grid-area:level;align-self:start;color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.3;font-variant-numeric:tabular-nums}.skillup-skill-card .skillup-skill-level.is-tier-5{color:var(--grade-uncommon)}.skillup-skill-card .skillup-skill-level.is-tier-10{color:var(--grade-rare)}.skillup-skill-card .skillup-skill-level.is-tier-15{color:var(--grade-epic)}.skillup-skill-card .skillup-skill-level.is-tier-20{color:var(--grade-legendary)}.skillup-detail{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-height:0;padding:var(--space-4);border:1px solid var(--color-line-1);border-radius:var(--radius-lg)}.skillup-detail-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:var(--space-3)}.skillup-detail-head .skillup-skill-key{width:48px;height:48px}.skillup-detail-title-wrap{min-width:0}.skillup-skill-title{margin:0;overflow:hidden;color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.skillup-preview{display:-webkit-box;margin:var(--space-1) 0 0;overflow:hidden;color:var(--color-text-2);font-size:var(--text-sm);line-height:var(--leading-normal);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.skillup-level-pair{display:inline-flex;align-items:center;gap:var(--space-1-5)}.skillup-level-pill{min-width:56px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-bg-deep);color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:center}.skillup-level-pill.next,.skillup-level-pair.is-max .skillup-level-pill{border-color:var(--color-gold-line);background:var(--color-gold-soft);color:var(--color-gold-1)}.skillup-level-arrow{color:var(--color-text-3)}.skillup-level-pair.is-max :is(.skillup-level-arrow,.skillup-level-pill.next){display:none}.skillup-effects-title{margin-top:var(--space-1)}.skillup-effects{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-1-5);min-height:0;margin-right:calc(var(--space-2) * -1);padding-right:var(--space-2);overflow-y:auto}.skillup-effect-row-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1-5)}.skillup-effect-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:baseline;gap:var(--space-2-5);min-width:0;padding:var(--space-1-5) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md)}.skillup-effect-level{color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.skillup-effect-text{color:var(--color-text-2);font-size:var(--text-md);line-height:var(--leading-normal)}.skillup-effect-row.is-unlocked{background:var(--color-surface-2)}.skillup-effect-row.is-unlocked .skillup-effect-level{color:var(--color-success)}.skillup-effect-row.is-unlocked .skillup-effect-text{color:var(--color-text-1)}.skillup-effect-row.is-next{border-color:var(--color-gold-line);background:var(--color-gold-faint)}.skillup-effect-row.is-next .skillup-effect-level{color:var(--color-gold-1)}.skillup-effect-row.is-next .skillup-effect-text{color:var(--color-text-1)}.skillup-effect-row.is-special .skillup-effect-level:after{content:"EX";margin-left:var(--space-1);padding:0 3px;border:1px solid var(--color-line-3);border-radius:var(--radius-xs);color:var(--color-text-2);font-size:var(--text-2xs);font-weight:var(--weight-bold);vertical-align:1px}.skillup-effect-row.is-empty{grid-template-columns:1fr;padding:var(--space-6) var(--space-3);border-style:dashed;color:var(--color-text-3);text-align:center}.skillup-action{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;padding:var(--space-4);overflow-y:auto;border:1px solid var(--color-line-1);border-radius:var(--radius-lg)}.skillup-card,.skillup-cost-grid{display:flex;flex-direction:column;gap:var(--space-2)}.skillup-cost-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2-5);min-height:24px}.skillup-cost-label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-2);font-size:var(--text-sm)}.skillup-cost-icon{--resource-icon-size: 16px}.skillup-cost-value,.skillup-chance-value{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.skillup-chance{padding-top:var(--space-2-5);border-top:1px solid var(--color-line-1)}.skillup-upgrade-btn{width:100%;margin-top:var(--space-1)}.skillup-skill-action-row,.skillup-bulk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}:is(.skillup-skill-action-row,.skillup-bulk-grid) .btn{min-width:0;line-height:1.25;text-align:center;white-space:normal;word-break:keep-all}.skillup-note{min-height:18px;color:var(--color-text-3);font-size:var(--text-sm);line-height:var(--leading-normal)}.skillup-modal.is-resource-warning .skillup-note{color:var(--color-danger-strong)}.skillup-result{min-height:20px;font-size:var(--text-md);font-weight:var(--weight-semibold);text-align:center;opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.skillup-result.show{opacity:1}.skillup-result.is-success{color:var(--color-success)}.skillup-result.is-fail{color:var(--color-danger-strong)}.skillup-action-footer{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-line-1)}.skillup-skill-hover-modal{position:fixed;top:0;left:0;z-index:5490;width:min(420px,calc(100vw - 16px));padding:var(--space-3);border:1px solid var(--color-line-3);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text-1);box-shadow:var(--shadow-2);pointer-events:none}.skillup-skill-hover-modal[hidden]{display:none}.skillup-skill-hover-head{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:var(--space-2-5);margin-bottom:var(--space-2)}.skillup-skill-hover-title{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.skillup-skill-hover-desc{margin-bottom:var(--space-2-5);color:var(--color-text-2);font-size:var(--text-sm);line-height:1.55;white-space:pre-wrap}.skillup-skill-hover-stats{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.skillup-skill-hover-stat{font-variant-numeric:tabular-nums}.skillup-skill-hover-loading{color:var(--color-text-2);font-size:var(--text-sm)}.skillup-auto-modal{z-index:10001;background:var(--color-backdrop);backdrop-filter:blur(3px);pointer-events:auto}.skillup-auto-dialog{width:min(460px,100%)}.skillup-auto-message{margin:0 0 var(--space-3);color:var(--color-text-2);font-size:var(--text-md)}.skillup-auto-skills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.skillup-auto-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-1) var(--space-1-5);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);cursor:pointer;user-select:none;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.skillup-auto-option:hover{border-color:var(--color-line-3)}.skillup-auto-option:has(input:checked){border-color:var(--color-gold-2);background:var(--color-gold-faint)}.skillup-auto-option:has(input:focus-visible){box-shadow:var(--shadow-focus)}.skillup-auto-option input{position:absolute;top:var(--space-1);right:var(--space-1);width:14px;height:14px}.skillup-auto-icons{display:flex;justify-content:center;gap:2px}.skillup-auto-option .skillup-skill-key{width:36px;height:36px}.skillup-auto-icons .skillup-skill-key:not(:only-child){width:28px;height:28px}.skillup-auto-key{color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-bold)}.skillup-auto-option:has(input:checked) .skillup-auto-key{color:var(--color-gold-1)}@keyframes skillup-key-pop{40%{border-color:var(--color-gold-2);transform:scale(1.08)}}@keyframes skillup-shake{25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@media(max-width:1180px){.skillup-skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1020px){.skillup-header{flex-wrap:wrap}.skillup-owned{order:3;width:100%}.skillup-owned-item{flex:1 1 0;min-width:0}.skillup-body{grid-template-columns:minmax(0,1fr);overflow-y:auto}.skillup-main{min-height:auto}.skillup-effects{max-height:420px}}@media(max-width:640px){.skillup-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skillup-detail-head{grid-template-columns:48px minmax(0,1fr)}.skillup-level-pair{grid-column:1 / -1;justify-content:flex-end}.skillup-effect-row-pair{grid-template-columns:minmax(0,1fr)}.skillup-auto-skills{grid-template-columns:repeat(4,minmax(0,1fr))}}}@layer features{.awakening-unlock-overlay{position:fixed;inset:0;z-index:10015;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.awakening-unlock-modal{width:min(480px,100%)}.awakening-unlock-body{color:var(--color-text-2);font-size:var(--text-base);line-height:1.65;white-space:pre-wrap}.awakening-unlock-ok{min-width:96px}}@layer features{.growth-notice{position:absolute;left:50%;top:12px;z-index:8;max-width:min(560px,calc(100% - 24px));padding:7px 18px 8px;border:1px solid rgba(245,228,180,.5);border-radius:999px;background:linear-gradient(180deg,#1c222ef5,#0a0d14f5);box-shadow:0 8px 22px #0000008c,inset 0 1px #fff4cd2e;color:#f4ecd6;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.35;text-align:center;opacity:0;transform:translate(-50%,-6px);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);pointer-events:none}.growth-notice.is-on{opacity:1;transform:translate(-50%)}.growth-notice.is-leaving{opacity:0;transform:translate(-50%,-4px)}.growth-notice[data-tone=success]{border-color:#78e29699;color:#d9ffe3}.growth-notice[data-tone=warning]{border-color:#ffc45cb3;color:#ffe2a8}.growth-notice[data-tone=error]{border-color:#ff7064bf;background:linear-gradient(180deg,#3e1214f5,#1c080af5);color:#ffd2cc;pointer-events:auto}.growth-line{margin:0;color:#d6dbe5;font-size:var(--text-sm);line-height:1.55;overflow-wrap:anywhere}.growth-line+.growth-line{margin-top:2px}.growth-line.is-muted{color:var(--color-text-3)}.growth-num-wrap{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}.growth-num{color:#fff;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-shadow:0 0 1px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.8),0 0 10px var(--growth-glow, rgba(150, 215, 255, .45))}.growth-delta{align-self:center;padding:0 .45em .05em;border-radius:999px;background:#04060ce0;font-size:.82em;font-style:normal;font-weight:var(--weight-bold);line-height:1.35;font-variant-numeric:tabular-nums}.growth-delta[data-tone=up]{box-shadow:0 0 0 1px #6edc82a6;color:#8ff0a2}.growth-delta[data-tone=down]{box-shadow:0 0 0 1px #ff6e64a6;color:#ff8f86}@media(prefers-reduced-motion:reduce){.growth-notice{transition:none}}}@layer features{.engrave-overlay{--eg-void: #06080d;--eg-panel: rgba(11, 14, 21, .96);--eg-panel-2: rgba(19, 24, 35, .92);--eg-line: rgba(126, 182, 222, .2);--eg-line-strong: rgba(150, 214, 255, .42);--eg-glow: #84d6ff;--eg-gold: var(--ark-metal-1);--eg-gold-2: var(--ark-metal-2);--eg-gold-3: var(--ark-metal-3);position:fixed;inset:0;z-index:5425;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:#020306b8;backdrop-filter:blur(3px)}.engrave-overlay.open{display:flex}.engrave-overlay [data-grade=locked]{--engrave-grade: #7d8592}.engrave-overlay [data-grade="0"]{--engrave-grade: var(--grade-common)}.engrave-overlay [data-grade="1"]{--engrave-grade: var(--grade-uncommon)}.engrave-overlay [data-grade="2"]{--engrave-grade: var(--grade-rare)}.engrave-overlay [data-grade="3"]{--engrave-grade: var(--grade-epic)}.engrave-overlay [data-grade="4"]{--engrave-grade: var(--grade-legendary)}.engrave-overlay [data-grade="5"]{--engrave-grade: var(--grade-relic)}.engrave-overlay [data-grade="6"]{--engrave-grade: var(--grade-ancient)}.engrave-overlay [data-key]{--engrave-band: rgba(14, 18, 30, .92);--engrave-tone: #9fd6ff}.engrave-overlay [data-key=A]{--engrave-band: rgba(70, 10, 22, .93);--engrave-tone: #ff8a7a}.engrave-overlay [data-key=B]{--engrave-band: rgba(74, 30, 6, .93);--engrave-tone: #ffb070}.engrave-overlay [data-key=C]{--engrave-band: rgba(8, 38, 62, .93);--engrave-tone: #8fdcff}.engrave-overlay [data-key=E]{--engrave-band: rgba(42, 10, 66, .93);--engrave-tone: #d8a2ff}.engrave-overlay [data-key=F]{--engrave-band: rgba(10, 24, 70, .93);--engrave-tone: #8cb6ff}.engrave-overlay [data-key=J]{--engrave-band: rgba(58, 38, 6, .93);--engrave-tone: #ffd27a}.engrave-overlay [data-key=K]{--engrave-band: rgba(6, 46, 22, .93);--engrave-tone: #8ef0a8}.engrave-overlay [data-key=L]{--engrave-band: rgba(70, 20, 6, .93);--engrave-tone: #ff9a66}.engrave-overlay [data-key=M]{--engrave-band: rgba(4, 48, 50, .93);--engrave-tone: #7ff0e6}.engrave-overlay [data-key=N]{--engrave-band: rgba(64, 24, 36, .93);--engrave-tone: #ffc2c8}.engrave-modal{position:relative;display:flex;flex-direction:column;width:min(1780px,calc(100vw - 32px));height:min(1040px,calc(100dvh - 32px));overflow:hidden;border:1px solid rgba(168,132,67,.6);border-radius:10px;background:var(--eg-void);box-shadow:0 0 0 1px #000c,0 24px 60px #000000b3,inset 0 0 0 1px #84d6ff0f;color:var(--color-text-1);animation:dialog-in var(--duration-base) var(--ease-out)}.engrave-header{position:relative;display:flex;flex:0 0 52px;align-items:center;gap:var(--space-3);padding:0 var(--space-3) 0 var(--space-4);border-bottom:1px solid rgba(168,132,67,.5);background:linear-gradient(90deg,rgba(132,214,255,.08),transparent 40%,transparent 60%,rgba(132,214,255,.05)),linear-gradient(180deg,#1e2432f7,#0a0d14f7)}.engrave-header:after{position:absolute;left:0;right:0;bottom:-3px;height:1px;background:linear-gradient(90deg,transparent,rgba(132,214,255,.35) 30%,rgba(132,214,255,.35) 70%,transparent);content:""}.engrave-heading{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-2-5);min-width:0}.engrave-emblem,.engrave-stone-emblem{flex:none;width:30px;height:30px;background:url(/assets/ui/engrave/engrave-rune.webp) center / contain no-repeat;filter:drop-shadow(0 0 6px rgba(176,120,255,.55))}.engrave-stone-emblem{background-image:url(/assets/ui/engrave/engrave-stone.webp)}.engrave-title{margin:0;color:var(--eg-gold);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:.32em;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 14px rgba(245,228,180,.25)}.engrave-heading-count{padding:2px 10px 3px;border:1px solid var(--eg-line-strong);border-radius:999px;background:#081420cc;color:#cdeeff;font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.engrave-header-tools{display:flex;flex:none;align-items:center;gap:var(--space-2)}.engrave-wallet{display:flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3) 0 var(--space-1-5);border:1px solid rgba(168,132,67,.45);border-radius:999px;background:linear-gradient(180deg,#181422f2,#08080ef2)}.engrave-wallet-icon{display:flex;width:28px;height:28px}.engrave-wallet-icon .engrave-rune-icon{width:28px;height:28px}.engrave-wallet-name{color:var(--color-text-3);font-size:var(--text-xs);white-space:nowrap}.engrave-wallet strong{color:#f4ecd6;font-size:var(--text-md);font-variant-numeric:tabular-nums;white-space:nowrap}.engrave-mobile-tabs{display:none}.engrave-body{display:grid;flex:1 1 0;grid-template-columns:300px minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr);min-height:0}.engrave-section-title{margin:0;color:var(--eg-gold);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:.14em}.engrave-codex{display:flex;flex-direction:column;gap:var(--space-2-5);min-height:0;padding:var(--space-3);overflow-y:auto;border-right:1px solid rgba(168,132,67,.32);background:linear-gradient(180deg,#10141ef7,#06080dfa);scrollbar-gutter:stable}.engrave-recommend{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2-5);border:1px solid rgba(168,132,67,.35);border-radius:8px;background:linear-gradient(180deg,#2a221259,#0c0c1299)}.engrave-rec-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px var(--space-2)}.engrave-rec-head .engrave-section-title{white-space:nowrap}.engrave-rec-classes{display:flex;gap:4px}.engrave-chip{min-width:0;height:34px;padding:0 12px;border:1px solid var(--eg-line);border-radius:999px;background:#080a10cc;color:var(--color-text-2);font:inherit;font-size:var(--text-control-sm);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer}.engrave-chip:hover:not(:disabled){color:var(--color-text-1);border-color:var(--eg-line-strong)}.engrave-chip.is-on{border-color:#f5e4b4b3;background:linear-gradient(180deg,var(--eg-gold-2),var(--eg-gold-3));color:#fff4d6;box-shadow:inset 0 1px #fff4cd59}.engrave-chip:disabled{opacity:.5;cursor:default}.engrave-rec-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.engrave-rec-mode{display:flex;flex-direction:column;gap:6px;min-width:0;padding:7px 8px 8px;border:1px solid var(--eg-line);border-radius:7px;background:#080a10bf;color:var(--color-text-1);font:inherit;text-align:left;cursor:pointer}.engrave-rec-mode:hover:not(:disabled){border-color:var(--eg-line-strong);background:#101824d9}.engrave-rec-mode.is-on{border-color:#f5e4b4a6;background:linear-gradient(180deg,#4032168c,#0e0c0acc);box-shadow:0 0 12px #f5e4b426}.engrave-rec-mode:disabled{opacity:.55;cursor:default}.engrave-rec-mode-title{display:flex;align-items:baseline;justify-content:space-between;gap:4px;font-size:var(--text-sm);font-weight:var(--weight-bold)}.engrave-rec-mode-title>span{white-space:nowrap}.engrave-rec-mode-title small{color:var(--color-text-3);font-size:12px;font-weight:var(--weight-semibold);white-space:nowrap}.engrave-rec-mode.is-on .engrave-rec-mode-title small{color:var(--eg-gold)}.engrave-rec-mode-medals{display:flex;gap:1px;min-width:0;min-height:22px}.engrave-rec-mode-medals .engrave-medal{flex:1 1 0;min-width:0;max-width:26px;width:auto}.engrave-rec-empty{color:var(--color-text-3);font-size:12px;align-self:center}.engrave-codex-title{margin-top:2px}.engrave-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.engrave-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:10px 4px 9px;border:1px solid rgba(126,160,200,.16);border-radius:8px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--engrave-grade) 16%,transparent) 0%,transparent 62%),linear-gradient(180deg,#161b27eb,#090b11f2);color:var(--color-text-1);font:inherit;cursor:pointer;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.engrave-card:hover{border-color:var(--eg-line-strong);transform:translateY(-1px)}.engrave-card.active{border-color:#f5e4b4d9;box-shadow:0 0 0 1px #f5e4b44d,0 0 16px #f5e4b438,inset 0 0 18px #f5e4b414}.engrave-card-medal{position:relative;width:66px}.engrave-card.is-locked .engrave-card-medal{opacity:.85}.engrave-card-seat{position:absolute;left:7px;top:7px;display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(190,236,255,.85);border-radius:50%;background:radial-gradient(circle at 40% 35%,#2f7fb0,#0b2a44);box-shadow:0 0 8px #84d6ffb3;color:#fff;font-size:12px;font-weight:var(--weight-bold)}.engrave-card-rec{position:absolute;right:6px;top:7px;padding:1px 6px 2px;border:1px solid rgba(245,228,180,.6);border-radius:999px;background:#30240ceb;color:var(--eg-gold);font-size:12px;font-weight:var(--weight-bold)}.engrave-card-ready{position:absolute;right:10px;bottom:30px;width:8px;height:8px;border-radius:50%;background:#6ef08e;box-shadow:0 0 6px #6ef08ee6}.engrave-card-stage{color:var(--engrave-grade);font-size:12px;font-weight:var(--weight-bold);white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.9)}.engrave-card-bar{position:relative;width:72%;height:4px;overflow:hidden;border-radius:2px;background:#ffffff14}.engrave-card-bar:after{position:absolute;inset:0 auto 0 0;width:calc(var(--fill, 0) * 100%);background:linear-gradient(90deg,color-mix(in srgb,var(--engrave-grade) 55%,#000),var(--engrave-grade));box-shadow:0 0 6px var(--engrave-grade);content:""}.engrave-ribbon{position:relative;display:flex;justify-content:center;min-width:116%;padding:.2em 1.1em .24em;background:linear-gradient(90deg,transparent 0%,var(--engrave-band) 20%,var(--engrave-band) 80%,transparent 100%);color:#fff4dc;font-size:13px;font-weight:var(--weight-bold);line-height:1.2;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.9)}.engrave-ribbon:before,.engrave-ribbon:after{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 4%,rgba(245,228,180,.8) 24%,rgba(245,228,180,.8) 76%,transparent 96%);content:""}.engrave-ribbon:before{top:0}.engrave-ribbon:after{bottom:0}.engrave-card .engrave-ribbon{min-width:calc(100% + 8px);font-size:13px}.engrave-card.is-locked .engrave-ribbon{color:#b9bec8}.engrave-medal{position:relative;display:block;width:100%;aspect-ratio:1}.engrave-medal>span{position:absolute;inset:0;background:center / contain no-repeat}.engrave-medal-sigil{filter:drop-shadow(0 4px 6px rgba(0,0,0,.55))}.engrave-medal[data-grade=locked] .engrave-medal-sigil{filter:grayscale(.85) brightness(.48) contrast(1.1)}.engrave-medal[data-grade=locked] .engrave-medal-frame{filter:brightness(.55) saturate(.4)}.engrave-medal[data-key=A] .engrave-medal-sigil{background-image:url(/assets/ui/engrave/engrave-sigil-A.webp)}.engrave-medal[data-key=B] .engrave-medal-sigil{background-image:url(/assets/ui/engrave/engrave-sigil-B.webp)}.engrave-medal[data-key=C] .engrave-medal-sigil{background-image:url(/assets/ui/engrave/engrave-sigil-C.webp)}.engrave-medal[data-key=E] .engrave-medal-sigil{background-image:url(/assets/ui/engrave/engrave-sigil-E.webp)}.engrave-medal[data-key=F] .engrave-medal-sigil{background-image:url(/assets/ui/engrave/engrave-sigil-F.webp)}.engrave-medal[data-key=J] .engrave-medal-sigil{background-image:url(/assets/ui/engrave/engrave-sigil-J.webp)}.engrave-medal[data-key=K] .engrave-medal-sigil{background-image:url(/assets/ui/engrave/engrave-sigil-K.webp)}.engrave-medal[data-key=L] .engrave-medal-sigil{background-image:url(/assets/ui/engrave/engrave-sigil-L.webp)}.engrave-medal[data-key=M] .engrave-medal-sigil{background-image:url(/assets/ui/engrave/engrave-sigil-M.webp)}.engrave-medal[data-key=N] .engrave-medal-sigil{background-image:url(/assets/ui/engrave/engrave-sigil-N.webp)}.engrave-medal:is([data-grade="0"],[data-grade=locked]) .engrave-medal-frame{background-image:url(/assets/ui/engrave/engrave-frame-0.webp)}.engrave-medal[data-grade="1"] .engrave-medal-frame{background-image:url(/assets/ui/engrave/engrave-frame-1.webp)}.engrave-medal[data-grade="2"] .engrave-medal-frame{background-image:url(/assets/ui/engrave/engrave-frame-2.webp)}.engrave-medal[data-grade="3"] .engrave-medal-frame{background-image:url(/assets/ui/engrave/engrave-frame-3.webp)}.engrave-medal[data-grade="4"] .engrave-medal-frame{background-image:url(/assets/ui/engrave/engrave-frame-4.webp)}.engrave-medal[data-grade="5"] .engrave-medal-frame{background-image:url(/assets/ui/engrave/engrave-frame-5.webp)}.engrave-medal[data-grade="6"] .engrave-medal-frame{background-image:url(/assets/ui/engrave/engrave-frame-6.webp)}.engrave-rune-icon,.engrave-stone-icon{display:inline-block;flex:none;width:1.35em;height:1.35em;vertical-align:-.3em;background:url(/assets/ui/engrave/engrave-rune.webp) center / contain no-repeat}.engrave-stone-icon{background-image:url(/assets/ui/engrave/engrave-stone.webp)}.engrave-stone-icon.is-large{width:46px;height:46px}@media(max-width:1500px){.engrave-body{grid-template-columns:268px minmax(0,1fr) 300px}.engrave-card-medal{width:58px}}@media(max-width:1360px){.engrave-body{grid-template-columns:240px minmax(0,1fr) 270px}.engrave-codex{padding:var(--space-2-5);gap:var(--space-2)}.engrave-list{gap:6px}.engrave-card{padding:8px 3px 7px}.engrave-card-medal{width:52px}.engrave-card .engrave-ribbon{font-size:12px}.engrave-wallet-name,.engrave-rec-mode-title small{display:none}}@media(prefers-reduced-motion:reduce){.engrave-modal{animation:none}.engrave-card{transition:none}}}@layer features{.engrave-center{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 226px 86px;min-width:0;min-height:0;background:#06080d url(/assets/ui/engrave/engrave-backdrop.webp) center 40% / cover no-repeat}.engrave-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:0;padding:10px 0 6px;overflow:hidden}.engrave-altar{position:relative;height:100%;max-width:100%;max-height:760px;aspect-ratio:1;container-type:size}.engrave-altar-floor,.engrave-altar-glow{position:absolute;inset:0;background:center / contain no-repeat;pointer-events:none}.engrave-altar-floor{background-image:url(/assets/ui/engrave/engrave-altar.webp)}.engrave-altar-glow{background-image:url(/assets/ui/engrave/engrave-altar-glow.webp);opacity:.85}.engrave-seat-slot{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%)}.engrave-seat-slot[data-seat="0"]{left:50%;top:19%}.engrave-seat-slot[data-seat="1"]{left:79.48%;top:40.42%}.engrave-seat-slot[data-seat="2"]{left:68.22%;top:75.08%}.engrave-seat-slot[data-seat="3"]{left:31.78%;top:75.08%}.engrave-seat-slot[data-seat="4"]{left:20.52%;top:40.42%}.engrave-seat{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:none;color:inherit;font:inherit;cursor:pointer}.engrave-seat .engrave-medal{transition:transform .16s var(--ease-out),filter .16s ease}.engrave-seat:hover .engrave-medal{transform:scale(1.04)}.engrave-seat.is-active .engrave-medal{filter:drop-shadow(0 0 10px rgba(245,228,180,.55))}.engrave-seat-glow{position:absolute;inset:-16%;background:url(/assets/ui/engrave/engrave-seat-glow.webp) center / contain no-repeat;opacity:.8;pointer-events:none}.engrave-seat.is-active .engrave-seat-glow{opacity:1;filter:hue-rotate(-150deg) saturate(1.4) brightness(1.1)}.engrave-seat-number{position:absolute;left:6%;top:6%;display:grid;place-items:center;width:21%;aspect-ratio:1;border:1px solid rgba(190,236,255,.85);border-radius:50%;background:radial-gradient(circle at 40% 35%,#2f7fb0,#0b2a44);box-shadow:0 0 8px #84d6ffb3;color:#fff;font-size:clamp(12px,2cqmin,13px);font-weight:var(--weight-bold)}.engrave-seat-name{position:absolute;left:50%;top:90%;transform:translate(-50%);font-size:clamp(12px,2.5cqmin,15px)}.engrave-seat-stage{position:absolute;left:50%;top:calc(90% + 1.55em);transform:translate(-50%);padding:0 .55em;border-radius:999px;background:#04060cb3;color:var(--engrave-grade);font-size:clamp(12px,2cqmin,12.5px);font-weight:var(--weight-bold);line-height:1.45;white-space:nowrap}.engrave-seat.is-empty{display:grid;place-items:center;cursor:default}.engrave-seat-mark{color:#96d6ff38;font-size:clamp(18px,6cqmin,40px);font-weight:300;line-height:1}.engrave-seat-hint{position:absolute;left:50%;top:90%;transform:translate(-50%);color:#bedcf073;font-size:clamp(12px,2.1cqmin,13px);white-space:nowrap}.engrave-seat.can-place{cursor:pointer}.engrave-seat.can-place:before{position:absolute;inset:5%;border:1px dashed rgba(150,214,255,.55);border-radius:50%;box-shadow:inset 0 0 18px #84d6ff40;content:""}.engrave-seat.can-place .engrave-seat-mark{color:#aae2ffbf}.engrave-seat.can-place .engrave-seat-hint{color:#cdeeff}.engrave-seat.can-place:hover:before{border-style:solid;box-shadow:inset 0 0 22px #84d6ff73}.engrave-hero{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%)}.engrave-hero>.engrave-medal{position:absolute;inset:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.7));animation:engrave-hero-in .26s var(--ease-out) both}.engrave-hero:before{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--engrave-grade) 36%,transparent) 0%,transparent 70%);content:""}.engrave-gauge{position:absolute;inset:-11%;pointer-events:none}.engrave-gauge>span{position:absolute;inset:0;background:url(/assets/ui/engrave/engrave-gauge.webp) center / contain no-repeat;--segment: calc(360deg / var(--stages));-webkit-mask:repeating-conic-gradient(from 0deg,#000 0 calc(var(--segment) - 2.4deg),transparent 0 var(--segment));mask:repeating-conic-gradient(from 0deg,#000 0 calc(var(--segment) - 2.4deg),transparent 0 var(--segment))}.engrave-gauge-track{opacity:.3;filter:grayscale(1) brightness(.7)}.engrave-gauge-fill{-webkit-mask:conic-gradient(#000 calc(var(--filled) * var(--segment)),transparent 0),repeating-conic-gradient(from 0deg,#000 0 calc(var(--segment) - 2.4deg),transparent 0 var(--segment));-webkit-mask-composite:source-in;mask:conic-gradient(#000 calc(var(--filled) * var(--segment)),transparent 0),repeating-conic-gradient(from 0deg,#000 0 calc(var(--segment) - 2.4deg),transparent 0 var(--segment));mask-composite:intersect}.engrave-hero-stone{position:absolute;left:50%;top:66.5%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:9.5%;padding:0;border:0;background:none;color:#f0e2ff;font:inherit;cursor:pointer}.engrave-hero-stone .engrave-stone-icon{width:100%;height:auto;aspect-ratio:1;filter:drop-shadow(0 0 8px rgba(176,120,255,.6));transition:transform .14s ease}.engrave-hero-stone:hover .engrave-stone-icon{transform:scale(1.08)}.engrave-hero-stone.is-sealed .engrave-stone-icon{filter:grayscale(.9) brightness(.55)}.engrave-hero-stone-level{margin-top:-14%;padding:0 .5em;border:1px solid rgba(200,160,255,.55);border-radius:999px;background:#180a28e6;font-size:clamp(12px,1.9cqmin,12px);font-weight:var(--weight-bold);line-height:1.45;white-space:nowrap}.engrave-hero-burst{position:absolute;inset:-14%;border-radius:50%;opacity:0;pointer-events:none}.engrave-hero.is-burst .engrave-hero-burst{animation:engrave-burst .9s var(--ease-out) both}.engrave-hero.is-burst>.engrave-medal{animation:engrave-hero-pop .7s var(--ease-out) both}.engrave-card.is-burst{animation:engrave-tile-flash .9s var(--ease-out) both}@keyframes engrave-hero-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes engrave-hero-pop{0%{transform:scale(1)}30%{transform:scale(1.08);filter:brightness(1.5)}to{transform:scale(1)}}@keyframes engrave-burst{0%{opacity:1;transform:scale(.7);box-shadow:0 0 0 3px #fff4cde6,0 0 40px 12px #84d6ffb3}to{opacity:0;transform:scale(1.35);box-shadow:0 0 0 1px #fff4cd00,0 0 60px 20px #84d6ff00}}@keyframes engrave-tile-flash{0%{box-shadow:0 0 0 2px #fff4cde6,0 0 26px #84d6ffcc}to{box-shadow:0 0 0 1px #f5e4b44d,0 0 16px #f5e4b438}}@container (max-height: 420px){.engrave-seat-stage,.engrave-seat-hint{display:none}}.engrave-tray{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;padding:10px 16px 12px;border-top:1px solid rgba(168,132,67,.4);background:linear-gradient(180deg,#0a0d14f0,#06080df7)}.engrave-tray-head{display:flex;align-items:center;gap:10px;min-width:0}.engrave-tray-head>.engrave-medal{width:36px;flex:none}.engrave-tray-name{min-width:0;flex:none;padding-inline:1.4em;font-size:15px}.engrave-tray-stage{display:flex;align-items:baseline;gap:8px;min-width:0;color:var(--color-text-3);font-size:var(--text-xs);white-space:nowrap}.engrave-tray-stage strong{color:var(--engrave-grade);font-size:var(--text-md);text-shadow:0 1px 1px rgba(0,0,0,.9)}.engrave-tray-state{padding:1px 9px 2px;border:1px solid rgba(150,214,255,.55);border-radius:999px;background:#061624d9;color:#cdeeff;font-size:12px;font-weight:var(--weight-bold);white-space:nowrap}.engrave-tray-state:not([data-state=on]){border-color:#c8c8d24d;background:#0c0e14d9;color:#a9b0bc}.engrave-tray-head .engrave-equip{margin-left:auto}.engrave-equip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:1px solid var(--eg-line-strong);border-radius:999px;background:#081420d9;color:#cdeeff;font:inherit;font-size:var(--text-control-sm);font-weight:var(--weight-bold);white-space:nowrap;flex:none;cursor:pointer}.engrave-equip-dot{width:9px;height:9px;border-radius:50%;background:#96d6ff40;box-shadow:inset 0 0 0 1px #96d6ff99}.engrave-equip.is-on .engrave-equip-dot{background:var(--eg-glow);box-shadow:0 0 8px var(--eg-glow)}.engrave-equip:hover:not(:disabled){background:#0e2234f2}.engrave-equip:disabled{opacity:.45;cursor:default}.engrave-compare{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch;min-height:0}.engrave-effect-card{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid rgba(126,160,200,.2);border-radius:8px;background:#10141ee0}.engrave-effect-card.is-next{border-color:#f5e4b466;background:linear-gradient(180deg,#28201080,#0e0e12e6)}.engrave-effect-card.is-max{opacity:.75}.engrave-effect-head{display:flex;align-items:baseline;gap:8px;padding:6px 12px 5px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--color-text-3);font-size:var(--text-xs)}.engrave-effect-head strong{color:var(--engrave-grade);font-size:var(--text-sm);text-shadow:0 1px 1px rgba(0,0,0,.9)}.engrave-effect-lines{flex:1 1 auto;min-height:0;padding:6px 12px 8px;overflow-y:auto}.engrave-effect-stone{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:6px;padding-top:6px;border-top:1px dashed rgba(200,160,255,.25);color:#d9c4ff;font-size:var(--text-xs);font-weight:var(--weight-bold)}.engrave-effect-stone .growth-line{color:#e6dcff;font-size:var(--text-xs)}.engrave-compare-arrow{align-self:center;justify-self:center;width:18px;height:26px;background:linear-gradient(90deg,rgba(245,228,180,.15),var(--eg-gold));clip-path:polygon(0 0,55% 50%,0 100%,25% 100%,80% 50%,25% 0,45% 0,100% 50%,45% 100%);filter:drop-shadow(0 0 4px rgba(245,228,180,.5))}.engrave-actionbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:0;padding:0 16px;border-top:1px solid rgba(168,132,67,.45);background:linear-gradient(180deg,#161412f7,#08080afa)}.engrave-bill{display:flex;align-items:center;gap:var(--space-5);min-width:0}.engrave-bill-cost{display:flex;flex-direction:column;gap:1px;min-width:0}.engrave-bill-label{color:var(--color-text-3);font-size:var(--text-xs);white-space:nowrap}.engrave-bill-cost strong{display:flex;align-items:center;gap:6px;color:#fff4dc;font-size:24px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(176,120,255,.35)}.engrave-bill-cost strong .engrave-rune-icon{width:30px;height:30px}.engrave-bill-cost[data-short] strong .is-cost{color:#ff8f86}.engrave-bill-wallet{display:flex;gap:var(--space-4);margin:0}.engrave-bill-wallet>div{display:flex;flex-direction:column;gap:1px}.engrave-bill-wallet dt{color:var(--color-text-3);font-size:var(--text-xs)}.engrave-bill-wallet dd{margin:0;color:#e9edf4;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.engrave-bill-wallet [data-short] dd{color:#ff8f86}.engrave-go{display:flex;align-items:center;gap:var(--space-3);min-width:0}.engrave-note{max-width:240px;margin:0;color:var(--color-text-3);font-size:var(--text-xs);line-height:1.35;text-align:right}.engrave-note[data-tone=warn]{color:#ffcf8a}.engrave-note:empty{display:none}.engrave-go-button{flex:none;min-width:220px;height:56px;padding:0 var(--space-5);border:1px solid var(--eg-gold);border-radius:6px;background:linear-gradient(180deg,#e0bb68,#a88443 48%,#6b521f);box-shadow:inset 0 1px #fff4cdb3,inset 0 -2px #3b2c13cc,0 0 20px #f5e4b447;color:#1d1405;font:inherit;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.24em;text-shadow:0 1px 0 rgba(255,240,200,.5);cursor:pointer}.engrave-go-button[data-kind=promote]{border-color:#ffd9a0;background:linear-gradient(180deg,#f2a35a,#c4642a 48%,#6a2a0c);box-shadow:inset 0 1px #ffe6c8b3,inset 0 -2px #3c1406cc,0 0 22px #ff965059}.engrave-go-button[data-kind=unlock]{border-color:#bfeaff;background:linear-gradient(180deg,#7cc8ee,#3a86b6 48%,#143a58);box-shadow:inset 0 1px #dcf5ffb3,inset 0 -2px #081a28cc,0 0 22px #84d6ff59;color:#04121c}.engrave-go-button:hover:not(:disabled){filter:brightness(1.1)}.engrave-go-button:active:not(:disabled){transform:translateY(1px)}.engrave-go-button:disabled{border-color:#7ea0c833;background:#161a24d9;box-shadow:none;color:var(--color-text-disabled);text-shadow:none;cursor:default}.engrave-panel{display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid rgba(168,132,67,.32);background:linear-gradient(180deg,#10141ef7,#06080dfa)}.engrave-summary{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;padding:var(--space-3);overflow:hidden}.engrave-panel-head{display:flex;align-items:center;justify-content:space-between}.engrave-count{color:var(--color-text-3);font-size:var(--text-sm)}.engrave-count b{color:#cdeeff;font-size:var(--text-lg)}.engrave-count[data-full] b{color:var(--eg-gold)}.engrave-summary-list{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-height:0;margin:0;padding:0 2px 0 0;overflow-y:auto;list-style:none}.engrave-summary-row{display:flex;flex-direction:column;gap:4px;padding:7px 9px 8px;border:1px solid rgba(126,160,200,.16);border-radius:8px;background:#10141ed9}.engrave-summary-row.is-empty{align-items:center;justify-content:center;min-height:42px;border-style:dashed;background:transparent}.engrave-summary-empty{color:var(--color-text-3);font-size:var(--text-xs)}.engrave-summary-pick{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.engrave-summary-pick .engrave-medal{width:38px;flex:none}.engrave-summary-name{display:flex;flex-direction:column;min-width:0}.engrave-summary-name strong{font-size:var(--text-sm)}.engrave-summary-stage{color:var(--engrave-grade);font-size:12px;font-weight:var(--weight-bold)}.engrave-summary-lines .growth-line{font-size:13px;line-height:1.45}.engrave-summary-stone{display:flex;flex-wrap:wrap;align-items:center;gap:2px 5px;margin-top:3px;color:#d9c4ff;font-size:12px;font-weight:var(--weight-bold)}.engrave-summary-stone .growth-line{color:#e6dcff}.engrave-stone-total{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;flex:none;gap:8px;padding:8px 10px;border:1px solid rgba(200,160,255,.35);border-radius:8px;background:linear-gradient(90deg,#28124099,#0c0a14d9)}.engrave-stone-total-text,.engrave-stone-total-gain{display:flex;flex-direction:column;color:var(--color-text-3);font-size:var(--text-xs)}.engrave-stone-total-text strong{color:#f0e2ff;font-size:var(--text-lg)}.engrave-stone-total-gain{align-items:flex-end}.engrave-stone-total-gain .growth-num{--growth-glow: rgba(110, 240, 142, .5);font-size:var(--text-lg)}.engrave-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:10px var(--space-3) 12px;border-top:1px solid rgba(168,132,67,.3)}.engrave-tool{height:42px;padding:0 6px;border:1px solid var(--eg-line-strong);border-radius:6px;background:linear-gradient(180deg,#1c2636f2,#0c1018f2);color:#dcecf8;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer}.engrave-tool.is-recommend{border-color:#f5e4b48c;color:var(--eg-gold)}.engrave-tool.is-danger{border-color:#ff786e73;color:#ffb2aa}.engrave-tool:hover:not(:disabled){filter:brightness(1.15)}.engrave-tool:disabled{opacity:.45;cursor:default}@media(max-width:1360px){.engrave-center{grid-template-rows:minmax(0,1fr) 192px 76px}.engrave-go-button{min-width:168px;height:50px;font-size:18px}.engrave-bill{gap:var(--space-3)}.engrave-bill-cost strong{font-size:20px}.engrave-note{max-width:170px}}@media(prefers-reduced-motion:reduce){.engrave-hero>.engrave-medal,.engrave-hero.is-burst .engrave-hero-burst,.engrave-hero.is-burst>.engrave-medal,.engrave-card.is-burst{animation:none}.engrave-seat .engrave-medal,.engrave-hero-stone .engrave-stone-icon{transition:none}}}@layer features{.engrave-stone-overlay{position:absolute;inset:0;z-index:6;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:#020306c2}.engrave-stone-overlay.open{display:flex}.engrave-stone-modal{position:relative;display:flex;flex-direction:column;width:min(1180px,100%);height:min(780px,100%);overflow:hidden;border:1px solid rgba(168,132,67,.6);border-radius:10px;background:var(--eg-void);box-shadow:0 24px 60px #000000bf;animation:dialog-in var(--duration-base) var(--ease-out)}.engrave-stone-body{position:relative;display:grid;flex:1 1 0;grid-template-columns:minmax(0,1fr) 400px;min-height:0}.engrave-stone-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:12px;overflow:hidden;background:#06080d url(/assets/ui/engrave/engrave-backdrop.webp) center / cover no-repeat}.engrave-stone-modal .engrave-title{letter-spacing:.12em}.engrave-stone-dais{position:relative;height:100%;max-width:100%;max-height:560px;aspect-ratio:1;container-type:size}.engrave-stone-ring{position:absolute;inset:4%;background:url(/assets/ui/engrave/engrave-gauge.webp) center / contain no-repeat;opacity:.45}.engrave-stone-ring:after{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,rgba(150,90,255,.24) 0%,rgba(40,20,80,.12) 46%,transparent 70%);content:""}.engrave-stone-gem{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:10%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--turn)) translateY(-41cqh) rotate(calc(-1 * var(--turn)));background:url(/assets/ui/engrave/engrave-rune.webp) center / contain no-repeat;filter:grayscale(.9) brightness(.38)}.engrave-stone-gem span{margin-top:118%;color:#b4bac6;font-size:clamp(12px,2.1cqmin,13px);font-weight:var(--weight-bold);text-shadow:0 1px 1px #000}.engrave-stone-gem[data-lit]{filter:drop-shadow(0 0 8px rgba(190,130,255,.85))}.engrave-stone-gem[data-lit] span{color:#f0e2ff}.engrave-stone-gem[data-next]{filter:grayscale(.4) brightness(.75) drop-shadow(0 0 6px rgba(132,214,255,.6))}.engrave-stone-gem[data-next] span{color:#cdeeff}.engrave-stone-crystal{position:absolute;left:50%;top:43%;width:44%;aspect-ratio:1;transform:translate(-50%,-50%);background:url(/assets/ui/engrave/engrave-stone.webp) center / contain no-repeat;filter:drop-shadow(0 14px 22px rgba(0,0,0,.7))}.engrave-stone-burst{position:absolute;left:50%;top:43%;width:46%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.engrave-stone-dais.is-burst .engrave-stone-burst{animation:engrave-stone-burst .9s var(--ease-out) both}.engrave-stone-dais.is-burst .engrave-stone-crystal{animation:engrave-stone-pop .7s var(--ease-out) both}@keyframes engrave-stone-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.7);box-shadow:0 0 0 3px #f0dcfff2,0 0 50px 16px #b078ffbf}to{opacity:0;transform:translate(-50%,-50%) scale(1.4);box-shadow:0 0 0 1px #f0dcff00,0 0 70px 24px #b078ff00}}@keyframes engrave-stone-pop{0%{transform:translate(-50%,-50%) scale(1)}30%{transform:translate(-50%,-50%) scale(1.07);filter:brightness(1.6) drop-shadow(0 14px 22px rgba(0,0,0,.7))}to{transform:translate(-50%,-50%) scale(1)}}.engrave-stone-readout{position:absolute;left:50%;top:69%;display:flex;flex-direction:column;align-items:center;gap:2px;width:44%;transform:translate(-50%);text-align:center}.engrave-stone-level{display:flex;align-items:baseline;gap:6px}.engrave-stone-level small{color:#cdb6ff;font-size:clamp(12px,2.3cqmin,14px);font-weight:var(--weight-bold)}.engrave-stone-level strong{color:#fff;font-size:clamp(20px,6.6cqmin,40px);line-height:1;text-shadow:0 0 1px #000,0 2px 4px rgba(0,0,0,.9),0 0 18px rgba(176,120,255,.75)}.engrave-stone-bonus{--growth-glow: rgba(176, 120, 255, .6);padding:0 .7em;border-radius:999px;background:#080610b8;font-size:clamp(12px,2.4cqmin,14px)}.engrave-stone-owner{position:absolute;left:16px;top:14px;display:flex;align-items:center;gap:6px}.engrave-stone-owner .engrave-medal{width:46px}.engrave-stone-owner .engrave-ribbon{min-width:0;font-size:var(--text-sm)}.engrave-stone-owner-stage{color:var(--engrave-grade);font-size:var(--text-xs);font-weight:var(--weight-bold)}.engrave-stone-side{display:flex;flex-direction:column;gap:6px;min-height:0;padding:12px 14px;border-left:1px solid rgba(168,132,67,.32);background:linear-gradient(180deg,#10141ef7,#06080dfa)}.engrave-stone-ladder-head,.engrave-stone-ladder li{display:grid;grid-template-columns:52px minmax(0,1fr) 68px;align-items:center;gap:8px}.engrave-stone-ladder-head{padding:0 10px;color:var(--color-text-3);font-size:var(--text-xs)}.engrave-stone-ladder-head span:last-child,.engrave-stone-ladder-odds{text-align:right}.engrave-stone-ladder{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none}.engrave-stone-ladder li{min-height:34px;padding:0 10px;border:1px solid rgba(126,160,200,.14);border-radius:6px;background:#10141ecc;font-size:var(--text-xs)}.engrave-stone-ladder-level{color:#cdb6ff;font-weight:var(--weight-bold)}.engrave-stone-ladder-bonus{color:#e3e7ef;line-height:1.3}.engrave-stone-ladder-odds{color:#c9ced8;font-variant-numeric:tabular-nums}.engrave-stone-ladder li[data-state=past]{opacity:.45}.engrave-stone-ladder li[data-state=current]{border-color:#f5e4b4bf;background:linear-gradient(90deg,#403216b3,#14100ce6);box-shadow:0 0 12px #f5e4b42e}.engrave-stone-ladder li[data-state=current] .engrave-stone-ladder-level{color:var(--eg-gold)}.engrave-stone-rule{margin:4px 0 0;color:var(--color-text-3);font-size:12px;line-height:1.45}.engrave-stone-actionbar{flex:0 0 86px}.engrave-stone-counts{display:flex;gap:4px}.engrave-stone-counts .engrave-chip{height:34px;padding:0 12px;font-size:var(--text-sm)}.stone-unlock-overlay{position:fixed;inset:0;z-index:20060;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop)}.stone-unlock-modal{display:flex;flex-direction:column;gap:var(--space-2-5);width:min(440px,100%);padding:var(--space-5);border:1px solid rgba(168,132,67,.6);border-radius:10px;background:linear-gradient(180deg,#181c28fa,#080a10fa);box-shadow:0 24px 60px #000000b3;animation:dialog-in var(--duration-base) var(--ease-out)}.stone-unlock-title{color:var(--ark-metal-1);font-size:var(--text-xl);font-weight:var(--weight-bold)}.stone-unlock-body{color:var(--color-text-2);font-size:var(--text-md);line-height:var(--leading-normal);white-space:pre-wrap}.stone-unlock-actions{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.stone-unlock-ok{min-width:88px}@media(max-width:1100px){.engrave-overlay{padding:8px}.engrave-modal{width:100%;height:100%}.engrave-header{flex-wrap:wrap;flex-basis:auto;row-gap:6px;padding:8px 10px}.engrave-heading{order:1;flex:1 1 auto}.engrave-header-tools{order:2}.engrave-mobile-tabs{order:3;display:grid;flex:1 1 100%;grid-template-columns:repeat(3,1fr);gap:4px}.engrave-mobile-tabs button{height:30px;border:1px solid var(--eg-line);border-radius:6px;background:#080a10cc;color:var(--color-text-2);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.engrave-overlay:not([data-panel]) .engrave-mobile-tabs [data-value=altar],.engrave-overlay[data-panel=altar] .engrave-mobile-tabs [data-value=altar],.engrave-overlay[data-panel=codex] .engrave-mobile-tabs [data-value=codex],.engrave-overlay[data-panel=summary] .engrave-mobile-tabs [data-value=summary]{border-color:#f5e4b4b3;background:linear-gradient(180deg,var(--eg-gold-2),var(--eg-gold-3));color:#fff4d6}.engrave-body{grid-template-columns:minmax(0,1fr)}.engrave-codex,.engrave-panel{border:0}.engrave-body>*{grid-area:1 / 1}.engrave-overlay:not([data-panel]) :is(.engrave-codex,.engrave-panel),.engrave-overlay[data-panel=altar] :is(.engrave-codex,.engrave-panel),.engrave-overlay[data-panel=codex] :is(.engrave-center,.engrave-panel),.engrave-overlay[data-panel=summary] :is(.engrave-codex,.engrave-center){display:none}.engrave-list{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.engrave-wallet-name{display:none}.engrave-stone-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(260px,1fr) minmax(0,.8fr)}.engrave-stone-side{border-left:0;border-top:1px solid rgba(168,132,67,.32)}}@media(max-width:640px){.engrave-title{font-size:var(--text-lg);letter-spacing:.2em}.engrave-heading-count{display:none}.engrave-center{grid-template-rows:minmax(300px,1fr) auto auto;overflow-y:auto}.engrave-tray{display:flex;flex-direction:column;min-height:auto;padding:10px 12px}.engrave-compare{display:flex;flex-direction:column;gap:4px}.engrave-tray-head{flex-wrap:wrap;row-gap:6px}.engrave-tray-stage span{display:none}.engrave-effect-card,.engrave-effect-lines{min-height:auto;overflow:visible}.engrave-compare-arrow{transform:rotate(90deg);height:18px}.engrave-actionbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.engrave-bill{justify-content:space-between;width:100%}.engrave-go{justify-content:flex-end;width:100%}.engrave-go-button{flex:1 1 auto;min-width:0;height:50px}.engrave-note{max-width:none;flex:1 1 40%}.engrave-stone-overlay{padding:0}.engrave-stone-owner{display:none}.engrave-stone-modal .engrave-header{flex-wrap:nowrap}.engrave-stone-modal .engrave-title{font-size:var(--text-md);letter-spacing:.04em;white-space:normal}.engrave-stone-actionbar{flex-basis:auto}.engrave-stone-actionbar .engrave-go{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.engrave-stone-modal,.stone-unlock-modal,.engrave-stone-dais.is-burst .engrave-stone-burst,.engrave-stone-dais.is-burst .engrave-stone-crystal{animation:none}}}@layer features{.jewel-icon{--jewel-size: 44px;display:inline-block;flex:none;width:var(--jewel-size);height:var(--jewel-size);background:var(--jewel-art, none) center / contain no-repeat}.jewel-icon-empty{border:1px dashed var(--color-line-3);border-radius:50%;background:var(--color-bg-deep);transform:scale(.7)}:is(.jewel-icon-key-cheongmyeong,.jewel-theme-cheongmyeong),:is(.jewel-icon-key-wonhae,.jewel-theme-wonhae){--jewel-grade: var(--grade-rare)}:is(.jewel-icon-key-myeolhwa,.jewel-theme-myeolhwa),:is(.jewel-icon-key-hongyeom,.jewel-theme-hongyeom){--jewel-grade: var(--grade-epic)}:is(.jewel-icon-key-gyeophwa,.jewel-theme-gyeophwa),:is(.jewel-icon-key-jakyeol,.jewel-theme-jakyeol){--jewel-grade: var(--grade-legendary)}:is(.jewel-icon-key-gwanghwi,.jewel-theme-gwanghwi){--jewel-grade: var(--grade-relic)}.jewel-icon-key-cheongmyeong{--jewel-art: url(/assets/ui/jewels/cheongmyeong.svg)}.jewel-icon-key-myeolhwa{--jewel-art: url(/assets/ui/jewels/myeolhwa.svg)}.jewel-icon-key-gyeophwa{--jewel-art: url(/assets/ui/jewels/gyeophwa.svg)}.jewel-icon-key-wonhae{--jewel-art: url(/assets/ui/jewels/wonhae.svg)}.jewel-icon-key-hongyeom{--jewel-art: url(/assets/ui/jewels/hongyeom.svg)}.jewel-icon-key-jakyeol{--jewel-art: url(/assets/ui/jewels/jakyeol.svg)}.jewel-icon-key-gwanghwi{--jewel-art: url(/assets/ui/jewels/gwanghwi.svg)}}@layer features{.jewel-overlay{position:fixed;inset:0;z-index:5420;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.jewel-overlay.open{display:flex}.jewel-modal{width:min(1080px,100%);max-height:100%;overflow:hidden}.jewel-heading{display:flex;flex-direction:column;min-width:0}.jewel-header-right{display:flex;flex:none;align-items:center;gap:var(--space-2)}.jewel-resource-bar{display:flex;border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep)}.jewel-resource-bar .resource-card{display:flex;align-items:center;gap:var(--space-2);min-width:128px;min-height:38px;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border:0;border-radius:0;background:transparent;box-shadow:none}.jewel-resource-bar .resource-card+.resource-card{border-left:1px solid var(--color-line-1)}.jewel-resource-bar .resource-card:after{content:none}.jewel-resource-bar .resource-icon{--resource-icon-size: 24px}.jewel-resource-bar .resource-info{display:flex;flex-direction:column;gap:0}.jewel-resource-bar .resource-name{color:var(--color-text-3);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:0;line-height:1.3}.jewel-resource-bar .resource-value{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.3;font-variant-numeric:tabular-nums}.jewel-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto}.jewel-skill-panel{display:flex;flex-direction:column;gap:var(--space-2-5);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line-1);background:var(--color-bg)}.jewel-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.jewel-section-title{color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}.jewel-panel-actions{display:flex;gap:var(--space-2)}.jewel-panel-actions .btn{min-height:var(--control-h-sm);padding:4px var(--space-2-5);font-size:var(--text-sm);line-height:1.25}.jewel-skill-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:none;gap:var(--space-2);padding:0;overflow:visible}.jewel-skill-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0;min-height:64px;padding:var(--space-2) var(--space-2-5) var(--space-2) var(--space-2);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:none;color:var(--color-text-1);text-align:left;transform:none}.jewel-skill-card:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-surface-3);box-shadow:none;transform:none}.jewel-skill-card.active{border-color:var(--color-gold-3);background:var(--color-surface-3);box-shadow:inset 0 0 0 1px var(--color-gold-line)}.jewel-skill-card .jewel-skill-key{display:grid;flex:none;place-items:center;width:36px;height:36px;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:0}.jewel-skill-card.active .jewel-skill-key{border-color:var(--color-gold-line);color:var(--color-gold-1)}.jewel-skill-card .jewel-skill-info{display:none}.jewel-skill-icon{display:flex;align-items:flex-end;gap:var(--space-1-5);min-width:0}.jewel-skill-icon-item{display:grid;grid-template-rows:32px auto;align-items:end;justify-items:center;gap:2px;min-width:26px}.jewel-skill-icon-item .jewel-icon{max-width:32px;max-height:32px}.jewel-skill-icon-level{color:var(--color-text-2);font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:1;font-variant-numeric:tabular-nums;text-shadow:none;white-space:nowrap}.jewel-skill-icon-item.is-empty{opacity:.78}.jewel-skill-icon-item.is-empty .jewel-skill-icon-level{color:var(--color-text-3)}.jewel-detail{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5)}.jewel-detail-head{display:flex;align-items:baseline;gap:var(--space-2-5);min-width:0}.jewel-detail-title{flex:none;color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold)}.jewel-detail-sub{overflow:hidden;color:var(--color-text-3);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.jewel-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));align-content:start;gap:var(--space-3)}.jewel-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 136px;align-items:start;gap:var(--space-4);padding:var(--space-4);overflow:hidden;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2)}.jewel-card-icon{display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);box-shadow:inset 0 -2px 0 var(--jewel-grade, var(--color-line-3))}.jewel-card-icon .jewel-icon{--jewel-size: calc(32px + 28px * var(--jewel-level-ratio, 0))}.jewel-card.is-locked .jewel-card-icon{box-shadow:none}.jewel-card.is-locked :is(.jewel-card-icon,.jewel-card-head,.jewel-card-effect,.jewel-card-preview){opacity:.55}.jewel-card-info{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.jewel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.jewel-card-title-wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-0-5) var(--space-2);min-width:0}.jewel-card-title{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.jewel-card-level-badge{color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.jewel-card-status{display:inline-flex;flex:none;align-items:center;height:20px;padding:0 var(--space-1-5);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.jewel-card-status.is-active{color:var(--color-text-1)}.jewel-card-status.is-equipped{border-color:color-mix(in srgb,var(--color-success) 40%,transparent);background:var(--color-success-soft);color:var(--color-success)}.jewel-card-status.is-ready{border-color:color-mix(in srgb,var(--color-warning) 40%,transparent);background:var(--color-warning-soft);color:var(--color-warning)}.jewel-card-status.is-maxed{border-color:var(--jewel-grade);color:var(--jewel-grade)}.jewel-card-effect{display:flex;flex-direction:column;gap:2px;color:var(--color-text-2);font-size:var(--text-md);line-height:var(--leading-normal)}.jewel-card-effect-line.is-primary{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold)}.jewel-card-preview{min-height:18px;color:var(--color-success);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.jewel-card-requirement{padding-left:var(--space-2);border-left:2px solid var(--color-warning);color:var(--color-warning);font-size:var(--text-sm);line-height:var(--leading-normal)}.jewel-card-actions{display:flex;flex-direction:column;gap:var(--space-1-5)}.jewel-card-sub-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1-5)}.jewel-card-sub-actions .btn{min-width:0;padding-inline:var(--space-1)}.jewel-upgrade-btn{flex-direction:column;gap:2px;min-height:58px;padding:var(--space-1-5) var(--space-2)}.jewel-upgrade-title{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:1.2}.jewel-upgrade-cost-line{display:inline-flex;align-items:center;gap:var(--space-1)}.jewel-upgrade-cost-icon{--resource-icon-size: 16px}.jewel-upgrade-cost-text{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.2;font-variant-numeric:tabular-nums}.jewel-upgrade-btn.is-maxed:disabled{color:var(--color-text-2)}.jewel-note{padding:var(--space-6) var(--space-4);border:1px dashed var(--color-line-2);border-radius:var(--radius-lg);color:var(--color-text-3);font-size:var(--text-md);text-align:center}.jewel-note:empty,.jewel-result{display:none}.jewel-card:is(.fx-upgrade,.fx-unlock){animation:jewel-card-flash .64s var(--ease-out)}.jewel-card:is(.fx-upgrade,.fx-unlock) .jewel-card-icon .jewel-icon{animation:jewel-icon-pop .42s var(--ease-out)}.jewel-card.fx-equip{animation:jewel-card-equip .48s var(--ease-out)}.jewel-card.fx-reset{animation:jewel-card-reset .36s var(--ease-out)}.jewel-card-burst{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.jewel-card-particle{position:absolute;top:var(--burst-y, 52px);left:var(--burst-x, 52px);width:4px;height:4px;border-radius:1px;background:var(--jewel-grade);opacity:0;transform:translate(-50%,-50%) scale(var(--js, 1));animation:jewel-particle .6s var(--ease-out) var(--jd, 0s) forwards}@keyframes jewel-card-flash{20%{border-color:var(--jewel-grade)}}@keyframes jewel-icon-pop{40%{transform:scale(1.12)}}@keyframes jewel-card-equip{25%{border-color:var(--color-gold-2)}}@keyframes jewel-card-reset{25%{transform:translate(3px)}60%{transform:translate(-3px)}}@keyframes jewel-particle{15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--jx, 0px)),calc(-50% + var(--jy, -24px))) scale(.4)}}.jewel-monitor-result{position:fixed;top:44%;left:50%;z-index:10040;max-width:min(82vw,520px);padding:var(--space-2-5) var(--space-5);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-3);color:var(--color-text-1);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);text-align:center;white-space:pre-wrap;opacity:0;transform:translate(-50%,-50%);transition:opacity .24s var(--ease-out),transform .24s var(--ease-out);pointer-events:none}.jewel-monitor-result:empty{visibility:hidden}.jewel-monitor-result.is-success{border-color:var(--color-success);color:var(--color-success)}.jewel-monitor-result.is-fail{border-color:var(--color-danger);color:var(--color-danger-strong)}.jewel-monitor-result.is-visible{opacity:1;animation:jewel-result-in .24s var(--ease-out)}.jewel-monitor-result.is-leaving{transform:translate(-50%,-56%)}@keyframes jewel-result-in{0%{opacity:0;transform:translate(-50%,-44%) scale(1.04)}}@media(prefers-reduced-motion:reduce){.jewel-card,.jewel-card .jewel-icon,.jewel-card-particle,.jewel-monitor-result{animation:none}.jewel-card-burst{display:none}}@media(max-width:1100px){.jewel-skill-list{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.jewel-card-grid{grid-template-columns:1fr}}@media(max-width:760px){.jewel-overlay{padding:var(--space-2)}.jewel-header{flex-wrap:wrap}.jewel-header-right{flex-wrap:wrap;width:100%}.jewel-card{grid-template-columns:72px minmax(0,1fr)}.jewel-card-actions{grid-column:1 / -1}}}@layer features{.growth-result-toast{--toast-tone: var(--color-line-3);position:fixed;top:44%;left:50%;z-index:10040;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:220px;max-width:min(84vw,520px);padding:var(--space-3) var(--space-6);border:1px solid var(--color-line-2);border-top:2px solid var(--toast-tone);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:var(--shadow-inset-top),var(--shadow-3);color:var(--color-text-1);text-align:center;word-break:keep-all;opacity:0;pointer-events:none;transform:translate(-50%,-46%);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.growth-result-toast:empty{visibility:hidden}.growth-result-toast.is-success{--toast-tone: var(--color-success)}.growth-result-toast.is-fail{--toast-tone: var(--color-danger)}.growth-result-toast.is-visible{opacity:1;transform:translate(-50%,-50%)}.growth-result-toast.is-leaving{opacity:0;transform:translate(-50%,-54%)}.growth-result-toast.is-instant{transition:none}.growth-result-toast-title{color:var(--toast-tone);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);white-space:pre-wrap}.growth-result-toast.is-fail .growth-result-toast-title{color:var(--color-danger-strong)}.growth-result-toast-detail{color:var(--color-text-2);font-size:var(--text-md);line-height:var(--leading-normal);white-space:pre-wrap}}@layer features{.refine-overlay{--rf-void: #0a0807;--rf-line: rgba(230, 170, 100, .2);--rf-line-strong: rgba(255, 196, 120, .45);--rf-ember: #ff9a4a;--rf-gold: var(--ark-metal-1);--rf-gold-2: var(--ark-metal-2);--rf-gold-3: var(--ark-metal-3);position:fixed;inset:0;z-index:9203;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:#030202b8;backdrop-filter:blur(3px)}.refine-overlay.open{display:flex}.refine-modal{position:relative;display:flex;flex-direction:column;width:min(1560px,calc(100vw - 32px));height:min(980px,calc(100dvh - 32px));overflow:hidden;border:1px solid rgba(168,132,67,.6);border-radius:10px;background:var(--rf-void);box-shadow:0 0 0 1px #000c,0 24px 60px #000000b3,inset 0 0 0 1px #ff9a4a0d;color:var(--color-text-1);animation:dialog-in var(--duration-base) var(--ease-out)}.refine-header{position:relative;display:flex;flex:0 0 52px;align-items:center;gap:var(--space-3);padding:0 var(--space-3) 0 var(--space-4);border-bottom:1px solid rgba(168,132,67,.5);background:linear-gradient(90deg,rgba(255,154,74,.08),transparent 40%,transparent 60%,rgba(255,154,74,.05)),linear-gradient(180deg,#281e18f7,#0e0a08f7)}.refine-heading{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-2-5);min-width:0}.refine-emblem{flex:none;width:30px;height:30px;background:url(/assets/ui/refine/refine-weapon.webp) center / contain no-repeat;filter:drop-shadow(0 0 6px rgba(255,154,74,.55))}.refine-title{margin:0;color:var(--rf-gold);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:.32em;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 14px rgba(245,228,180,.25)}.refine-total{display:inline-flex;align-items:baseline;gap:6px;padding:2px 10px 3px;border:1px solid var(--rf-line-strong);border-radius:999px;background:#241408cc;color:#e8d6bf;font-size:var(--text-xs);white-space:nowrap}.refine-total strong{color:#fff1d8;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.refine-header-tools{display:flex;flex:none;align-items:center;gap:var(--space-2)}.refine-mobile-tabs{display:none}.refine-body{display:grid;flex:1 1 0;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr);min-height:0}.refine-section-title{margin:0;color:var(--rf-gold);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:.14em}.refine-center{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 156px 104px;min-width:0;min-height:0;background:#0a0807 url(/assets/ui/refine/refine-backdrop.webp) center 40% / cover no-repeat}.refine-stage-wrap{position:relative;display:grid;min-height:0}.refine-result{position:absolute;left:50%;top:61%;z-index:3;min-width:340px;padding:10px 56px 12px;background:linear-gradient(90deg,transparent 0%,rgba(58,30,6,.95) 18%,rgba(58,30,6,.95) 82%,transparent 100%);color:#fff1d8;font-size:24px;font-weight:var(--weight-bold);letter-spacing:.06em;text-align:center;white-space:nowrap;text-shadow:0 0 1px #000,0 2px 4px rgba(0,0,0,.9),0 0 18px var(--rf-flame, rgba(255, 170, 90, .85));opacity:0;transform:translate(-50%,8px);pointer-events:none}.refine-result[data-tone=success]{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--rf-deep, #3a1e06) 70%,#000) 18%,color-mix(in srgb,var(--rf-deep, #3a1e06) 70%,#000) 82%,transparent 100%)}.refine-result[data-tier="5"],.refine-result[data-tier="6"]{font-size:28px}.refine-result[data-tier="7"]{font-size:32px;letter-spacing:.1em}.refine-result:before,.refine-result:after{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 6%,var(--rf-hot, rgba(245, 228, 180, .9)) 26%,var(--rf-hot, rgba(245, 228, 180, .9)) 74%,transparent 94%);content:""}.refine-result:before{top:0}.refine-result:after{bottom:0}.refine-result.is-on{animation:refine-ribbon 1.7s var(--ease-out) both}.refine-result[data-tone=fail]{background:linear-gradient(90deg,transparent 0%,rgba(30,24,24,.95) 18%,rgba(30,24,24,.95) 82%,transparent 100%);color:#d8cfcf;text-shadow:0 0 1px #000,0 2px 4px rgba(0,0,0,.9)}.refine-result[data-tone=fail].is-on{animation-duration:1.3s}@keyframes refine-ribbon{0%{opacity:0;transform:translate(-50%,10px)}14%{opacity:1;transform:translate(-50%)}78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.refine-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-items:center;gap:4px;min-height:0;padding:10px 16px 8px;overflow:hidden;container-type:size}.refine-forge{position:relative;width:min(100%,calc((100cqh - 56px)*1.6),980px);aspect-ratio:1.6;container-type:size}.refine-seal,.refine-seal-light{position:absolute;inset:0;background:center / contain no-repeat;pointer-events:none}.refine-seal{background-image:url(/assets/ui/refine/refine-seal.webp)}.refine-seal-light{background:radial-gradient(circle closest-side,var(--rf-core) 0%,var(--rf-hot) 24%,var(--rf-flame) 46%,var(--rf-flame) 64%,var(--rf-deep) 100%);opacity:var(--rf-seal);-webkit-mask:url(/assets/ui/refine/refine-seal-glow.webp) center / contain no-repeat;mask:url(/assets/ui/refine/refine-seal-glow.webp) center / contain no-repeat}.refine-dial{position:absolute;left:50%;top:50%;width:28.9%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.refine-dial>span{position:absolute;inset:0;background:url(/assets/ui/refine/refine-dial.webp) center / contain no-repeat}.refine-dial-track{opacity:.2;filter:grayscale(1)}.refine-dial>.refine-dial-fill{background:radial-gradient(closest-side,var(--rf-flame) 84%,var(--rf-core) 91%,var(--rf-flame) 97%);-webkit-mask:url(/assets/ui/refine/refine-dial.webp) center / contain no-repeat,conic-gradient(#000 calc(var(--rate) * 360deg),transparent 0);-webkit-mask-composite:source-in;mask:url(/assets/ui/refine/refine-dial.webp) center / contain no-repeat,conic-gradient(#000 calc(var(--rate) * 360deg),transparent 0);mask-composite:intersect}.refine-item{position:absolute;left:50%;top:11.5%;width:11%;aspect-ratio:1;transform:translate(-50%,-50%)}.refine-item>span{position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain}.refine-item-frame{inset:0;background-image:url(/assets/ui/refine/refine-item-frame.webp)}.refine-item-weapon{inset:6%;background-image:url(/assets/ui/refine/refine-weapon.webp);filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.refine-item-frame{box-shadow:0 0 calc(var(--fx-w, 800px) * .02) color-mix(in srgb,var(--rf-flame) 45%,transparent)}.refine-rate{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:1px;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.refine-rate small{color:#f3d6b4;font-size:clamp(12px,3cqh,15px);font-weight:var(--weight-bold);letter-spacing:.08em}.refine-rate strong{color:#fff;font-size:clamp(22px,9.5cqh,64px);font-weight:var(--weight-bold);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 1px #000,0 2px 4px rgba(0,0,0,.9),0 0 22px var(--rf-flame)}.refine-rate-bonus{margin-top:3px;padding:0 .6em;border-radius:999px;background:#080402bf;color:#9ff0b0;font-size:clamp(12px,2.4cqh,13px);font-weight:var(--weight-bold);white-space:nowrap}.refine-plate{position:absolute;top:50%;display:flex;flex-direction:column;align-items:center;gap:2px;width:23%;transform:translate(-50%,-50%);text-align:center}.refine-plate.is-from{left:17%}.refine-plate.is-to{left:83%}.refine-ribbon{position:relative;display:flex;justify-content:center;min-width:72%;padding:.2em 1.2em .24em;background:linear-gradient(90deg,transparent 0%,rgba(56,24,6,.94) 20%,rgba(56,24,6,.94) 80%,transparent 100%);color:#fff1d8;font-size:clamp(12px,3cqh,15px);font-weight:var(--weight-bold);white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.9)}.refine-ribbon:before,.refine-ribbon:after{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 4%,rgba(245,228,180,.8) 24%,rgba(245,228,180,.8) 76%,transparent 96%);content:""}.refine-ribbon:before{top:0}.refine-ribbon:after{bottom:0}.refine-plate.is-to .refine-ribbon{background:linear-gradient(90deg,transparent 0%,rgba(80,40,6,.94) 20%,rgba(80,40,6,.94) 80%,transparent 100%)}.refine-forge[data-mode=break] .refine-plate.is-to .refine-ribbon{background:linear-gradient(90deg,transparent 0%,rgba(8,34,64,.94) 20%,rgba(8,34,64,.94) 80%,transparent 100%)}.refine-plate-value{color:#fff;font-size:clamp(20px,9cqh,58px);font-weight:var(--weight-bold);line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 0 1px #000,0 1px 1px #000,0 2px 8px rgba(0,0,0,.9),0 0 18px color-mix(in srgb,var(--rf-flame) 60%,transparent)}.refine-plate.is-from .refine-plate-value{color:#e9e2d6;font-size:clamp(18px,7.4cqh,46px)}.refine-forge[data-mode=break] .refine-plate.is-to .refine-plate-value{font-size:clamp(16px,6.6cqh,42px)}.refine-plate-sub{display:inline-flex;align-items:center;gap:5px;padding:0 .7em;border-radius:999px;background:#080402b8;color:#f1e3cf;font-size:clamp(12px,2.8cqh,14px);font-weight:var(--weight-semibold);line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}.refine-preview{position:absolute;left:1.5%;top:3%;display:flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border:1px solid rgba(110,196,255,.6);border-radius:999px;background:#061220e6;color:#cdeeff;font-size:var(--text-xs);font-weight:var(--weight-bold)}.refine-chip{height:34px;padding:0 12px;border:1px solid var(--rf-line-strong);border-radius:999px;background:#0e0804d9;color:#f1e3cf;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer}.refine-chip:hover:not(:disabled){border-color:#ffd6a0b3}.refine-chip.is-on{border-color:#f5e4b4bf;background:linear-gradient(180deg,var(--rf-gold-2),var(--rf-gold-3));color:#fff4d6;box-shadow:inset 0 1px #fff4cd59}.refine-chip:disabled{opacity:.45;cursor:default}.refine-forge.is-fail .refine-seal-light{animation:refine-dim .6s ease-out both}.refine-forge.is-fail .refine-rate strong{animation:refine-shake .36s ease-out both}@keyframes refine-dim{30%{opacity:.25}}@keyframes refine-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}60%{transform:translate(3px)}}.refine-artisan{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:min(560px,74%);padding:5px 14px;border:1px solid rgba(168,132,67,.45);border-radius:999px;background:#0c0806d9}.refine-artisan-label{color:#f3d6b4;font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap}.refine-artisan-bar{position:relative;height:8px;overflow:hidden;border-radius:4px;background:#ffffff14;box-shadow:inset 0 1px 2px #000c}.refine-artisan-bar:after{position:absolute;inset:0 auto 0 0;width:calc(var(--fill) * 100%);border-radius:4px;background:linear-gradient(90deg,#8a4a16,#ffb35e 70%,#fff0c8);box-shadow:0 0 8px #ffaa5acc;content:""}.refine-artisan-value{color:#fff1d8;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.refine-artisan[data-full] .refine-artisan-value{color:#9ff0b0}.refine-tray{display:flex;flex-direction:column;gap:6px;min-height:0;padding:10px 20px;overflow-y:auto;border-top:1px solid rgba(168,132,67,.4);background:linear-gradient(180deg,#100b08f2,#090705f7)}.refine-changes{display:flex;flex-direction:column}.refine-change{display:grid;grid-template-columns:150px 150px 50px minmax(0,1fr);align-items:center;min-height:30px;border-bottom:1px solid rgba(255,214,160,.08);font-size:var(--text-sm)}.refine-change-label{color:#c9b9a3}.refine-change-from{color:#e3dacd;text-align:right;font-variant-numeric:tabular-nums}.refine-change-arrow{justify-self:center;width:22px;height:14px;background:linear-gradient(90deg,#ffc47840,#ffc46e);clip-path:polygon(0 0,30% 50%,0 100%,12% 100%,42% 50%,12% 0,35% 0,65% 50%,35% 100%,47% 100%,77% 50%,47% 0,70% 0,100% 50%,70% 100%,58% 100%,88% 50%,58% 0)}.refine-change-to{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0}.refine-change-to>*{white-space:nowrap}.refine-change-to .growth-num{--growth-glow: rgba(255, 170, 90, .5);color:#b8f5c4}.refine-change-to .is-muted{color:var(--color-text-3)}.refine-wisdom-note{margin:2px 0 0;color:var(--color-text-3);font-size:12px}.refine-actionbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:0;padding:0 18px;border-top:1px solid rgba(168,132,67,.45);background:linear-gradient(180deg,#1a120cf7,#080604fa)}.refine-materials{display:flex;align-items:center;gap:var(--space-4);min-width:0}.refine-material{display:flex;align-items:center;gap:8px;min-width:0}.refine-material-slot{position:relative;flex:none;width:62px;height:62px;background:url(/assets/ui/refine/refine-slot.webp) center / contain no-repeat}.refine-material-icon{position:absolute;inset:14%;background:center / contain no-repeat}.refine-material-icon.is-gold{background-image:url(/assets/ui/refine/refine-gold.webp)}.refine-material-icon.is-honor{background-image:url(/assets/ui/refine/refine-honor.webp)}.refine-material-icon.is-wisdom{background-image:url(/assets/ui/refine/refine-wisdom.webp)}.refine-material-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.refine-material-name{color:#c9b9a3;font-size:12px;white-space:nowrap}.refine-material-cost{color:#fff1d8;font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9)}.refine-material-cost small{color:#c9b9a3;font-size:12px;font-weight:var(--weight-semibold)}.refine-material-owned{color:#a99a86;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.refine-material[data-short] .refine-material-cost{color:#ff8f86}.refine-material[data-short] .refine-material-slot{filter:drop-shadow(0 0 6px rgba(255,100,90,.6))}.refine-materials-empty{margin:0;color:var(--color-text-3);font-size:var(--text-sm)}.refine-go{display:flex;align-items:center;gap:var(--space-3);min-width:0}.refine-note{max-width:220px;margin:0;color:#ffcf8a;font-size:var(--text-xs);line-height:1.35;text-align:right}.refine-note:empty{display:none}.refine-counts{display:flex;gap:4px}.refine-counts .refine-chip{height:34px;padding:0 12px;font-size:var(--text-sm)}.refine-go-button{flex:none;min-width:220px;height:58px;padding:0 var(--space-5);border:1px solid var(--rf-gold);border-radius:6px;background:linear-gradient(180deg,#f0b866,#c27a2e 48%,#6a340c);box-shadow:inset 0 1px #ffeccdb3,inset 0 -2px #3c1a06cc,0 0 22px #ff9a4a52;color:#1d0e03;font:inherit;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.24em;text-shadow:0 1px 0 rgba(255,240,210,.5);cursor:pointer}.refine-go-button[data-mode=break]{border-color:#bfeaff;background:linear-gradient(180deg,#7cc8ee,#3a86b6 48%,#143a58);box-shadow:inset 0 1px #dcf5ffb3,inset 0 -2px #081a28cc,0 0 22px #6ec4ff59;color:#04121c}.refine-go-button:hover:not(:disabled){filter:brightness(1.1)}.refine-go-button:active:not(:disabled){transform:translateY(1px)}.refine-go-button:disabled{border-color:#e6aa6433;background:#221a14d9;box-shadow:none;color:var(--color-text-disabled);text-shadow:none;cursor:default}}@layer features{.refine-timeline-panel{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:12px 10px 10px 14px;border-left:1px solid rgba(168,132,67,.32);background:linear-gradient(180deg,#1a120df7,#080605fa)}.refine-timeline{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-height:0;margin:0;padding:0 4px 0 0;overflow-y:auto;list-style:none;scrollbar-gutter:stable}.refine-stage-pick{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:44px;padding:4px 8px 4px 4px;border:1px solid rgba(255,214,160,.08);border-radius:6px;background:#1a120cb8;color:inherit;font:inherit;text-align:left;cursor:pointer}.refine-stage-pick:hover{border-color:var(--rf-line-strong);background:#281a10d9}.refine-stage-badge{display:grid;place-items:center;height:34px;border:1px solid rgba(255,196,120,.3);border-radius:5px;background:linear-gradient(180deg,#3c2412e6,#140c06e6);color:#f3d6b4;font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.refine-gate-icon{width:28px;height:28px;background:url(/assets/ui/refine/refine-gate.webp) center / contain no-repeat}.refine-stage-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.refine-stage-head{display:flex;align-items:baseline;gap:8px;min-width:0}.refine-stage-head strong{color:#fff1d8;font-size:var(--text-sm);white-space:nowrap}.refine-stage-head span{color:#a99a86;font-size:12px;white-space:nowrap}.refine-stage-stats{display:flex;flex-wrap:wrap;column-gap:8px;color:#c9b9a3;font-size:12px;line-height:1.3}.refine-stage-stats>span{white-space:nowrap}.refine-stage-costs{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:2px;color:#e6d6bf;font-size:12px;font-variant-numeric:tabular-nums}.refine-stage-costs>span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.refine-cost-icon{width:16px;height:16px;background:center / contain no-repeat}.refine-cost-icon.is-gold{background-image:url(/assets/ui/refine/refine-gold.webp)}.refine-cost-icon.is-honor{background-image:url(/assets/ui/refine/refine-honor.webp)}.refine-cost-icon.is-wisdom{background-image:url(/assets/ui/refine/refine-wisdom.webp)}.refine-stage-mark{padding:1px 8px 2px;border-radius:999px;background:linear-gradient(180deg,var(--rf-gold-2),var(--rf-gold-3));color:#fff4d6;font-size:12px;font-weight:var(--weight-bold)}.refine-stage-mark.is-next{background:#ff9a4a40;box-shadow:inset 0 0 0 1px #ffaa5ab3;color:#ffd2a8}.refine-stage-row[data-kind=break] .refine-stage-pick{border-color:#6ec4ff4d;background:linear-gradient(90deg,#0a1e34d9,#100e12cc)}.refine-stage-row[data-kind=break] .refine-stage-badge{border-color:#6ec4ff80;background:linear-gradient(180deg,#0e2c48f2,#06101ef2)}.refine-stage-row[data-kind=break] .refine-stage-head strong{color:#cdeeff}.refine-stage-row[data-state=done] .refine-stage-pick{opacity:.5}.refine-stage-row[data-state=current] .refine-stage-pick{border-color:#f5e4b4cc;background:linear-gradient(90deg,#503816bf,#1a120ae6);box-shadow:0 0 12px #f5e4b426}.refine-stage-row[data-state=next] .refine-stage-pick{border-color:#ffaa5a99}.refine-stage-row[data-preview] .refine-stage-pick{border-color:#6ec4ffd9;box-shadow:0 0 0 1px #6ec4ff59,0 0 12px #6ec4ff40}@media(max-width:1360px){.refine-body{grid-template-columns:minmax(0,1fr) 300px}.refine-center{grid-template-rows:minmax(0,1fr) 140px 92px}.refine-change{grid-template-columns:120px 130px 44px minmax(0,1fr);min-height:26px}.refine-go-button{min-width:168px;height:52px;font-size:18px}.refine-material-slot{width:52px;height:52px}.refine-material-cost{font-size:16px}.refine-materials{gap:var(--space-3)}.refine-note{max-width:150px}}@media(max-width:1100px){.refine-overlay{padding:8px}.refine-modal{width:100%;height:100%}.refine-header{flex-wrap:wrap;flex-basis:auto;row-gap:6px;padding:8px 10px}.refine-heading{flex-wrap:wrap;row-gap:4px}.refine-mobile-tabs{order:3;display:grid;flex:1 1 100%;grid-template-columns:repeat(2,1fr);gap:4px}.refine-mobile-tabs button{height:30px;border:1px solid var(--rf-line);border-radius:6px;background:#0e0804cc;color:var(--color-text-2);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.refine-overlay:not([data-panel]) .refine-mobile-tabs [data-value=forge],.refine-overlay[data-panel=forge] .refine-mobile-tabs [data-value=forge],.refine-overlay[data-panel=timeline] .refine-mobile-tabs [data-value=timeline]{border-color:#f5e4b4b3;background:linear-gradient(180deg,var(--rf-gold-2),var(--rf-gold-3));color:#fff4d6}.refine-body{grid-template-columns:minmax(0,1fr)}.refine-body>*{grid-area:1 / 1}.refine-timeline-panel{border-left:0}.refine-overlay:not([data-panel]) .refine-timeline-panel,.refine-overlay[data-panel=forge] .refine-timeline-panel,.refine-overlay[data-panel=timeline] .refine-center{display:none}}@media(max-width:640px){.refine-title{font-size:var(--text-lg);letter-spacing:.2em}.refine-total>span{display:none}.refine-center{grid-template-rows:minmax(250px,1fr) auto auto;overflow-y:auto}.refine-stage{padding:6px 4px}.refine-result,.refine-result[data-tier]{min-width:0;padding:8px 36px 10px;font-size:18px}.refine-artisan{width:92%}.refine-tray{overflow:visible;padding:10px 12px}.refine-change{grid-template-columns:92px minmax(0,1fr) 30px minmax(0,1.2fr);font-size:var(--text-xs)}.refine-actionbar{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px}.refine-materials{justify-content:space-between;gap:8px}.refine-material-slot{width:44px;height:44px}.refine-material-cost{font-size:14px}.refine-go{flex-wrap:wrap;justify-content:flex-end}.refine-note{flex:1 1 100%;max-width:none;text-align:left}.refine-go-button{flex:1 1 auto;min-width:0;height:50px}}@media(prefers-reduced-motion:reduce){.refine-modal,.refine-forge.is-fail .refine-seal-light,.refine-forge.is-fail .refine-rate strong{animation:none}.refine-result.is-on{animation:none;opacity:1;transform:translate(-50%)}}}@layer features{[data-rf-tier]{--rf-d-rays: none;--rf-d-rays-b: none;--rf-d-nebula: none;--rf-d-wings: none;--rf-d-sun: none;--rf-d-runes: none;--rf-d-halo: none;--rf-pool: .4;--rf-rays: 0;--rf-rays-b: 0;--rf-runes: 0;--rf-seal: .9;--rf-thump: 1.008;--rf-wings-lo: .55;--rf-wings-hi: .9}[data-rf-tier="0"]{--rf-core: #fff1dc;--rf-hot: #ffbf78;--rf-flame: #ff7a2c;--rf-deep: #6a1a04;--rf-accent: #ff5a1e;--rf-accent-2: #ffb070;--rf-spark: #ffcf88}[data-rf-tier="1"]{--rf-core: #fff5e2;--rf-hot: #ffd28a;--rf-flame: #ff9838;--rf-deep: #82300a;--rf-accent: #ffb04a;--rf-accent-2: #ffe0a0;--rf-spark: #ffe2a8;--rf-pool: .55;--rf-thump: 1.01}[data-rf-tier="2"]{--rf-core: #fffbec;--rf-hot: #ffe8a8;--rf-flame: #ffc14e;--rf-deep: #7a4a06;--rf-accent: #ffd770;--rf-accent-2: #fff0c0;--rf-spark: #fff2c0;--rf-pool: .62;--rf-d-rays: block;--rf-rays: .45;--rf-thump: 1.012}[data-rf-tier="3"]{--rf-core: #ffffff;--rf-hot: #fff6e2;--rf-flame: #ffe2a2;--rf-deep: #96621a;--rf-accent: #fff0c8;--rf-accent-2: #ffffff;--rf-spark: #ffffff;--rf-pool: .7;--rf-d-rays: block;--rf-rays: .6;--rf-d-runes: block;--rf-runes: .75;--rf-seal: 1;--rf-thump: 1.014}[data-rf-tier="4"]{--rf-core: #fff6f8;--rf-hot: #ffd8e4;--rf-flame: #ff88b0;--rf-deep: #6a0e36;--rf-accent: #ffd27a;--rf-accent-2: #ffb8d0;--rf-spark: #ffe4ee;--rf-pool: .74;--rf-d-rays: block;--rf-rays: .7;--rf-d-rays-b: block;--rf-rays-b: .4;--rf-d-runes: block;--rf-runes: .9;--rf-seal: 1;--rf-thump: 1.016}[data-rf-tier="5"]{--rf-core: #ffffff;--rf-hot: #d6fff8;--rf-flame: #5ff0dc;--rf-deep: #06404a;--rf-accent: #fff3c8;--rf-accent-2: #b8fff4;--rf-spark: #eafffb;--rf-pool: .8;--rf-d-rays: block;--rf-rays: .78;--rf-d-rays-b: block;--rf-rays-b: .45;--rf-d-runes: block;--rf-runes: 1;--rf-d-halo: block;--rf-seal: 1;--rf-thump: 1.018}[data-rf-tier="6"]{--rf-core: #ffffff;--rf-hot: #f0e2ff;--rf-flame: #b48cff;--rf-deep: #24106a;--rf-accent: #ff8fd0;--rf-accent-2: #6ff0ff;--rf-spark: #f6ecff;--rf-pool: .85;--rf-d-rays: block;--rf-rays: .8;--rf-d-rays-b: block;--rf-rays-b: .5;--rf-d-nebula: block;--rf-d-wings: block;--rf-d-runes: block;--rf-runes: 1;--rf-d-halo: block;--rf-seal: 1;--rf-thump: 1.02}[data-rf-tier="7"]{--rf-core: #ffffff;--rf-hot: #fff3cc;--rf-flame: #ffc94a;--rf-deep: #6a3000;--rf-accent: #ffe08a;--rf-accent-2: #fff0c4;--rf-spark: #fffbe8;--rf-wings-lo: .38;--rf-wings-hi: .62;--rf-pool: .95;--rf-d-rays: block;--rf-rays: .85;--rf-d-rays-b: block;--rf-rays-b: .55;--rf-d-wings: block;--rf-d-sun: block;--rf-d-runes: block;--rf-runes: 1;--rf-d-halo: block;--rf-seal: 1;--rf-thump: 1.024}[data-rf-mode=break]{--rf-core: #f2fbff;--rf-hot: #c2e9ff;--rf-flame: #6ec4ff;--rf-deep: #0c3466;--rf-accent: #9ff0ff;--rf-accent-2: #e0f6ff;--rf-spark: #e8f8ff}.refine-stage-wrap{--fx-x: 50%;--fx-y: 45%;--fx-w: 800px}.refine-stage-wrap>.refine-stage{position:relative;z-index:1}.refine-aura,.refine-motes,.refine-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none}.refine-aura{z-index:0}.refine-motes{z-index:2}.refine-fx{z-index:2;--t0: 60ms}.refine-fx[data-forced=true]{--t0: .3s}.refine-fx.is-on[data-result=success]{mix-blend-mode:screen}.rfx-amb{position:absolute;left:var(--fx-x);top:var(--fx-y);aspect-ratio:1;translate:-50% -50%;-webkit-mask:center / contain no-repeat;mask:center / contain no-repeat}.rfx-amb-pool{width:calc(var(--fx-w) * 1.1);aspect-ratio:1.7;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--rf-flame) 62%,transparent),color-mix(in srgb,var(--rf-deep) 46%,transparent) 55%,transparent);opacity:var(--rf-pool);-webkit-mask:none;mask:none;transition:opacity 1.2s ease}.rfx-amb-rays{display:var(--rf-d-rays);width:calc(var(--fx-w) * 1.24);background:radial-gradient(closest-side,var(--rf-core) 8%,var(--rf-hot) 30%,var(--rf-flame) 62%,color-mix(in srgb,var(--rf-flame) 40%,transparent) 92%);opacity:var(--rf-rays);-webkit-mask-image:url(/assets/ui/refine/fx/rays.webp);mask-image:url(/assets/ui/refine/fx/rays.webp);animation:rfx-turn 150s linear infinite}.rfx-amb-rays.is-b{display:var(--rf-d-rays-b);width:calc(var(--fx-w) * 1.06);rotate:7deg;background:radial-gradient(closest-side,var(--rf-accent-2) 14%,var(--rf-accent) 50%,transparent 92%);opacity:var(--rf-rays-b);animation-duration:110s;animation-direction:reverse}.rfx-amb-nebula{display:var(--rf-d-nebula);width:calc(var(--fx-w) * 1.16);background:conic-gradient(var(--rf-flame),var(--rf-accent),var(--rf-accent-2),var(--rf-hot),var(--rf-flame));opacity:.85;-webkit-mask-image:url(/assets/ui/refine/fx/nebula.webp);mask-image:url(/assets/ui/refine/fx/nebula.webp);animation:rfx-turn 120s linear infinite}.rfx-amb-wings{display:var(--rf-d-wings);width:calc(var(--fx-w) * 1.375);aspect-ratio:2.2;background:linear-gradient(90deg,var(--rf-accent-2),var(--rf-hot) 34%,var(--rf-hot) 66%,var(--rf-accent-2));-webkit-mask-image:url(/assets/ui/refine/fx/wings.webp);mask-image:url(/assets/ui/refine/fx/wings.webp);animation:rfx-breathe 5.5s ease-in-out infinite alternate}.rfx-amb-sun{display:var(--rf-d-sun);width:calc(var(--fx-w) * 1.6);background:radial-gradient(closest-side,var(--rf-core) 22%,var(--rf-hot) 42%,var(--rf-flame) 70%,color-mix(in srgb,var(--rf-flame) 30%,transparent));opacity:.6;-webkit-mask-image:url(/assets/ui/refine/fx/sun.webp);mask-image:url(/assets/ui/refine/fx/sun.webp);animation:rfx-turn 240s linear infinite}.rfx-ember{position:absolute;left:calc(var(--fx-x) + var(--fx-w) * var(--x));top:calc(var(--fx-y) + var(--fx-w) * var(--y));width:var(--size);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#fff,var(--rf-spark) 35%,color-mix(in srgb,var(--rf-flame) 45%,transparent) 70%,transparent);opacity:0;animation:rfx-ember 5s linear infinite}@keyframes rfx-turn{to{rotate:360deg}}@keyframes rfx-breathe{0%{opacity:var(--rf-wings-lo)}to{opacity:var(--rf-wings-hi)}}@keyframes rfx-ember{0%{opacity:0;translate:0 0}15%{opacity:.95}75%{opacity:.6}to{opacity:0;translate:calc(var(--fx-w) * var(--sway)) calc(var(--fx-w) * var(--rise) * -1)}}.refine-runes,.refine-crown-halo{position:absolute;pointer-events:none;-webkit-mask:center / contain no-repeat;mask:center / contain no-repeat}.refine-runes{display:var(--rf-d-runes);inset:0;background:radial-gradient(circle closest-side,var(--rf-core) 40%,var(--rf-hot) 58%,var(--rf-flame) 70%);opacity:var(--rf-runes);-webkit-mask-image:url(/assets/ui/refine/fx/runes.webp);mask-image:url(/assets/ui/refine/fx/runes.webp);animation:rfx-runes 4.8s ease-in-out infinite alternate}.refine-crown-halo{display:var(--rf-d-halo);left:50%;top:11.5%;width:27%;aspect-ratio:1;translate:-50% -50%;background:radial-gradient(closest-side,var(--rf-core) 40%,var(--rf-hot) 62%,var(--rf-accent-2) 86%);opacity:.9;-webkit-mask-image:url(/assets/ui/refine/fx/halo.webp);mask-image:url(/assets/ui/refine/fx/halo.webp);animation:rfx-turn 90s linear infinite}@keyframes rfx-runes{0%{opacity:calc(var(--rf-runes) * .7)}to{opacity:var(--rf-runes)}}.refine-forge[data-tier="0"] .refine-item-weapon{background-image:url(/assets/ui/refine/tier/weapon-0.webp)}.refine-forge[data-tier="1"] .refine-item-weapon{background-image:url(/assets/ui/refine/tier/weapon-1.webp)}.refine-forge[data-tier="2"] .refine-item-weapon{background-image:url(/assets/ui/refine/tier/weapon-2.webp)}.refine-forge[data-tier="3"] .refine-item-weapon{background-image:url(/assets/ui/refine/tier/weapon-3.webp)}.refine-forge[data-tier="4"] .refine-item-weapon{background-image:url(/assets/ui/refine/tier/weapon-4.webp)}.refine-forge[data-tier="5"] .refine-item-weapon{background-image:url(/assets/ui/refine/tier/weapon-5.webp)}.refine-forge[data-tier="6"] .refine-item-weapon{background-image:url(/assets/ui/refine/tier/weapon-6.webp)}.refine-forge[data-tier="7"] .refine-item-weapon{background-image:url(/assets/ui/refine/tier/weapon-7.webp)}.refine-forge[data-tier="0"] .refine-item-frame{background-image:url(/assets/ui/refine/tier/frame-0.webp)}.refine-forge[data-tier="1"] .refine-item-frame{background-image:url(/assets/ui/refine/tier/frame-1.webp)}.refine-forge[data-tier="2"] .refine-item-frame{background-image:url(/assets/ui/refine/tier/frame-2.webp)}.refine-forge[data-tier="3"] .refine-item-frame{background-image:url(/assets/ui/refine/tier/frame-3.webp)}.refine-forge[data-tier="4"] .refine-item-frame{background-image:url(/assets/ui/refine/tier/frame-4.webp)}.refine-forge[data-tier="5"] .refine-item-frame{background-image:url(/assets/ui/refine/tier/frame-5.webp)}.refine-forge[data-tier="6"] .refine-item-frame{background-image:url(/assets/ui/refine/tier/frame-6.webp)}.refine-forge[data-tier="7"] .refine-item-frame{background-image:url(/assets/ui/refine/tier/frame-7.webp)}.refine-forge.is-success{animation:rfx-thump .56s 40ms both}.refine-forge.is-success .refine-plate.is-from .refine-plate-value{animation:rfx-punch .62s .12s both cubic-bezier(.2,.9,.3,1.25)}@keyframes rfx-thump{0%{scale:1}14%{scale:.988}36%{scale:var(--rf-thump)}to{scale:1}}@keyframes rfx-punch{0%{opacity:.35;scale:1.5}to{opacity:1;scale:1}}:where(.refine-fx>span){position:absolute;left:var(--fx-x);top:var(--fx-y);translate:-50% -50%;opacity:0;-webkit-mask:center / contain no-repeat;mask:center / contain no-repeat;animation-fill-mode:both}.rfx-core{width:calc(var(--fx-w) * .27);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--rf-core) 0%,var(--rf-hot) 30%,color-mix(in srgb,var(--rf-flame) 55%,transparent) 62%,transparent);animation:rfx-core .62s var(--t0) cubic-bezier(.16,.84,.3,1)}.rfx-flash{width:calc(var(--fx-w) * var(--size));aspect-ratio:1;background:radial-gradient(closest-side,#fff 12%,var(--rf-hot) 40%,var(--rf-flame) 72%);-webkit-mask-image:url(/assets/ui/refine/fx/flare.webp);mask-image:url(/assets/ui/refine/fx/flare.webp);animation:rfx-flash .7s var(--t0) cubic-bezier(.16,.84,.3,1)}.rfx-ring,.rfx-ascend{width:calc(var(--fx-w) * .34);aspect-ratio:1;background:radial-gradient(closest-side,var(--rf-flame) 70%,var(--rf-hot) 88%,var(--rf-core) 94%);-webkit-mask-image:url(/assets/ui/refine/fx/ring.webp);mask-image:url(/assets/ui/refine/fx/ring.webp);animation:rfx-ring calc(.72s + var(--i) * .14s) calc(var(--t0) + var(--i) * .11s) cubic-bezier(.1,.7,.25,1)}.rfx-ascend{--i: 2;--reach: 5.2;background:radial-gradient(closest-side,var(--rf-accent) 70%,var(--rf-accent-2) 90%,#fff 95%);animation-duration:1.5s;animation-delay:calc(var(--t0) + .28s)}.rfx-rays{width:calc(var(--fx-w) * 1.3);aspect-ratio:1;background:radial-gradient(closest-side,var(--rf-core) 6%,var(--rf-hot) 26%,var(--rf-flame) 55%,transparent 92%);-webkit-mask-image:url(/assets/ui/refine/fx/rays.webp);mask-image:url(/assets/ui/refine/fx/rays.webp);animation:rfx-rays 1.15s calc(var(--t0) + 30ms) cubic-bezier(.2,.7,.3,1)}.rfx-rays.is-1{--spin: -16deg;width:calc(var(--fx-w) * 1.08);rotate:7.5deg;background:radial-gradient(closest-side,var(--rf-accent-2) 15%,var(--rf-accent) 50%,transparent 95%)}.rfx-rays.is-2{--spin: 10deg;width:calc(var(--fx-w) * 1.7);rotate:3.75deg;animation-duration:1.6s;animation-delay:calc(var(--t0) + .14s)}.rfx-spark{width:var(--len);height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--rf-flame) 40%,var(--rf-spark) 75%,#fff);rotate:var(--a);translate:calc(-50% + var(--x0)) calc(-50% + var(--y0));-webkit-mask:none;mask:none;animation:rfx-spark var(--dur) calc(var(--t0) + var(--delay)) cubic-bezier(.12,.75,.3,1)}.rfx-spark.is-shard{height:calc(var(--len) * .42);border-radius:0;background:linear-gradient(90deg,var(--rf-flame),var(--rf-core));clip-path:polygon(0 50%,42% 0,100% 50%,42% 100%)}.rfx-spark.is-dead{background:linear-gradient(90deg,transparent,#6a2410,#b8542a)}.rfx-pillar{width:calc(var(--fx-w) * .07);height:calc(var(--fx-w) * .2406);translate:-50% -100%;transform-origin:50% 100%;background:linear-gradient(0deg,transparent,var(--rf-hot) 22%,#fff 70%,var(--rf-hot));-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);-webkit-mask-size:100% 100%;mask-size:100% 100%;animation:rfx-pillar .78s calc(var(--t0) + 40ms) cubic-bezier(.2,.8,.3,1)}.rfx-pillar.is-sky{width:calc(var(--fx-w) * .1);height:var(--fx-y);animation-duration:1.1s}.rfx-glint{top:calc(var(--fx-y) - var(--fx-w) * .2406);width:calc(var(--fx-w) * .1);aspect-ratio:1;overflow:hidden;opacity:1;-webkit-mask:none;mask:none}.rfx-glint>span{position:absolute;inset:-30% auto -30% 0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);rotate:24deg;translate:-160% 0;animation:rfx-glint .56s calc(var(--t0) + .2s) ease-in-out both}.rfx-halo{top:calc(var(--fx-y) - var(--fx-w) * .2406);width:calc(var(--fx-w) * .5);aspect-ratio:1;background:radial-gradient(closest-side,var(--rf-core) 40%,var(--rf-hot) 64%,var(--rf-accent-2));-webkit-mask-image:url(/assets/ui/refine/fx/halo.webp);mask-image:url(/assets/ui/refine/fx/halo.webp);animation:rfx-halo 1.3s calc(var(--t0) + .18s) cubic-bezier(.2,.7,.3,1)}.rfx-sweep{width:var(--fx-w);aspect-ratio:1.6;overflow:hidden;opacity:1;-webkit-mask-image:url(/assets/ui/refine/refine-seal.webp);mask-image:url(/assets/ui/refine/refine-seal.webp)}.rfx-sweep>span{position:absolute;top:0;bottom:0;left:50%;width:16%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rf-core) 88%,transparent),transparent);translate:-50% 0;animation:rfx-sweep .82s calc(var(--t0) + 80ms) cubic-bezier(.3,.6,.3,1) both}.rfx-sweep>.is-left{--to: -360%}.rfx-sweep>.is-right{--to: 260%}.rfx-bloom,.rfx-whiteout{left:0;top:0;width:100%;height:100%;translate:none;-webkit-mask:none;mask:none}.rfx-bloom{background:radial-gradient(circle at var(--fx-x) var(--fx-y),color-mix(in srgb,var(--rf-hot) 40%,transparent),color-mix(in srgb,var(--rf-flame) 16%,transparent) calc(var(--fx-w) * .42),transparent calc(var(--fx-w) * .9));animation:rfx-bloom .95s var(--t0) ease-out}.rfx-whiteout{background:#fff4d8;animation:rfx-whiteout .46s var(--t0) ease-out}.rfx-aurora{width:calc(var(--fx-w) * 1.5);aspect-ratio:1;background:conic-gradient(var(--rf-flame),var(--rf-accent),var(--rf-accent-2),var(--rf-hot),var(--rf-flame));-webkit-mask-image:url(/assets/ui/refine/fx/nebula.webp);mask-image:url(/assets/ui/refine/fx/nebula.webp);animation:rfx-aurora 2.1s calc(var(--t0) + .12s) cubic-bezier(.2,.6,.3,1)}.rfx-sunrise{width:calc(var(--fx-w) * 1.75);aspect-ratio:1;background:radial-gradient(closest-side,#fff 20%,var(--rf-hot) 36%,var(--rf-flame) 56%,color-mix(in srgb,var(--rf-flame) 35%,transparent) 80%,transparent);-webkit-mask-image:url(/assets/ui/refine/fx/sun.webp);mask-image:url(/assets/ui/refine/fx/sun.webp);animation:rfx-sunrise 3.2s calc(var(--t0) + .22s) cubic-bezier(.2,.6,.3,1)}.rfx-artisan{top:calc(var(--fx-y) + var(--fx-w) * .38);width:calc(var(--fx-w) * .045);height:calc(var(--fx-w) * .38);translate:-50% -100%;transform-origin:50% 100%;border-radius:999px;background:linear-gradient(0deg,transparent,#ffb35e 30%,#fff0c8 80%,#fff);-webkit-mask:none;mask:none;animation:rfx-artisan .62s 0ms cubic-bezier(.3,.6,.3,1)}.rfx-mote,.rfx-star{width:var(--size);aspect-ratio:1;translate:calc(-50% + var(--x0)) calc(-50% + var(--y0))}.rfx-mote{border-radius:50%;background:radial-gradient(closest-side,#fff,var(--rf-spark) 40%,color-mix(in srgb,var(--rf-flame) 50%,transparent) 70%,transparent);-webkit-mask:none;mask:none;animation:rfx-mote var(--dur) calc(var(--t0) + var(--delay)) ease-out}.rfx-star{background:radial-gradient(closest-side,#fff 30%,var(--rf-accent-2));-webkit-mask-image:url(/assets/ui/refine/fx/flare.webp);mask-image:url(/assets/ui/refine/fx/flare.webp);animation:rfx-star .76s calc(var(--t0) + var(--delay)) ease-in-out}.rfx-smoke{width:calc(var(--fx-w) * .3);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(120,110,100,.5),rgba(60,54,50,.28) 55%,transparent);-webkit-mask:none;mask:none;animation:rfx-smoke .95s 0ms ease-out}@keyframes rfx-core{0%{opacity:0;scale:.5}12%{opacity:.9;scale:1.05}45%{opacity:.35}to{opacity:0;scale:1.25}}@keyframes rfx-flash{0%{opacity:0;scale:.3}10%{opacity:1;scale:1}35%{opacity:.6}to{opacity:0;scale:1.35}}@keyframes rfx-ring{0%{opacity:0;scale:.6}8%{opacity:1}to{opacity:0;scale:var(--reach)}}@keyframes rfx-rays{0%{opacity:0;scale:.45}14%{opacity:.9}to{opacity:0;scale:1.12;rotate:var(--spin, 14deg)}}@keyframes rfx-spark{0%{opacity:1;scale:1.8 1}70%{opacity:1}to{opacity:0;scale:.25 1;translate:calc(-50% + var(--x1)) calc(-50% + var(--y1))}}@keyframes rfx-pillar{0%{opacity:0;scale:.4 0}22%{opacity:1;scale:1 1}to{opacity:0;scale:.3 1}}@keyframes rfx-glint{to{translate:360% 0}}@keyframes rfx-halo{0%{opacity:0;scale:.4;rotate:-20deg}25%{opacity:1}to{opacity:0;scale:1.3;rotate:10deg}}@keyframes rfx-sweep{0%{opacity:0;translate:-50% 0}15%{opacity:1}to{opacity:0;translate:var(--to) 0}}@keyframes rfx-bloom{0%{opacity:0}15%{opacity:.8}to{opacity:0}}@keyframes rfx-whiteout{0%{opacity:0}8%{opacity:.7}to{opacity:0}}@keyframes rfx-aurora{0%{opacity:0;scale:.5;rotate:-30deg}30%{opacity:.75}to{opacity:0;scale:1.25;rotate:20deg}}@keyframes rfx-sunrise{0%{opacity:0;scale:.3;rotate:-40deg}18%{opacity:.85}50%{opacity:.45}to{opacity:0;scale:1.1;rotate:15deg}}@keyframes rfx-artisan{0%{opacity:0;scale:1 0}45%{opacity:1;scale:1 1}to{opacity:0;scale:.4 1}}@keyframes rfx-mote{0%{opacity:0}15%{opacity:1}to{opacity:0;translate:calc(-50% + var(--x1)) calc(-50% + var(--y1))}}@keyframes rfx-star{0%{opacity:0;scale:0;rotate:0deg}45%{opacity:1;scale:1}to{opacity:0;scale:.2;rotate:45deg}}@keyframes rfx-smoke{0%{opacity:0;scale:.6}25%{opacity:1}to{opacity:0;scale:1.3;translate:-50% -72%}}@keyframes rfx-fade{0%{opacity:0}15%{opacity:.85}to{opacity:0}}@media(prefers-reduced-motion:reduce){.rfx-amb,.rfx-ember,.refine-runes,.refine-crown-halo{animation:none}.refine-motes{display:none}.refine-fx>:not(.rfx-core){display:none}.refine-fx>.rfx-core{animation:rfx-fade .7s ease-out both}.refine-forge.is-success,.refine-forge.is-success .refine-plate.is-from .refine-plate-value{animation:none}}}@layer features{.transcend-overlay{--tr-void: #08070d;--tr-line: rgba(190, 170, 255, .2);--tr-line-strong: rgba(206, 190, 255, .45);--tr-glow: #c9b8ff;--tr-gold: var(--ark-metal-1);--tr-gold-2: var(--ark-metal-2);--tr-gold-3: var(--ark-metal-3);position:fixed;inset:0;z-index:9204;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:#030206b8;backdrop-filter:blur(3px)}.transcend-overlay.open{display:flex}.transcend-overlay [data-grade="0"]{--tr-grade: var(--grade-common)}.transcend-overlay [data-grade="1"]{--tr-grade: var(--grade-uncommon)}.transcend-overlay [data-grade="2"]{--tr-grade: var(--grade-rare)}.transcend-overlay [data-grade="3"]{--tr-grade: var(--grade-epic)}.transcend-overlay [data-grade="4"]{--tr-grade: var(--grade-legendary)}.transcend-overlay [data-grade="5"]{--tr-grade: var(--grade-relic)}.transcend-overlay [data-grade="6"]{--tr-grade: var(--grade-ancient)}.transcend-modal{position:relative;display:flex;flex-direction:column;width:min(1780px,calc(100vw - 32px));height:min(1020px,calc(100dvh - 32px));overflow:hidden;border:1px solid rgba(168,132,67,.6);border-radius:10px;background:var(--tr-void);box-shadow:0 0 0 1px #000c,0 24px 60px #000000b3,inset 0 0 0 1px #c9b8ff0f;color:var(--color-text-1);animation:dialog-in var(--duration-base) var(--ease-out)}.transcend-header{position:relative;display:flex;flex:0 0 52px;align-items:center;gap:var(--space-3);padding:0 var(--space-3) 0 var(--space-4);border-bottom:1px solid rgba(168,132,67,.5);background:linear-gradient(90deg,rgba(201,184,255,.08),transparent 40%,transparent 60%,rgba(201,184,255,.05)),linear-gradient(180deg,#201c2ef7,#0b0a12f7)}.transcend-heading{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-2-5);min-width:0}.transcend-emblem{flex:none;width:30px;height:30px;background:url(/assets/ui/transcend/transcend-crystal.webp) center / contain no-repeat;filter:drop-shadow(0 0 6px rgba(140,180,255,.6))}.transcend-title{margin:0;color:var(--tr-gold);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:.32em;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 14px rgba(245,228,180,.25)}.transcend-header-tools{display:flex;flex:none;align-items:center;gap:var(--space-2)}.transcend-wallet{display:flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3) 0 var(--space-1-5);border:1px solid rgba(168,132,67,.45);border-radius:999px;background:linear-gradient(180deg,#141626f2,#08080ef2)}.transcend-crystal-icon{display:inline-block;flex:none;width:1.4em;height:1.4em;vertical-align:-.3em;background:url(/assets/ui/transcend/transcend-crystal.webp) center / contain no-repeat}.transcend-wallet .transcend-crystal-icon{width:28px;height:28px}.transcend-wallet-name{color:var(--color-text-3);font-size:var(--text-xs);white-space:nowrap}.transcend-wallet strong{color:#f4ecd6;font-size:var(--text-md);font-variant-numeric:tabular-nums;white-space:nowrap}.transcend-mobile-tabs{display:none}.transcend-body{display:grid;flex:1 1 0;grid-template-columns:340px minmax(0,1fr) 320px;grid-template-rows:minmax(0,1fr);min-height:0}.transcend-section-title{margin:0;color:var(--tr-gold);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:.14em}.transcend-codex{display:flex;flex-direction:column;gap:12px;min-height:0;padding:var(--space-3);overflow-y:auto;border-right:1px solid rgba(168,132,67,.32);background:linear-gradient(180deg,#141220f7,#07060cfa);scrollbar-gutter:stable}.transcend-group{display:flex;flex-direction:column;gap:6px}.transcend-cards{display:flex;flex-direction:column;gap:5px}.transcend-effect-card{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:4px 10px 4px 4px;border:1px solid rgba(190,170,255,.14);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--tr-grade) 12%,transparent),transparent 60%),#12101ce0;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,transform .14s ease}.transcend-effect-card:hover{border-color:var(--tr-line-strong);transform:translate(2px)}.transcend-effect-card.active{border-color:#f5e4b4d9;background:linear-gradient(90deg,#4638188c,#141016e6);box-shadow:0 0 14px #f5e4b42e}.transcend-card-art{position:relative;width:50px;height:50px}.transcend-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.transcend-card-name{color:#ece6f8;font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1.25;word-break:keep-all}.transcend-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.transcend-card-grade{color:var(--tr-grade);font-size:12px;font-weight:var(--weight-bold);white-space:nowrap}.transcend-card-value{color:#fff;font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-shadow:0 0 8px color-mix(in srgb,var(--tr-grade) 60%,transparent)}.transcend-effect-card.is-maxed .transcend-card-grade:after{margin-left:4px;color:var(--tr-gold);content:"MAX"}.transcend-card-rec{position:absolute;right:8px;top:4px;padding:0 7px 1px;border:1px solid rgba(245,228,180,.6);border-radius:999px;background:#30240ceb;color:var(--tr-gold);font-size:12px;font-weight:var(--weight-bold)}.transcend-card-rec[data-kind=defense]{border-color:#78c8ff99;background:#081e32eb;color:#bfe6ff}.transcend-effect-card:has(.transcend-card-rec) .transcend-card-name{padding-right:48px}.transcend-crystal-art{position:absolute;inset:0;background:url(/assets/ui/transcend/transcend-unknown.webp) center / contain no-repeat}.transcend-crystal-art[data-effect=hpPercent]{background-image:url(/assets/ui/transcend/transcend-hpPercent.webp)}.transcend-crystal-art[data-effect=hpRegenPercent]{background-image:url(/assets/ui/transcend/transcend-hpRegenPercent.webp)}.transcend-crystal-art[data-effect=shieldPercent]{background-image:url(/assets/ui/transcend/transcend-shieldPercent.webp)}.transcend-crystal-art[data-effect=healPercent]{background-image:url(/assets/ui/transcend/transcend-healPercent.webp)}.transcend-crystal-art[data-effect=moveSpeedPercent]{background-image:url(/assets/ui/transcend/transcend-moveSpeedPercent.webp)}.transcend-crystal-art[data-effect=critChancePercent]{background-image:url(/assets/ui/transcend/transcend-critChancePercent.webp)}.transcend-crystal-art[data-effect=critDamageBonusPercent]{background-image:url(/assets/ui/transcend/transcend-critDamageBonusPercent.webp)}.transcend-crystal-art[data-effect=qwerDamagePercent]{background-image:url(/assets/ui/transcend/transcend-qwerDamagePercent.webp)}.transcend-crystal-art[data-effect=asdfDamagePercent]{background-image:url(/assets/ui/transcend/transcend-asdfDamagePercent.webp)}.transcend-crystal-art[data-effect=zxDamagePercent]{background-image:url(/assets/ui/transcend/transcend-zxDamagePercent.webp)}.transcend-crystal-art[data-effect=qwerCooldownPercent]{background-image:url(/assets/ui/transcend/transcend-qwerCooldownPercent.webp)}.transcend-crystal-art[data-effect=asdfCooldownPercent]{background-image:url(/assets/ui/transcend/transcend-asdfCooldownPercent.webp)}.transcend-crystal-art[data-effect=zxCooldownPercent]{background-image:url(/assets/ui/transcend/transcend-zxCooldownPercent.webp)}.transcend-crystal-art[data-effect=spaceCooldownPercent]{background-image:url(/assets/ui/transcend/transcend-spaceCooldownPercent.webp)}.transcend-crystal-art[data-effect=battleItemDamagePercent]{background-image:url(/assets/ui/transcend/transcend-battleItemDamagePercent.webp)}.transcend-gem{position:absolute;inset:0;background:center / contain no-repeat}.transcend-gem[data-grade="0"]{background-image:url(/assets/ui/transcend/transcend-grade-0.webp)}.transcend-gem[data-grade="1"]{background-image:url(/assets/ui/transcend/transcend-grade-1.webp)}.transcend-gem[data-grade="2"]{background-image:url(/assets/ui/transcend/transcend-grade-2.webp)}.transcend-gem[data-grade="3"]{background-image:url(/assets/ui/transcend/transcend-grade-3.webp)}.transcend-gem[data-grade="4"]{background-image:url(/assets/ui/transcend/transcend-grade-4.webp)}.transcend-gem[data-grade="5"]{background-image:url(/assets/ui/transcend/transcend-grade-5.webp)}.transcend-gem[data-grade="6"]{background-image:url(/assets/ui/transcend/transcend-grade-6.webp)}.transcend-keycap{position:absolute;left:50%;bottom:-4%;padding:0 .45em;border:1px solid rgba(255,255,255,.55);border-radius:4px;background:#0a0a12eb;color:#f2eefc;font-size:clamp(12px,2.6cqmin,14px);font-weight:var(--weight-bold);letter-spacing:.06em;white-space:nowrap;transform:translate(-50%)}.transcend-keycap.is-small{bottom:-2px;font-size:12px;letter-spacing:.02em;padding:0 3px}.transcend-center{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 118px 92px;min-width:0;min-height:0;background:#08070d url(/assets/ui/transcend/transcend-backdrop.webp) center 40% / cover no-repeat}.transcend-stage-wrap{position:relative;display:grid;min-height:0}.transcend-stage{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:0;padding:10px 12px;overflow:hidden;container-type:size}.transcend-sanctum{position:relative;width:min(100%,calc((100cqh - 4px)*1.75),1180px);aspect-ratio:1.75;container-type:size}.transcend-dais{position:absolute;left:50%;top:0;height:100%;aspect-ratio:1;transform:translate(-50%)}.transcend-dais-floor,.transcend-dais-glow{position:absolute;inset:0;background:center / contain no-repeat;pointer-events:none}.transcend-dais-floor{background-image:url(/assets/ui/transcend/transcend-dais.webp)}.transcend-dais-glow{background-image:url(/assets/ui/transcend/transcend-dais-glow.webp);opacity:.9}.transcend-socket{position:absolute;width:9.2%;aspect-ratio:1;transform:translate(-50%,-50%)}.transcend-socket[data-slot="0"]{left:50%;top:9.5%}.transcend-socket[data-slot="1"]{left:81.66%;top:24.75%}.transcend-socket[data-slot="2"]{left:89.48%;top:59.01%}.transcend-socket[data-slot="3"]{left:67.57%;top:86.49%}.transcend-socket[data-slot="4"]{left:32.43%;top:86.49%}.transcend-socket[data-slot="5"]{left:10.52%;top:59.01%}.transcend-socket[data-slot="6"]{left:18.34%;top:24.75%}.transcend-socket .transcend-gem{filter:grayscale(.9) brightness(.35)}.transcend-socket[data-reached] .transcend-gem{filter:none}.transcend-socket[data-current] .transcend-gem{filter:drop-shadow(0 0 10px var(--tr-glow)) brightness(1.15);transform:scale(1.18)}.transcend-gauge{position:absolute;left:50%;top:50%;width:52%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.transcend-gauge>span{position:absolute;inset:0;background:url(/assets/ui/transcend/transcend-gauge.webp) center / contain no-repeat;--segment: calc(360deg / var(--stages));-webkit-mask:repeating-conic-gradient(from 0deg,#000 0 calc(var(--segment) - 2.2deg),transparent 0 var(--segment));mask:repeating-conic-gradient(from 0deg,#000 0 calc(var(--segment) - 2.2deg),transparent 0 var(--segment))}.transcend-gauge-track{opacity:.25;filter:grayscale(1)}.transcend-gauge-fill{-webkit-mask:conic-gradient(#000 calc(var(--filled) * var(--segment)),transparent 0),repeating-conic-gradient(from 0deg,#000 0 calc(var(--segment) - 2.2deg),transparent 0 var(--segment));-webkit-mask-composite:source-in;mask:conic-gradient(#000 calc(var(--filled) * var(--segment)),transparent 0),repeating-conic-gradient(from 0deg,#000 0 calc(var(--segment) - 2.2deg),transparent 0 var(--segment));mask-composite:intersect}.transcend-hero{position:absolute;left:50%;top:50%;width:36%;aspect-ratio:1;transform:translate(-50%,-50%);container-type:size;animation:transcend-hero-in .26s var(--ease-out) both}.transcend-hero .transcend-crystal-art{filter:drop-shadow(0 14px 22px rgba(0,0,0,.7))}.transcend-hero .transcend-keycap{bottom:2%;font-size:clamp(12px,9cqmin,18px)}@keyframes transcend-hero-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.transcend-burst{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.transcend-dais.is-burst .transcend-burst{animation:transcend-burst 1s var(--ease-out) both}.transcend-dais.is-burst .transcend-hero .transcend-crystal-art{animation:transcend-pop .7s var(--ease-out) both}@keyframes transcend-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.6);box-shadow:0 0 0 4px #faf6fff2,0 0 70px 24px #c9b8ffd9}to{opacity:0;transform:translate(-50%,-50%) scale(1.6);box-shadow:0 0 0 1px #faf6ff00,0 0 90px 30px #c9b8ff00}}@keyframes transcend-pop{30%{transform:scale(1.08);filter:brightness(1.6) drop-shadow(0 14px 22px rgba(0,0,0,.7))}}.transcend-plate{position:absolute;top:50%;display:flex;flex-direction:column;align-items:center;gap:3px;width:19%;transform:translate(-50%,-50%);text-align:center}.transcend-plate.is-now{left:11%}.transcend-plate.is-next{left:89%}.transcend-ribbon{position:relative;display:flex;justify-content:center;min-width:76%;padding:.2em 1.2em .24em;background:linear-gradient(90deg,transparent 0%,rgba(36,26,64,.94) 20%,rgba(36,26,64,.94) 80%,transparent 100%);color:#f6f0ff;font-size:clamp(12px,3cqh,15px);font-weight:var(--weight-bold);white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.9)}.transcend-ribbon:before,.transcend-ribbon:after{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 4%,rgba(245,228,180,.8) 24%,rgba(245,228,180,.8) 76%,transparent 96%);content:""}.transcend-ribbon:before{top:0}.transcend-ribbon:after{bottom:0}.transcend-plate-value{color:#fff;font-size:clamp(18px,8cqh,50px);font-weight:var(--weight-bold);line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 0 1px #000,0 2px 8px rgba(0,0,0,.9),0 0 18px color-mix(in srgb,var(--tr-grade) 70%,transparent)}.transcend-plate.is-now .transcend-plate-value{color:#e8e2f2;font-size:clamp(16px,6.6cqh,40px)}.transcend-plate-sub{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.transcend-plate-grade{padding:0 .7em;border-radius:999px;background:#06040cbf;color:var(--tr-grade);font-size:clamp(12px,2.8cqh,14px);font-weight:var(--weight-bold);line-height:1.5}.transcend-hero-caption{position:absolute;left:50%;bottom:1%;display:flex;flex-direction:column;align-items:center;gap:2px;transform:translate(-50%)}.transcend-ribbon.is-name{min-width:0;padding-inline:2.4em;font-size:clamp(12px,3.6cqh,19px)}.transcend-ribbon.is-name[data-long]{font-size:clamp(12px,3.1cqh,16px);letter-spacing:-.02em}.transcend-hero-stage{padding:0 .7em;border-radius:999px;background:#06040cb8;color:var(--tr-grade);font-size:clamp(12px,2.6cqh,13px);white-space:nowrap}.transcend-hero-stage span{color:#c9c2d8}@container (max-height: 340px){.transcend-hero-stage span,.transcend-plate-grade{display:none}}}@layer features{.transcend-track-host{display:flex;align-items:center;min-height:0;padding:6px 24px;border-top:1px solid rgba(168,132,67,.4);background:linear-gradient(180deg,#0e0c16f2,#08070cf7)}.transcend-track{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%}.transcend-track:before,.transcend-track:after{position:absolute;left:calc(100% / 14);top:21px;height:3px;border-radius:2px;content:""}.transcend-track:before{right:calc(100% / 14);background:#ffffff14}.transcend-track:after{width:calc((100% - 100% / 7) * var(--progress));background:linear-gradient(90deg,#8f7cd8,#f0e2ff);box-shadow:0 0 8px #c9b8ffb3}.transcend-track-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.transcend-track-node .transcend-gem{position:relative;display:block;width:44px;height:44px;filter:grayscale(.9) brightness(.35)}.transcend-track-node[data-reached] .transcend-gem{filter:none}.transcend-track-node[data-current] .transcend-gem{filter:drop-shadow(0 0 8px var(--tr-glow));transform:scale(1.12)}.transcend-track-name{color:var(--tr-grade);font-size:var(--text-xs);font-weight:var(--weight-bold)}.transcend-track-node:not([data-reached]) .transcend-track-name{color:#7d7890}.transcend-track-value{color:#c9c2d8;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.transcend-track-node[data-current] .transcend-track-value{color:#fff}.transcend-actionbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:0;padding:0 18px;border-top:1px solid rgba(168,132,67,.45);background:linear-gradient(180deg,#16141ef7,#08070cfa)}.transcend-bill{display:flex;align-items:center;gap:var(--space-5);min-width:0}.transcend-bill-cost{display:flex;flex-direction:column;gap:1px}.transcend-bill-label{color:var(--color-text-3);font-size:var(--text-xs);white-space:nowrap}.transcend-bill-cost strong{display:flex;align-items:center;gap:6px;color:#f4f0ff;font-size:24px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(140,180,255,.35)}.transcend-bill-cost strong .transcend-crystal-icon{width:30px;height:30px}.transcend-bill-cost[data-short] .is-cost{color:#ff8f86}.transcend-bill-wallet{display:flex;gap:var(--space-4);margin:0}.transcend-bill-wallet>div{display:flex;flex-direction:column;gap:1px}.transcend-bill-wallet dt{color:var(--color-text-3);font-size:var(--text-xs)}.transcend-bill-wallet dd{margin:0;color:#e9e6f4;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.transcend-bill-wallet [data-short] dd{color:#ff8f86}.transcend-go{display:flex;align-items:center;gap:var(--space-3)}.transcend-note{max-width:240px;margin:0;color:#ffcf8a;font-size:var(--text-xs);text-align:right}.transcend-note:empty{display:none}.transcend-go-button{flex:none;min-width:220px;height:56px;padding:0 var(--space-5);border:1px solid #e6dcff;border-radius:6px;background:linear-gradient(180deg,#b9a4ff,#6f55d8 48%,#2e1d78);box-shadow:inset 0 1px #f0e8ffb3,inset 0 -2px #140a3ccc,0 0 22px #c9b8ff52;color:#fff;font:inherit;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.24em;text-shadow:0 1px 2px rgba(0,0,0,.6);cursor:pointer}.transcend-go-button:hover:not(:disabled){filter:brightness(1.1)}.transcend-go-button:active:not(:disabled){transform:translateY(1px)}.transcend-go-button:disabled{border-color:#beaaff33;background:#1a1826d9;box-shadow:none;color:var(--color-text-disabled);text-shadow:none;cursor:default}.transcend-result{position:absolute;left:50%;top:63%;z-index:3;display:flex;flex-direction:column;align-items:center;min-width:360px;padding:9px 56px 11px;background:linear-gradient(90deg,transparent 0%,rgba(40,28,74,.95) 18%,rgba(40,28,74,.95) 82%,transparent 100%);color:#f6f0ff;text-align:center;white-space:nowrap;opacity:0;transform:translate(-50%,8px);pointer-events:none}.transcend-result:before,.transcend-result:after{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 6%,rgba(245,228,180,.9) 26%,rgba(245,228,180,.9) 74%,transparent 94%);content:""}.transcend-result:before{top:0}.transcend-result:after{bottom:0}.transcend-result strong{font-size:22px;letter-spacing:.04em;text-shadow:0 0 1px #000,0 2px 4px rgba(0,0,0,.9),0 0 16px rgba(201,184,255,.85)}.transcend-result span{color:#d9d0f2;font-size:var(--text-xs)}.transcend-result[data-tone=fail]{background:linear-gradient(90deg,transparent 0%,rgba(30,26,30,.95) 18%,rgba(30,26,30,.95) 82%,transparent 100%)}.transcend-result.is-on{animation:transcend-ribbon 1.9s var(--ease-out) both}@keyframes transcend-ribbon{0%{opacity:0;transform:translate(-50%,10px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.transcend-panel{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:var(--space-3);border-left:1px solid rgba(168,132,67,.32);background:linear-gradient(180deg,#141220f7,#07060cfa)}.transcend-recommend{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid rgba(168,132,67,.35);border-radius:8px;background:linear-gradient(180deg,#2a22124d,#0c0c1299)}.transcend-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px}.transcend-panel-head .transcend-section-title{white-space:nowrap}.transcend-classes{display:flex;gap:4px}.transcend-chip{height:34px;padding:0 12px;border:1px solid var(--tr-line);border-radius:999px;background:#08080ecc;color:var(--color-text-2);font:inherit;font-size:var(--text-control-sm);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer}.transcend-chip.is-on{border-color:#f5e4b4b3;background:linear-gradient(180deg,var(--tr-gold-2),var(--tr-gold-3));color:#fff4d6}.transcend-chip:disabled{opacity:.5;cursor:default}.transcend-rec-target{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 8px;margin:0;color:var(--color-text-3);font-size:var(--text-xs)}.transcend-rec-target strong{color:#f6f0ff;font-size:var(--text-sm);text-align:right}.transcend-follow{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer}.transcend-follow input{position:absolute;opacity:0;pointer-events:none}.transcend-switch{position:relative;flex:none;width:38px;height:20px;border:1px solid var(--tr-line-strong);border-radius:999px;background:#08080ee6}.transcend-switch:after{position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#8d86a3;content:"";transition:transform .16s ease,background .16s ease}.transcend-follow input:checked+.transcend-switch{border-color:#f5e4b4b3;background:#403216cc}.transcend-follow input:checked+.transcend-switch:after{background:var(--tr-gold);transform:translate(18px)}.transcend-follow input:focus-visible+.transcend-switch{outline:2px solid var(--tr-glow);outline-offset:2px}.transcend-follow-text{display:flex;flex-direction:column}.transcend-follow-text strong{color:#ece6f8;font-size:var(--text-sm)}.transcend-follow-text small{color:var(--color-text-3);font-size:12px}.transcend-tool{height:42px;padding:0 8px;border:1px solid var(--tr-line-strong);border-radius:6px;background:linear-gradient(180deg,#221e36f2,#0e0c18f2);color:#e6e0f6;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer}.transcend-tool.is-recommend{border-color:#f5e4b499;color:var(--tr-gold);font-size:var(--text-sm)}.transcend-tool.is-danger{border-color:#ff786e73;color:#ffb2aa}.transcend-tool:hover:not(:disabled){filter:brightness(1.15)}.transcend-tool:disabled{opacity:.45;cursor:default}.transcend-summary-host{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-height:0}.transcend-count{color:var(--color-text-3);font-size:var(--text-xs)}.transcend-summary{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-height:0;margin:0;padding:0 2px 0 0;overflow-y:auto;list-style:none}.transcend-summary-pick{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:3px 8px 3px 3px;border:1px solid rgba(190,170,255,.1);border-radius:6px;background:#12101ccc;color:inherit;font:inherit;text-align:left;cursor:pointer}.transcend-summary-pick .transcend-crystal-art{position:relative;display:block;width:30px;height:30px}.transcend-summary-name{color:#d9d3e8;font-size:var(--text-xs);line-height:1.25;word-break:keep-all}.transcend-summary-pick .growth-num{--growth-glow: color-mix(in srgb, var(--tr-grade) 55%, transparent);font-size:var(--text-sm)}.transcend-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.transcend-empty{margin:0;color:var(--color-text-3);font-size:var(--text-xs)}@media(max-width:1500px){.transcend-body{grid-template-columns:300px minmax(0,1fr) 290px}}@media(max-width:1360px){.transcend-body{grid-template-columns:270px minmax(0,1fr) 260px}.transcend-center{grid-template-rows:minmax(0,1fr) 104px 80px}.transcend-track-node .transcend-gem{width:36px;height:36px}.transcend-track:before,.transcend-track:after{top:17px}.transcend-go-button{min-width:160px;height:50px;font-size:18px}.transcend-bill{gap:var(--space-3)}.transcend-bill-cost strong{font-size:20px}.transcend-wallet-name{display:none}.transcend-effect-card{min-height:50px;grid-template-columns:42px minmax(0,1fr);gap:8px}.transcend-card-art{width:42px;height:42px}}@media(max-width:1100px){.transcend-overlay{padding:8px}.transcend-modal{width:100%;height:100%}.transcend-header{flex-wrap:wrap;flex-basis:auto;row-gap:6px;padding:8px 10px}.transcend-mobile-tabs{order:3;display:grid;flex:1 1 100%;grid-template-columns:repeat(3,1fr);gap:4px}.transcend-mobile-tabs button{height:30px;border:1px solid var(--tr-line);border-radius:6px;background:#08080ecc;color:var(--color-text-2);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.transcend-overlay:not([data-panel]) .transcend-mobile-tabs [data-value=sanctum],.transcend-overlay[data-panel=sanctum] .transcend-mobile-tabs [data-value=sanctum],.transcend-overlay[data-panel=codex] .transcend-mobile-tabs [data-value=codex],.transcend-overlay[data-panel=panel] .transcend-mobile-tabs [data-value=panel]{border-color:#f5e4b4b3;background:linear-gradient(180deg,var(--tr-gold-2),var(--tr-gold-3));color:#fff4d6}.transcend-body{grid-template-columns:minmax(0,1fr)}.transcend-body>*{grid-area:1 / 1}.transcend-codex,.transcend-panel{border:0}.transcend-overlay:not([data-panel]) :is(.transcend-codex,.transcend-panel),.transcend-overlay[data-panel=sanctum] :is(.transcend-codex,.transcend-panel),.transcend-overlay[data-panel=codex] :is(.transcend-center,.transcend-panel),.transcend-overlay[data-panel=panel] :is(.transcend-codex,.transcend-center){display:none}.transcend-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:640px){.transcend-title{font-size:var(--text-lg);letter-spacing:.2em}.transcend-center{grid-template-rows:minmax(300px,1fr) auto auto;overflow-y:auto}.transcend-sanctum{aspect-ratio:.86;width:min(100%,calc((100cqh - 4px)*.86))}.transcend-dais{width:88%;height:auto;top:21%;left:50%}.transcend-plate{top:4%;width:46%;transform:translate(-50%)}.transcend-plate.is-now{left:24%}.transcend-plate.is-next{left:76%}.transcend-plate-value{font-size:18px}.transcend-plate.is-now .transcend-plate-value{font-size:16px}.transcend-track-host{padding:8px 6px}.transcend-track-node .transcend-gem{width:30px;height:30px}.transcend-track:before,.transcend-track:after{top:14px}.transcend-track-value{display:none}.transcend-actionbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.transcend-bill{justify-content:space-between;width:100%}.transcend-go{width:100%;justify-content:flex-end}.transcend-go-button{flex:1 1 auto;min-width:0;height:50px}.transcend-note{flex:1 1 40%;max-width:none;text-align:left}.transcend-result{min-width:0;padding:8px 32px 10px}.transcend-result strong{font-size:17px}}@media(prefers-reduced-motion:reduce){.transcend-modal,.transcend-hero,.transcend-dais.is-burst .transcend-burst,.transcend-dais.is-burst .transcend-hero .transcend-crystal-art{animation:none}.transcend-result.is-on{animation:none;opacity:1;transform:translate(-50%)}.transcend-effect-card,.transcend-switch:after{transition:none}}}@layer features{.ark-grid-overlay,.gem-memorial-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(4px);color:var(--color-text-1)}.ark-grid-overlay{z-index:9210}:is(.ark-grid-overlay,.gem-memorial-overlay).open{display:flex}:is(.ark-grid-overlay,.gem-memorial-overlay,.build-preset-overlay) [data-grade="0"]{--ark-grade: var(--grade-common)}:is(.ark-grid-overlay,.gem-memorial-overlay,.build-preset-overlay) [data-grade="1"]{--ark-grade: var(--grade-uncommon)}:is(.ark-grid-overlay,.gem-memorial-overlay,.build-preset-overlay) [data-grade="2"]{--ark-grade: var(--grade-rare)}:is(.ark-grid-overlay,.gem-memorial-overlay,.build-preset-overlay) [data-grade="3"]{--ark-grade: var(--grade-epic)}:is(.ark-grid-overlay,.gem-memorial-overlay,.build-preset-overlay) [data-grade="4"]{--ark-grade: var(--grade-legendary)}:is(.ark-grid-overlay,.gem-memorial-overlay,.build-preset-overlay) [data-grade="5"]{--ark-grade: var(--grade-relic)}:is(.ark-grid-overlay,.gem-memorial-overlay,.build-preset-overlay) [data-grade="6"]{--ark-grade: var(--grade-ancient)}:is(.ark-grid-overlay,.gem-memorial-overlay,.build-preset-overlay) [data-grade="7"]{--ark-grade: var(--grade-esther)}.ark-grid-modal,.gem-memorial-modal{position:relative;display:flex;flex-direction:column;max-width:100%;max-height:100%;overflow:hidden;border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:var(--ark-void);box-shadow:0 0 0 1px var(--ark-void),0 0 0 2px var(--ark-metal-3),var(--shadow-3)}.ark-grid-modal{width:min(1480px,100%);height:min(880px,100%)}.ark-grid-header,.gem-memorial-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--ark-panel-line);background:linear-gradient(180deg,var(--ark-panel-raised),var(--ark-panel))}.ark-grid-header:after,.gem-memorial-header:after{position:absolute;left:50%;bottom:-1px;width:min(420px,60%);height:1px;background:linear-gradient(90deg,transparent,var(--ark-metal-1),transparent);content:"";transform:translate(-50%)}.ark-grid-title,.gem-memorial-title{margin:0;color:var(--ark-metal-1);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:.32em;text-indent:.32em}.ark-grid-title{margin:0 auto;padding-left:34px}.ark-grid-title:before,.ark-grid-title:after{display:inline-block;width:7px;height:7px;margin:0 var(--space-4) 2px;background:var(--ark-metal-1);box-shadow:0 0 8px var(--ark-metal-1);content:"";transform:rotate(45deg)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-grid-close{display:grid;place-items:center;width:34px;min-width:34px;height:34px;min-height:0;padding:0;border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:var(--ark-panel);box-shadow:none;color:var(--color-text-2);font-size:20px;line-height:1}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-grid-close:hover{border-color:var(--ark-metal-2);color:var(--ark-metal-1)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-btn{height:auto;min-height:34px;padding:var(--space-1) var(--space-3);border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--ark-panel-raised),var(--ark-panel));box-shadow:none;color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);word-break:keep-all}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-btn:hover:not(:disabled){border-color:var(--ark-glow)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-btn--gold{border-color:var(--ark-metal-2);background:linear-gradient(180deg,var(--ark-metal-2),var(--ark-metal-3));color:var(--ark-metal-1)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-btn--gold:hover:not(:disabled){border-color:var(--ark-metal-1)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-btn:disabled{border-color:var(--ark-line-faint);background:transparent;color:var(--color-text-disabled)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-btn.is-armed{outline:2px solid var(--ark-metal-1);outline-offset:2px}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-tag{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-2);border:1px solid var(--ark-panel-line);border-radius:var(--radius-xs);background:var(--ark-panel);color:var(--color-text-2);font-size:var(--text-xs);white-space:nowrap}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-tag--gold{border-color:var(--ark-metal-2);color:var(--ark-metal-1)}.ark-grid-layout{display:grid;flex:1;grid-template-columns:minmax(0,1fr) 420px;min-height:0}.ark-grid-overlay:is([data-state=loading],[data-state=error]) :is(.ark-stage-chart,.ark-panel){visibility:hidden}.ark-stage{position:relative;min-height:0;overflow:hidden;background:var(--ark-void);container-type:size}.ark-stage-sky,.ark-stage-chart{position:absolute;inset:0}.ark-stage-sky{background:radial-gradient(ellipse 120% 100% at 50% 50%,transparent 55%,var(--ark-void) 100%),url(/assets/ui/ark-grid/nebula.webp) center / cover no-repeat;pointer-events:none}.ark-grid-overlay[data-mode=detail] .ark-stage-sky{background:radial-gradient(ellipse 60% 26% at 50% 96%,color-mix(in srgb,var(--ark-glow) 30%,transparent),transparent 70%),radial-gradient(ellipse 120% 100% at 50% 50%,color-mix(in srgb,var(--ark-void) 34%,transparent) 30%,var(--ark-void) 100%),url(/assets/ui/ark-grid/nebula.webp) center / 135% no-repeat}.ark-chart{position:absolute;left:50%;top:50%;width:min(100cqw,100cqh);aspect-ratio:1;transform:translate(-50%,-50%)}.ark-stage-bar{position:absolute;top:var(--space-3);left:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.ark-grid-overlay .ark-stage-back{height:34px;min-height:0;padding:0 var(--space-3);border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:var(--ark-panel);box-shadow:none;color:var(--color-text-1);font-size:var(--text-sm)}.ark-grid-overlay .ark-stage-back:before{margin-right:var(--space-2);content:"\2039"}.ark-stage-title{color:var(--ark-metal-1);font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:.12em;text-shadow:0 1px 4px var(--ark-void)}.ark-stage-readout{position:absolute;top:var(--space-3);right:var(--space-4);display:flex;gap:var(--space-2)}.ark-readout{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--ark-metal-2);border-radius:var(--radius-sm);background:var(--ark-panel);color:var(--color-text-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.ark-readout>strong{color:var(--ark-metal-1);font-size:var(--text-md)}.ark-grid-status:empty,.gem-memorial-status:empty{display:none}.ark-grid-status{position:absolute;left:var(--space-4);bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);max-width:min(360px,calc(100% - var(--space-8)));padding:var(--space-2) var(--space-4);border:1px solid var(--ark-metal-2);border-radius:var(--radius-sm);background:var(--ark-panel);box-shadow:0 6px 18px var(--ark-void)}.gem-memorial-status{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--ark-panel-line);background:var(--ark-panel)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-status-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0;color:var(--color-text-1);font-size:var(--text-sm);word-break:keep-all}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-status-lock{color:var(--color-warning)}.ark-panel{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--ark-metal-3);background:linear-gradient(180deg,color-mix(in srgb,var(--ark-nebula-1) 26%,transparent),transparent 34%),linear-gradient(180deg,var(--ark-deep),var(--ark-void));box-shadow:inset 1px 0 0 var(--ark-panel-line),inset 12px 0 24px -12px var(--ark-void)}.ark-panel-scroll{display:flex;flex:1;flex-direction:column;gap:var(--space-3);min-height:0;padding:var(--space-4);overflow-y:auto}.ark-panel-scroll>*{flex-shrink:0}.ark-panel-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--ark-panel-line);background:var(--ark-panel)}.ark-panel-foot:empty{display:none}.ark-foot-lock{width:100%;margin:0;color:var(--color-warning);font-size:var(--text-xs);word-break:keep-all}.ark-class-switch{display:flex;border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);overflow:hidden}.ark-grid-overlay .ark-class-option{height:32px;min-height:0;padding:0 var(--space-3);border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--color-text-3);font-size:var(--text-sm)}.ark-grid-overlay .ark-class-option.is-active{background:linear-gradient(180deg,var(--ark-metal-2),var(--ark-metal-3));color:var(--ark-metal-1)}.ark-wallet{display:flex;gap:var(--space-3);margin-left:auto}.ark-wallet-item{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.ark-wallet-item .resource-icon{--resource-icon-size: 20px}.ark-wallet-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1100px){.ark-grid-layout{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:900px){.ark-grid-overlay{padding:0}.ark-grid-modal{width:100%;height:100%;border-radius:0}.ark-grid-layout{display:flex;flex-direction:column;overflow-y:auto}.ark-stage{flex:none;height:min(100vw,560px)}.ark-panel{flex:none;border-top:1px solid var(--ark-panel-line);border-left:0}.ark-panel-scroll{overflow-y:visible}.ark-grid-title{letter-spacing:.16em;text-indent:.16em}}@media(max-width:520px){.ark-panel-scroll,.ark-panel-foot{padding-left:var(--space-3);padding-right:var(--space-3)}.ark-stage-readout{top:auto;right:var(--space-3);bottom:var(--space-3)}}}@layer features{:is(.ark-grid-overlay,.gem-memorial-overlay,.build-preset-overlay) .ark-art{display:block;width:100%;aspect-ratio:1;background:center / contain no-repeat}.ark-medal[data-art=order-sun]{background-image:url(/assets/ui/ark-grid/medal-order-sun.webp)}.ark-medal[data-art=order-moon]{background-image:url(/assets/ui/ark-grid/medal-order-moon.webp)}.ark-medal[data-art=order-star]{background-image:url(/assets/ui/ark-grid/medal-order-star.webp)}.ark-medal[data-art=chaos-sun]{background-image:url(/assets/ui/ark-grid/medal-chaos-sun.webp)}.ark-medal[data-art=chaos-moon]{background-image:url(/assets/ui/ark-grid/medal-chaos-moon.webp)}.ark-medal[data-art=chaos-star]{background-image:url(/assets/ui/ark-grid/medal-chaos-star.webp)}.ark-medal[data-art=empty-order-sun]{background-image:url(/assets/ui/ark-grid/medal-empty-order-sun.webp)}.ark-medal[data-art=empty-order-moon]{background-image:url(/assets/ui/ark-grid/medal-empty-order-moon.webp)}.ark-medal[data-art=empty-order-star]{background-image:url(/assets/ui/ark-grid/medal-empty-order-star.webp)}.ark-medal[data-art=empty-chaos-sun]{background-image:url(/assets/ui/ark-grid/medal-empty-chaos-sun.webp)}.ark-medal[data-art=empty-chaos-moon]{background-image:url(/assets/ui/ark-grid/medal-empty-chaos-moon.webp)}.ark-medal[data-art=empty-chaos-star]{background-image:url(/assets/ui/ark-grid/medal-empty-chaos-star.webp)}.ark-sigil[data-sigil=yusan-order_sun-1]{background-image:url(/assets/ui/ark-grid/sigil-yusan-order_sun-1.webp)}.ark-sigil[data-sigil=yusan-order_sun-2]{background-image:url(/assets/ui/ark-grid/sigil-yusan-order_sun-2.webp)}.ark-sigil[data-sigil=yusan-order_sun-3]{background-image:url(/assets/ui/ark-grid/sigil-yusan-order_sun-3.webp)}.ark-sigil[data-sigil=yusan-order_moon-1]{background-image:url(/assets/ui/ark-grid/sigil-yusan-order_moon-1.webp)}.ark-sigil[data-sigil=yusan-order_moon-2]{background-image:url(/assets/ui/ark-grid/sigil-yusan-order_moon-2.webp)}.ark-sigil[data-sigil=yusan-order_moon-3]{background-image:url(/assets/ui/ark-grid/sigil-yusan-order_moon-3.webp)}.ark-sigil[data-sigil=yusan-order_star-1]{background-image:url(/assets/ui/ark-grid/sigil-yusan-order_star-1.webp)}.ark-sigil[data-sigil=yusan-order_star-2]{background-image:url(/assets/ui/ark-grid/sigil-yusan-order_star-2.webp)}.ark-sigil[data-sigil=yusan-order_star-3]{background-image:url(/assets/ui/ark-grid/sigil-yusan-order_star-3.webp)}.ark-sigil[data-sigil=chaos-sun-1]{background-image:url(/assets/ui/ark-grid/sigil-chaos-sun-1.webp)}.ark-sigil[data-sigil=chaos-sun-2]{background-image:url(/assets/ui/ark-grid/sigil-chaos-sun-2.webp)}.ark-sigil[data-sigil=chaos-sun-3]{background-image:url(/assets/ui/ark-grid/sigil-chaos-sun-3.webp)}.ark-sigil[data-sigil=chaos-moon-1]{background-image:url(/assets/ui/ark-grid/sigil-chaos-moon-1.webp)}.ark-sigil[data-sigil=chaos-moon-2]{background-image:url(/assets/ui/ark-grid/sigil-chaos-moon-2.webp)}.ark-sigil[data-sigil=chaos-moon-3]{background-image:url(/assets/ui/ark-grid/sigil-chaos-moon-3.webp)}.ark-sigil[data-sigil=chaos-star-1]{background-image:url(/assets/ui/ark-grid/sigil-chaos-star-1.webp)}.ark-sigil[data-sigil=chaos-star-2]{background-image:url(/assets/ui/ark-grid/sigil-chaos-star-2.webp)}.ark-sigil[data-sigil=chaos-star-3]{background-image:url(/assets/ui/ark-grid/sigil-chaos-star-3.webp)}.ark-sigil[data-sigil=sealed]{background-image:url(/assets/ui/ark-grid/sigil-sealed.webp)}.ark-gem[data-stone=order-sun]{background-image:url(/assets/ui/ark-grid/gem-stone-order-sun.webp)}.ark-gem[data-stone=order-moon]{background-image:url(/assets/ui/ark-grid/gem-stone-order-moon.webp)}.ark-gem[data-stone=order-star]{background-image:url(/assets/ui/ark-grid/gem-stone-order-star.webp)}.ark-gem[data-stone=chaos-sun]{background-image:url(/assets/ui/ark-grid/gem-stone-chaos-sun.webp)}.ark-gem[data-stone=chaos-moon]{background-image:url(/assets/ui/ark-grid/gem-stone-chaos-moon.webp)}.ark-gem[data-stone=chaos-star]{background-image:url(/assets/ui/ark-grid/gem-stone-chaos-star.webp)}.ark-gem[data-gem="4"]:after{background-image:url(/assets/ui/ark-grid/gem-setting-4.webp)}.ark-gem[data-gem="5"]:after{background-image:url(/assets/ui/ark-grid/gem-setting-5.webp)}.ark-gem[data-gem="6"]:after{background-image:url(/assets/ui/ark-grid/gem-setting-6.webp)}.ark-plate[data-plate=willpower]{background-image:url(/assets/ui/ark-grid/gem-plate-willpower.webp)}.ark-plate[data-plate=points]{background-image:url(/assets/ui/ark-grid/gem-plate-points.webp)}.ark-plate[data-plate=effect-a]{background-image:url(/assets/ui/ark-grid/gem-plate-effect-a.webp)}.ark-plate[data-plate=effect-b]{background-image:url(/assets/ui/ark-grid/gem-plate-effect-b.webp)}.ark-plate[data-plate=empty]{background-image:url(/assets/ui/ark-grid/gem-plate-empty.webp)}.ark-gem{position:relative}.ark-gem:after{position:absolute;inset:0;background:center / contain no-repeat;content:""}.ark-medal{position:relative}:is(.ark-grid-overlay,.gem-memorial-overlay,.build-preset-overlay) .ark-sigil{position:absolute;inset:0;width:auto}.ark-medal[data-grade]{filter:drop-shadow(0 0 var(--ark-aura, 7px) var(--ark-grade))}.ark-medal.is-locked{filter:grayscale(.92) brightness(.55)}.ark-light{position:absolute;inset:0;background:center / contain no-repeat;pointer-events:none}.ark-light--chart-ring{background-image:url(/assets/ui/ark-grid/chart-ring.webp)}.ark-light--astro-core{background-image:url(/assets/ui/ark-grid/astro-core.webp);animation:ark-breathe 6s ease-in-out infinite}.ark-light--astro-ring-a{background-image:url(/assets/ui/ark-grid/astro-ring-a.webp);animation:ark-turn 180s linear infinite}.ark-light--astro-ring-b{background-image:url(/assets/ui/ark-grid/astro-ring-b.webp);animation:ark-turn 120s linear infinite reverse}.ark-light--seat-ring{background-image:url(/assets/ui/ark-grid/seat-ring.webp);animation:ark-turn 140s linear infinite}.ark-light--orbit-ring{inset:10.5%;background-image:url(/assets/ui/ark-grid/seat-ring.webp);animation:ark-turn 200s linear infinite}.ark-seat:nth-of-type(2n) .ark-light--seat-ring{animation-direction:reverse}@keyframes ark-turn{to{transform:rotate(360deg)}}@keyframes ark-breathe{0%,to{opacity:.82;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}@keyframes ark-flow{to{stroke-dashoffset:-64}}@keyframes ark-beckon{0%,to{filter:drop-shadow(0 0 4px var(--ark-metal-1))}50%{filter:drop-shadow(0 0 12px var(--ark-metal-1))}}.ark-astro{position:absolute;left:50%;top:50%;width:31%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.ark-grid-overlay .ark-seat{position:absolute;width:23%;height:auto;min-height:0;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--color-text-1);transform:translate(-50%,-50%);transition:filter var(--duration-base) var(--ease-out)}.ark-seat:before{position:absolute;inset:6%;border-radius:50%;content:""}.ark-seat--order:before{background:radial-gradient(circle,color-mix(in srgb,var(--ark-order-2) 55%,transparent) 25%,color-mix(in srgb,var(--ark-void) 60%,transparent) 62%,transparent 72%)}.ark-seat--chaos:before{background:radial-gradient(circle,color-mix(in srgb,var(--ark-chaos-2) 55%,transparent) 25%,color-mix(in srgb,var(--ark-void) 60%,transparent) 62%,transparent 72%)}.ark-seat.is-empty:before{opacity:.45}.ark-seat:is(:hover,:focus-visible){filter:brightness(1.22)}.ark-seat-core{position:absolute;inset:16%;--ark-aura: 9px}.ark-seat:is(:hover,:focus-visible){z-index:3}.ark-core-points{position:absolute;left:50%;bottom:19%;z-index:1;padding:1px var(--space-2);border:1px solid var(--ark-metal-2);border-radius:var(--radius-pill);background:var(--ark-void);color:var(--ark-metal-1);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.3;transform:translate(-50%);white-space:nowrap}.ark-core-tip{position:absolute;left:50%;top:100%;z-index:4;display:flex;flex-direction:column;gap:var(--space-2);width:min(360px,80vw);padding:var(--space-3);border:1px solid var(--ark-metal-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ark-void) 94%,transparent);box-shadow:0 8px 24px #0000008c;color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:1.45;text-align:left;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity var(--duration-fast) var(--ease-out);word-break:keep-all}.ark-seat[data-slot^=chaos] .ark-core-tip{top:auto;bottom:100%}.ark-seat:is(:hover,:focus-visible) .ark-core-tip,.ark-orbit-core:is(:hover,:focus-visible)~.ark-core-tip{opacity:1}.ark-core-tip-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--ark-panel-line)}.ark-core-tip-name{color:var(--ark-metal-1);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ark-core-tip-points{color:var(--ark-metal-1);font-size:var(--text-md);font-variant-numeric:tabular-nums}.ark-core-tip-list{display:flex;flex-direction:column;gap:var(--space-1)}.ark-core-tip-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-2);color:var(--color-text-3);opacity:.5}.ark-core-tip-text{white-space:pre-line}.ark-core-tip-row.is-active{color:var(--color-text-1);opacity:1}.ark-core-tip-at{font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.ark-core-tip-row.is-active .ark-core-tip-at{color:var(--ark-metal-1)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-socket{position:absolute;display:grid;place-items:center;width:19%;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:url(/assets/ui/ark-grid/socket.webp) center / contain no-repeat;box-shadow:none;transform:translate(-50%,-50%)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-socket>.ark-gem{width:116%;max-width:none}.ark-socket.is-empty{filter:brightness(.5) saturate(.45)}.ark-socket[data-grade]{filter:drop-shadow(0 0 3px var(--ark-grade))}.ark-socket.is-pending{animation:ark-beckon 1.8s ease-in-out infinite}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-socket.is-off,.ark-grid-overlay .ark-socket--large.is-off:hover:not(:disabled){filter:none}.ark-socket.is-off:before{position:absolute;inset:0;border-radius:50%;background:#04050d99;content:""}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-socket.is-off>.ark-gem{filter:grayscale(1) brightness(.32)}.ark-grid-overlay .ark-socket--large.is-off:hover:not(:disabled)>.ark-gem{filter:grayscale(1) brightness(.48)}.ark-socket.is-off>.ark-socket-points{border-color:var(--ark-panel-line);color:var(--color-text-3)}.ark-socket.is-off .ark-socket-option,.ark-socket.is-off .ark-socket-will>:not(em){opacity:.45}.ark-warn{display:inline-block;flex:none;width:1.1em;height:1em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.ark-socket-warn{position:absolute;top:-4%;right:-6%;z-index:2;width:34%;height:auto}.ark-chart.ark-chart--detail{width:min(94cqw,94cqh)}.ark-chart--detail:before{position:absolute;inset:8%;border-radius:50%;content:""}.ark-chart--order:before{background:radial-gradient(circle,color-mix(in srgb,var(--ark-order-2) 46%,transparent) 14%,color-mix(in srgb,var(--ark-void) 55%,transparent) 56%,transparent 70%)}.ark-chart--chaos:before{background:radial-gradient(circle,color-mix(in srgb,var(--ark-chaos-2) 50%,transparent) 14%,color-mix(in srgb,var(--ark-void) 55%,transparent) 56%,transparent 70%)}.ark-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ark-link{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.ark-link--glow{stroke:var(--ark-line);stroke-width:18px;opacity:.3;filter:blur(4px)}.ark-link--body{stroke:var(--ark-glow);stroke-width:4px;opacity:.75}.ark-link--flow{stroke:var(--color-text-1);stroke-width:2px;stroke-dasharray:10 54;animation:ark-flow 2.4s linear infinite}.ark-orbit-core{position:absolute;left:50%;top:50%;z-index:2;width:36%;--ark-aura: 16px;transform:translate(-50%,-50%)}.ark-orbit-core:focus-visible{border-radius:50%;outline:2px solid var(--ark-metal-1)}.ark-chart--detail>.ark-core-tip{left:60%;top:50%;z-index:5;transform:translateY(-50%)}.ark-grid-overlay .ark-socket--large{width:14.5%;height:auto;min-height:0;color:var(--color-text-1);transition:filter var(--duration-fast) var(--ease-out)}.ark-grid-overlay .ark-socket--large.is-empty{filter:brightness(.72) saturate(.6)}.ark-grid-overlay .ark-socket--large.is-empty:not(:disabled):after{color:var(--ark-glow);font-size:var(--text-2xl);font-weight:var(--weight-regular);line-height:1;content:"+"}.ark-grid-overlay .ark-socket--large:hover:not(:disabled){filter:brightness(1.25) drop-shadow(0 0 10px var(--ark-glow))}.ark-grid-overlay .ark-socket--large:disabled{cursor:default}.ark-socket-number,.ark-socket-points{position:absolute;display:grid;place-items:center;min-width:22px;height:22px;padding:0 var(--space-1);border:1px solid var(--ark-metal-2);border-radius:var(--radius-pill);background:var(--ark-void);color:var(--ark-metal-1);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;line-height:1}.ark-socket-number{top:2%;left:2%;z-index:1}.ark-socket-points{left:50%;top:50%;z-index:1;height:24px;padding:0 var(--space-2);border-color:color-mix(in srgb,var(--ark-metal-1) 70%,transparent);background:#04050db8;color:#fff4dc;font-size:var(--text-sm);font-weight:var(--weight-bold);text-shadow:0 1px 1px rgba(0,0,0,.9);transform:translate(-50%,-50%)}.ark-socket-caption{position:absolute;left:50%;top:100%;display:flex;flex-direction:column;gap:1px;margin-top:2px;padding:2px var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ark-void) 78%,transparent);color:var(--color-text-2);font-size:var(--text-2xs);font-weight:var(--weight-regular);line-height:1.35;pointer-events:none;transform:translate(-50%);white-space:nowrap}.ark-socket-option{display:flex;justify-content:space-between;gap:var(--space-2)}.ark-socket-option>strong{color:var(--ark-metal-1);font-variant-numeric:tabular-nums}.ark-socket-will{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);margin-top:2px;padding-top:2px;border-top:1px solid rgba(245,228,180,.25);color:var(--color-text-2);font-size:var(--text-xs)}.ark-socket-will>strong{color:#ff9aa0;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.ark-socket-will>em{display:inline-flex;align-items:center;gap:3px;margin-left:var(--space-1);color:#ffc04d;font-style:normal;font-weight:var(--weight-bold)}.ark-orbit-plate{position:absolute;left:50%;top:60%;z-index:3;display:flex;flex-direction:column;align-items:center;width:44%;pointer-events:none;transform:translate(-50%)}.ark-chart--order{--ark-band: rgba(58, 10, 16, .94);--ark-band-glow: rgba(255, 96, 70, .5)}.ark-chart--chaos{--ark-band: rgba(8, 22, 62, .94);--ark-band-glow: rgba(96, 166, 255, .5)}.ark-orbit-points{position:relative;z-index:1;display:grid;place-items:center;width:25%;aspect-ratio:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7))}.ark-orbit-points>.ark-plate{position:absolute;inset:0}.ark-orbit-points-value{position:relative;display:flex;align-items:baseline;gap:1px;color:#fff4dc;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 1px rgba(0,0,0,.95),0 1px 1px rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.8),0 0 14px rgba(255,184,72,.6)}.ark-orbit-points-value>strong{font-size:clamp(18px,3.4cqmin,30px);font-weight:var(--weight-bold)}.ark-orbit-points-value>small{color:var(--ark-metal-1);font-size:clamp(11px,1.7cqmin,15px);font-weight:var(--weight-bold)}.ark-orbit-ribbon{position:relative;display:flex;align-items:baseline;justify-content:center;gap:.7em;min-width:78%;margin-top:-3%;padding:.5em 2.2em .45em;background:linear-gradient(90deg,transparent 0%,var(--ark-band) 20%,var(--ark-band) 80%,transparent 100%);white-space:nowrap}.ark-orbit-ribbon:before,.ark-orbit-ribbon:after{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 6%,rgba(245,228,180,.85) 26%,rgba(245,228,180,.85) 74%,transparent 94%);content:""}.ark-orbit-ribbon:before{top:0}.ark-orbit-ribbon:after{bottom:0}.ark-orbit-name{color:#fff4dc;font-size:clamp(13px,2.1cqmin,19px);font-weight:var(--weight-bold);letter-spacing:.08em;text-shadow:0 1px 1px rgba(0,0,0,.9),0 0 12px var(--ark-band-glow)}.ark-orbit-grade{display:inline-flex;align-items:center;gap:.6em;color:var(--ark-grade, var(--color-text-2));font-size:clamp(11px,1.6cqmin,14px);font-weight:var(--weight-bold);text-shadow:0 1px 1px rgba(0,0,0,.9)}.ark-orbit-grade:before{width:5px;height:5px;background:var(--ark-metal-1);content:"";transform:rotate(45deg)}@media(max-width:900px){.ark-orbit-grade{display:none}}@media(prefers-reduced-motion:reduce){.ark-light,.ark-link--flow,.ark-socket.is-pending{animation:none}}}@layer features{.ark-panel-heading{display:flex;align-items:center;gap:var(--space-3);margin:0;color:var(--ark-metal-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.24em}.ark-panel-heading:before,.ark-panel-heading:after{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ark-metal-2));content:""}.ark-panel-heading:after{background:linear-gradient(90deg,var(--ark-metal-2),transparent)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-panel-note{margin:0;color:var(--color-text-3);font-size:var(--text-xs);line-height:1.5;word-break:keep-all}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-panel-note--warn{color:var(--color-warning)}.ark-effect-list,.ark-core-rows{display:flex;flex-direction:column;gap:var(--space-2)}.ark-grid-overlay .ark-effect{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);height:auto;min-height:0;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--ark-accent, var(--ark-line)) 20%,var(--ark-void)),var(--ark-void) 62%);box-shadow:inset 2px 0 0 var(--ark-accent, var(--ark-line)),inset 0 1px 0 var(--ark-line-faint);color:var(--color-text-1);text-align:left}.ark-effect--order{--ark-accent: var(--ark-order-2)}.ark-effect--chaos{--ark-accent: var(--ark-chaos-2)}.ark-effect.is-empty{--ark-accent: var(--ark-line-faint)}.ark-grid-overlay .ark-effect:is(:hover,:focus-visible){border-color:var(--ark-glow);background:var(--ark-panel-raised)}.ark-effect-icon,.ark-core-icon{width:56px;aspect-ratio:1;--ark-aura: 4px}.ark-effect-body,.ark-effect-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.ark-effect-meta{align-items:flex-end;color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-regular);font-variant-numeric:tabular-nums}.ark-effect-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);word-break:keep-all}.ark-effect--order .ark-effect-name{color:var(--ark-order-1)}.ark-effect--chaos .ark-effect-name{color:var(--ark-chaos-1)}.ark-effect.is-empty .ark-effect-name{color:var(--color-text-3)}.ark-effect-tiers{display:flex;flex-wrap:wrap;gap:0 var(--space-2);color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-regular);font-variant-numeric:tabular-nums}.ark-effect-tier{opacity:.45}.ark-effect-tier.is-active{color:var(--ark-metal-1);font-weight:var(--weight-semibold);opacity:1}.ark-effect-points{color:var(--ark-metal-1);font-size:var(--text-md);font-variant-numeric:tabular-nums}.ark-effect-grade,.ark-core-grade,:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-grade{color:var(--ark-grade, var(--color-text-3));font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ark-total-list{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);list-style:none;overflow:hidden}.ark-total-list>li{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--ark-panel);font-size:var(--text-sm)}.ark-total-list>li>strong{color:var(--ark-metal-1);font-variant-numeric:tabular-nums}.ark-panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ark-panel-line)}.ark-grid-overlay .ark-panel-tab{height:40px;min-height:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--color-text-3);font-size:var(--text-md);letter-spacing:.2em}.ark-grid-overlay .ark-panel-tab.is-active{border-bottom-color:var(--ark-metal-1);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ark-metal-2) 26%,transparent));color:var(--ark-metal-1)}.ark-panel-body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);min-height:0}.ark-panel-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.ark-panel-title>h3{margin:0;color:var(--ark-metal-1);font-size:var(--text-lg)}.ark-panel-points{margin-right:auto;color:var(--ark-metal-1);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.ark-core-stats,:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-numbers{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-stat{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-stat-label{color:var(--color-text-3)}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-stat-value{color:var(--color-text-1);font-weight:var(--weight-semibold)}.ark-tier-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.ark-tier-list{gap:2px}.ark-tier-list>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-2);padding:var(--space-1) var(--space-3);border-left:2px solid var(--ark-panel-line);background:var(--ark-panel);opacity:.42}.ark-tier-list>li.is-major{padding-top:var(--space-2);padding-bottom:var(--space-2);border-left-color:var(--ark-metal-2)}.ark-tier-list>li.is-active{opacity:1}.ark-tier-list>li.is-active.is-major{border-left-color:var(--ark-metal-1);background:var(--ark-panel-raised)}.ark-tier-points{color:var(--color-text-3);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.ark-tier-list>li.is-active .ark-tier-points{color:var(--ark-metal-1)}.ark-tier-list>li.is-major .ark-tier-text{color:var(--color-text-1)}.ark-tier-text,.ark-detail-empty{margin:0;white-space:pre-line;color:var(--color-text-2);font-size:var(--text-sm);line-height:1.5;word-break:keep-all}.ark-core-row{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-3);padding:var(--space-3);border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:var(--ark-panel)}.ark-core-row.is-selected{border-color:var(--ark-metal-2);background:var(--ark-panel-raised)}.ark-core-row .ark-core-icon{width:64px}.ark-grid-overlay .ark-core-pick{position:absolute;inset:0;height:auto;min-height:0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;box-shadow:none}.ark-core-row>:not(.ark-core-pick){position:relative;pointer-events:none}.ark-core-row .ark-core-actions{pointer-events:auto}.ark-grid-overlay .ark-core-row>button.ark-core-icon{pointer-events:auto;align-self:start;height:64px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.ark-grid-overlay .ark-core-tip--floating{position:fixed;z-index:20;opacity:1;transform:none;max-height:calc(100vh - 24px);overflow-y:auto;pointer-events:auto}.ark-core-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ark-core-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.ark-core-name{margin:0;font-size:var(--text-md);word-break:keep-all}.ark-core-row.is-locked .ark-core-name{color:var(--color-text-2)}.ark-core-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ark-core-unmet,.ark-core-reason{margin:0;padding:0;color:var(--color-warning);font-size:var(--text-xs);list-style:none;word-break:keep-all}.ark-core-actions{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-1)}.ark-core-action{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.ark-core-cost{color:var(--color-text-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.ark-gem-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.ark-gem-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:var(--ark-panel)}.ark-gem-row.is-pending{border-color:var(--ark-metal-2)}.ark-gem-row.is-off .ark-gem-icon,.ark-gem-row.is-off .ark-gem-numbers,.ark-gem-row.is-off .ark-gem-effects{opacity:.45}.ark-grid-overlay .ark-gem-row.is-off .ark-gem-icon[data-grade]{filter:grayscale(1) brightness(.6)}.ark-gem-off{display:inline-flex;align-items:center;gap:3px;margin-left:var(--space-2);color:#ffc04d;font-weight:var(--weight-bold)}.ark-gem-slot{position:relative}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-icon{display:grid;place-items:center;width:52px;aspect-ratio:1;background:url(/assets/ui/ark-grid/socket.webp) center / contain no-repeat}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-icon>.ark-gem{width:116%;max-width:none}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-icon[data-grade]{filter:drop-shadow(0 0 5px var(--ark-grade))}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-icon.is-empty{filter:brightness(.6) saturate(.5)}.ark-gem-number{position:absolute;top:-4px;left:-4px;display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--ark-metal-2);border-radius:50%;background:var(--ark-void);color:var(--ark-metal-1);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.ark-gem-body{display:flex;flex-direction:column;gap:2px;min-width:0}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-effects{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-effects>li{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-effect-name{color:var(--color-text-2);word-break:keep-all}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-effect-value{color:var(--ark-metal-1);white-space:nowrap}:is(.ark-grid-overlay,.gem-memorial-overlay) .ark-gem-empty{margin:0;color:var(--color-text-3);font-size:var(--text-sm)}.ark-gem-action{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}@media(max-width:520px){.ark-gem-row{grid-template-columns:52px minmax(0,1fr)}.ark-gem-action{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:flex-end}.ark-grid-overlay :is(.ark-gem-action,.ark-core-action) .ark-btn{min-height:42px}}}@layer features{.gem-memorial-overlay{z-index:9211}.gem-workshop-overlay .gem-memorial-modal{width:min(1780px,calc(100vw - 32px));height:min(1040px,calc(100dvh - 32px));background:var(--ark-void)}.gem-workshop-overlay .gem-memorial-header{flex:0 0 48px;min-height:48px;padding:0 var(--space-3) 0 var(--space-4)}.gem-workshop-overlay .gem-memorial-title{display:flex;align-items:center;gap:var(--space-2);letter-spacing:.2em}.gem-workshop-overlay .gem-memorial-title .gem-workshop-icon{width:22px;height:22px;color:var(--ark-metal-1)}.gem-memorial-heading{display:flex;align-items:center;gap:var(--space-3);min-width:0}.gem-memorial-subtitle:empty{display:none}.gem-workshop-overlay .gem-memorial-body{display:grid;flex:1 1 0;grid-template-columns:296px minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr);min-height:0;overflow:clip}.gem-workshop-left,.gem-workshop-right{min-width:0;min-height:0;background:linear-gradient(180deg,#161430f0,#070713f7),var(--ark-void)}.gem-workshop-left{overflow-y:auto;border-right:1px solid var(--ark-metal-3);box-shadow:inset -1px 0 0 var(--ark-panel-line);scrollbar-gutter:stable}.gem-workshop-right{display:flex;flex-direction:column;border-left:1px solid var(--ark-metal-3);box-shadow:inset 1px 0 0 var(--ark-panel-line)}.gem-workshop-overlay .gem-segments{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:2px;border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:#04050db3}.gem-workshop-overlay .gem-segment{min-width:0;min-height:28px;padding:0 var(--space-1);border:0;border-radius:3px;background:transparent;color:var(--color-text-2);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer}.gem-workshop-overlay .gem-segment:hover{color:var(--color-text-1)}.gem-workshop-overlay .gem-segment.is-on{background:linear-gradient(180deg,var(--ark-metal-2),var(--ark-metal-3));box-shadow:inset 0 1px #f5e4b459;color:var(--ark-metal-1)}.gem-workshop-overlay .gem-select{position:relative;display:flex;align-items:center}.gem-workshop-overlay .gem-select .gem-workshop-icon{position:absolute;left:9px;width:14px;height:14px;color:var(--color-text-2);pointer-events:none}.gem-workshop-overlay .gem-select select{width:100%;height:32px;padding:0 var(--space-2) 0 30px;border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:#04050db3;color:var(--color-text-1);font:inherit;font-size:var(--text-sm)}.gem-workshop-overlay .gem-workshop-icon{flex:none;width:16px;height:16px}.gem-rack-head{position:sticky;top:0;z-index:1;display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);background:linear-gradient(180deg,#161430 80%,#16143000)}.gem-rail-title{margin:0;color:var(--ark-metal-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.12em}.gem-rack-rows{display:grid;gap:var(--space-2);padding:0 var(--space-3) var(--space-3)}.gem-rack-row{padding:var(--space-2) var(--space-2) var(--space-2);border:1px solid var(--ark-line-faint);border-radius:var(--radius-sm);background:radial-gradient(120% 140% at 0% 0%,rgba(201,56,42,.12),transparent 60%),#04050d8c}.gem-rack-row[data-side=chaos]{background:radial-gradient(120% 140% at 0% 0%,rgba(36,99,212,.16),transparent 60%),#04050d8c}.gem-rack-row>header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:6px}.gem-rack-row>header .ark-art{width:22px}.gem-rack-label{color:var(--color-text-1);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.gem-rack-count{margin-left:auto;color:var(--color-text-2);font-size:11px;font-variant-numeric:tabular-nums}.gem-rack-sockets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.gem-workshop-overlay .gem-rack-socket{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:0;padding:0;border:1px solid rgba(143,124,216,.22);border-radius:50%;background:radial-gradient(circle at 50% 42%,#1a1838,#07071a 70%);box-shadow:inset 0 2px 5px #000c;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.gem-workshop-overlay .gem-rack-socket>.ark-gem{width:116%;max-width:none;pointer-events:none}.gem-workshop-overlay .gem-rack-socket:hover:not(:disabled){border-color:var(--ark-glow);transform:translateY(-1px)}.gem-workshop-overlay .gem-rack-socket.is-selected{border-color:var(--ark-metal-1);box-shadow:0 0 0 2px var(--ark-metal-2),0 0 14px #f5e4b473,inset 0 2px 5px #000c}.gem-workshop-overlay .gem-rack-socket.is-dim{opacity:.32}.gem-workshop-overlay .gem-rack-socket:disabled{cursor:default}.gem-workshop-overlay .gem-rack-socket:disabled:not(.is-selected){filter:saturate(.5) brightness(.7)}.gem-rack-number{position:absolute;top:-3px;left:-3px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--ark-void);box-shadow:0 0 0 1px var(--ark-metal-3);color:var(--color-text-2);font-size:9px;font-weight:var(--weight-semibold)}.gem-rack-socket.is-empty .gem-rack-number{top:50%;left:50%;background:transparent;box-shadow:none;transform:translate(-50%,-50%)}.gem-rack-points{position:absolute;right:-4px;bottom:-4px;padding:0 3px;border-radius:3px;background:#04050deb;color:var(--ark-metal-1);font-size:9px;font-weight:var(--weight-bold);line-height:13px}.gem-rack-flag{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--ark-void);color:var(--ark-metal-1)}.gem-rack-flag .gem-workshop-icon{width:10px;height:10px}.gem-rack-flag[data-flag=pending]{color:var(--ark-glow);animation:ark-beckon 1.8s ease-in-out infinite}.gem-rack-flag[data-flag=lock]{color:var(--color-warning)}.gem-workshop-center{position:relative;display:grid;--gem-tray-h: 252px;--gem-bar-h: 88px;grid-template-rows:52px minmax(220px,1fr) var(--gem-tray-h) var(--gem-bar-h);min-width:0;min-height:0;background:radial-gradient(70% 60% at 50% 40%,rgba(92,44,159,.28),transparent 70%),linear-gradient(180deg,#04050d40,#04050dd9 92%),url(/assets/ui/ark-grid/nebula.webp) center 35% / cover no-repeat,var(--ark-void)}.gem-workshop-center>.gem-memorial-status{position:absolute;top:60px;left:var(--space-4);z-index:3;display:grid;gap:var(--space-1);max-width:min(320px,30%);padding:0;border:0;background:none;pointer-events:none}.gem-workshop-center>.gem-memorial-status .ark-status-line{padding:var(--space-2) var(--space-3);border:1px solid var(--ark-metal-2);border-radius:var(--radius-sm);background:#070713eb;box-shadow:0 8px 24px #0009;pointer-events:auto}.gem-workshop-center>.gem-memorial-status .ark-status-line[data-state=success]{animation:gem-toast 2.8s ease-in forwards;pointer-events:none}@keyframes gem-toast{0%,70%{opacity:1}to{opacity:0;visibility:hidden}}.gem-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4)}.gem-head-title{display:flex;align-items:center;gap:var(--space-2)}.gem-head-title h3{display:flex;align-items:baseline;gap:var(--space-2);min-width:168px;margin:0;justify-content:center;color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);text-shadow:0 2px 8px rgba(0,0,0,.8)}.gem-head-slot{color:var(--ark-metal-1)}.gem-workshop-overlay .gem-nav{display:grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:0;padding:0;border:1px solid var(--ark-panel-line);border-radius:50%;background:#070713bf;color:var(--ark-metal-1);cursor:pointer}.gem-workshop-overlay .gem-nav:hover:not(:disabled){border-color:var(--ark-metal-1)}.gem-workshop-overlay .gem-nav:disabled{opacity:.35;cursor:default}.gem-workshop-overlay .gem-nav>span:empty{display:none}.gem-head-tags{display:flex;align-items:center;gap:var(--space-2)}.gem-grade-tag{padding:3px 10px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--ark-grade, var(--ark-line)) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ark-grade, var(--ark-line)) 16%,rgba(4,5,13,.8));color:var(--ark-grade, var(--color-text-2));font-size:var(--text-xs);font-weight:var(--weight-bold)}.gem-grade-tag.is-empty{border-color:var(--ark-line-faint);color:var(--color-text-2)}.gem-workshop-overlay .gem-lock{display:inline-flex;flex:none;white-space:nowrap;align-items:center;gap:6px;min-height:30px;padding:0 var(--space-3);border:1px solid var(--ark-panel-line);border-radius:999px;background:#070713bf;color:var(--color-text-2);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer}.gem-workshop-overlay .gem-lock.is-locked{border-color:var(--color-warning);color:var(--color-warning)}.gem-workshop-overlay .gem-lock:disabled{opacity:.45;cursor:default}.gem-stage{position:relative;display:grid;place-items:center;min-height:0;padding:var(--space-1) 0 30px;overflow:hidden}.gem-rosette{position:relative;height:100%;max-width:100%;max-height:600px;aspect-ratio:1;container-type:size}.gem-rosette-circle{position:absolute;inset:-4%;background:url(/assets/ui/ark-grid/workshop-circle.webp) center / contain no-repeat;opacity:.85;pointer-events:none}.gem-rosette[data-side=chaos] .gem-rosette-circle{filter:hue-rotate(-28deg)}.gem-rosette-core{position:absolute;top:50%;left:50%;width:40%;aspect-ratio:1;transform:translate(-50%,-50%);animation:gem-core-in .28s ease-out both}.gem-rosette-core:before{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ark-grade, var(--ark-glow)) 42%,transparent) 0%,transparent 68%);content:""}.gem-rosette-core>.ark-gem{position:relative;filter:drop-shadow(0 10px 18px rgba(0,0,0,.65))}.gem-rosette-socket{position:absolute;inset:16%;border-radius:50%;background:url(/assets/ui/ark-grid/socket.webp) center / contain no-repeat;filter:brightness(.6) saturate(.6)}.gem-plate{position:absolute;width:33%;aspect-ratio:1;transform:translate(-50%,-50%)}.gem-plate[data-pos=n]{left:50%;top:16.5%}.gem-plate[data-pos=s]{left:50%;top:83.5%}.gem-plate[data-pos=w]{left:16.5%;top:50%}.gem-plate[data-pos=e]{left:83.5%;top:50%}.gem-plate>.ark-plate{position:absolute;inset:0}.gem-plate{--plate-glow: rgba(205, 178, 255, .45);--plate-band: rgba(14, 12, 32, .9)}.gem-plate[data-kind=willpower]{--plate-glow: rgba(255, 92, 100, .55);--plate-band: rgba(52, 10, 20, .93)}.gem-plate[data-kind=points]{--plate-glow: rgba(255, 184, 72, .55);--plate-band: rgba(50, 30, 6, .93)}.gem-plate[data-kind=effect-a]{--plate-glow: rgba(96, 230, 130, .5);--plate-band: rgba(8, 40, 22, .93)}.gem-plate[data-kind=effect-b]{--plate-glow: rgba(96, 166, 255, .55);--plate-band: rgba(8, 24, 58, .93)}.gem-plate-text{position:absolute;inset:21% 22%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;text-align:center}.gem-plate-label{position:relative;display:flex;justify-content:center;min-width:138%;padding:.22em 1.15em .26em;background:linear-gradient(90deg,transparent 0%,var(--plate-band) 22%,var(--plate-band) 78%,transparent 100%);color:#fff4dc;font-size:clamp(11px,3.1cqmin,16px);font-weight:var(--weight-bold);letter-spacing:.02em;line-height:1.2;text-shadow:0 1px 1px rgba(0,0,0,.9)}.gem-plate-label:before,.gem-plate-label:after{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 4%,rgba(245,228,180,.85) 24%,rgba(245,228,180,.85) 76%,transparent 96%);content:""}.gem-plate-label:before{top:0}.gem-plate-label:after{bottom:0}.gem-plate-label>span{white-space:nowrap}.gem-plate-label[data-long]{padding-inline:.9em;font-size:clamp(10px,2.8cqmin,14.5px);letter-spacing:-.02em}.gem-plate-value{font-size:clamp(18px,6.2cqmin,32px);font-weight:var(--weight-bold);line-height:1.05;font-variant-numeric:tabular-nums;text-shadow:0 0 1px rgba(0,0,0,.95),0 1px 1px rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.8),0 0 16px var(--plate-glow)}.gem-plate-row{display:flex;align-items:center;justify-content:center;gap:.3em;white-space:nowrap}.gem-plate-sub{padding:0 .6em;border-radius:999px;background:#0605109e;color:#f6f0ff;font-size:clamp(10px,2.5cqmin,13px);font-weight:var(--weight-semibold);line-height:1.45;white-space:nowrap;font-variant-numeric:tabular-nums}.gem-plate.is-empty .gem-plate-label{color:var(--color-text-2)}.gem-plate.is-empty .gem-plate-value{color:var(--color-text-2);text-shadow:none}.gem-plate-delta{padding:.05em .5em .1em;border-radius:999px;background:#04050de0;font-size:clamp(10px,2.6cqmin,14px);font-weight:var(--weight-bold);line-height:1.3;white-space:nowrap}.gem-plate-delta[data-tone=up]{box-shadow:0 0 0 1px #6edc82a6;color:#8ff0a2}.gem-plate-delta[data-tone=down]{box-shadow:0 0 0 1px #ff6e64a6;color:#ff8f86}.gem-plate-delta[data-tone=new]{box-shadow:0 0 0 1px #9fdcffa6;color:var(--ark-chaos-1)}@container (max-height: 380px){.gem-plate-sub{display:none}.gem-plate-delta{font-size:10px;padding-inline:.4em}}.gem-rosette-caption{position:absolute;left:50%;bottom:4px;display:flex;flex-wrap:wrap;justify-content:center;gap:2px var(--space-3);width:max-content;max-width:calc(100% - 32px);color:var(--color-text-2);font-size:var(--text-xs);text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.9);transform:translate(-50%)}.gem-rosette[data-preview]~.gem-rosette-caption{color:var(--ark-metal-1)}.gem-rosette-lost{display:inline-flex;align-items:center;gap:4px;color:#ff8f86}@keyframes gem-core-in{0%{opacity:.4;transform:translate(-50%,-50%) scale(.86);filter:brightness(1.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none}}@media(max-width:1366px){.gem-workshop-overlay .gem-memorial-body{grid-template-columns:236px minmax(0,1fr) 272px}}@media(max-height:820px){.gem-workshop-center{--gem-tray-h: 232px;--gem-bar-h: 76px;grid-template-rows:44px minmax(200px,1fr) var(--gem-tray-h) var(--gem-bar-h)}.gem-rack-row{padding-block:6px}.gem-rack-row>header{margin-bottom:4px}}.gem-workshop-mobile-tabs{display:none}@media(max-width:1024px){.gem-workshop-overlay .gem-memorial-header{flex:none;flex-wrap:wrap;height:auto;padding-block:var(--space-1)}.gem-workshop-mobile-tabs{display:flex;order:3;flex-basis:100%;gap:var(--space-1)}.gem-workshop-mobile-tabs .ark-btn{flex:1;min-height:30px}.gem-workshop-overlay .gem-memorial-body{grid-template-columns:minmax(0,1fr)}.gem-workshop-overlay .gem-workshop-left,.gem-workshop-overlay .gem-workshop-center,.gem-workshop-overlay .gem-workshop-right{display:none;border:0}.gem-workshop-overlay[data-panel=list] .gem-workshop-left,.gem-workshop-overlay[data-panel=power] .gem-workshop-right{display:flex;flex-direction:column}.gem-workshop-overlay[data-panel=compare] .gem-workshop-center{display:flex;flex-direction:column;overflow-y:auto}.gem-workshop-center>:is(.gem-head,.gem-tray,.gem-actionbar){flex:none}.gem-workshop-center>.gem-head{min-height:48px;flex-wrap:wrap;padding-block:var(--space-1)}.gem-workshop-center>.gem-stage{flex:none;height:min(52vh,460px,calc(100vw - 48px))}.gem-head-title h3{min-width:0}}@media(prefers-reduced-motion:reduce){.gem-rosette-core{animation:none}.gem-workshop-center>.gem-memorial-status .ark-status-line[data-state=success]{animation:none}.gem-workshop-overlay .gem-rack-socket{transition:none}}}@layer features{.gem-workshop-overlay .resource-icon{--resource-icon-size: 18px;flex:none}.gem-workshop-overlay kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid var(--ark-panel-line);border-bottom-width:2px;border-radius:4px;background:#04050dd9;color:var(--color-text-1);font:inherit;font-size:10px;font-weight:var(--weight-semibold)}.gem-tray{position:relative;min-height:0;padding:var(--space-3) var(--space-4) var(--space-2);border-top:1px solid var(--ark-metal-3);background:linear-gradient(180deg,#161430e6,#070713f5),var(--ark-void);box-shadow:inset 0 1px #f5e4b41f,0 -12px 24px #04050d99}.gem-tray:before{position:absolute;top:-1px;left:50%;width:min(520px,70%);height:1px;background:linear-gradient(90deg,transparent,var(--ark-metal-1),transparent);content:"";transform:translate(-50%)}.gem-tray h4{display:flex;align-items:center;gap:var(--space-2);margin:0 0 6px;color:var(--ark-metal-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em}.gem-tray-settings{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-2) var(--space-4);height:100%}.gem-tray-options{grid-column:1 / -1}.gem-tiles{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--space-2)}.gem-workshop-overlay .gem-tile{position:relative;display:grid;align-content:center;gap:2px;min-width:0;min-height:66px;padding:var(--space-2) var(--space-3);border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:linear-gradient(180deg,#242048b3,#0a0a1ae6);color:var(--color-text-1);font:inherit;text-align:left;cursor:pointer}.gem-tile>strong{font-size:var(--text-sm)}.gem-tile>span{color:var(--color-text-2);font-size:11px;line-height:1.3}.gem-tile-cost{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:3px;color:var(--ark-metal-1);font-size:var(--text-xs);font-style:normal;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.gem-tile-cost .resource-icon{--resource-icon-size: 14px}.gem-workshop-overlay .gem-tile:hover:not(:disabled){border-color:var(--ark-glow)}.gem-workshop-overlay .gem-tile.is-on{border-color:var(--ark-metal-1);background:linear-gradient(180deg,#a8844357,#3b2c1380),#0a0a1ae6;box-shadow:inset 0 1px #f5e4b459,0 0 14px #f5e4b429}.gem-workshop-overlay .gem-tile.is-on>strong{color:var(--ark-metal-1)}.gem-workshop-overlay .gem-tile:disabled{cursor:default;opacity:.55}.gem-tray-count{padding:0 6px;border-radius:999px;background:#04050dcc;color:var(--color-text-2);letter-spacing:0}.gem-tray-count[data-done]{color:#8ff0a2}.gem-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.gem-workshop-overlay .gem-chip{position:relative;display:flex;align-items:center;gap:6px;min-width:0;min-height:30px;padding:0 var(--space-2);border:1px solid var(--ark-panel-line);border-radius:999px;background:#0a0a1ad9;color:var(--color-text-1);font:inherit;font-size:var(--text-xs);white-space:nowrap;cursor:pointer}.gem-workshop-overlay .gem-chip>span{overflow:hidden;text-overflow:ellipsis}.gem-workshop-overlay .gem-chip .gem-workshop-icon{width:14px;height:14px;color:var(--color-text-2)}.gem-workshop-overlay .gem-chip:hover:not(:disabled){border-color:var(--ark-glow)}.gem-workshop-overlay .gem-chip.is-on{border-color:var(--ark-metal-1);background:linear-gradient(180deg,#a8844366,#3b2c1399);color:var(--ark-metal-1)}.gem-workshop-overlay .gem-chip.is-on .gem-workshop-icon{color:var(--ark-metal-1)}.gem-chip>b{display:grid;place-items:center;width:16px;height:16px;margin-left:auto;border-radius:50%;background:var(--ark-metal-1);color:var(--ark-void);font-size:10px}.gem-workshop-overlay .gem-chip:disabled{cursor:default;opacity:.38}.gem-tray-options[data-need="0"] .gem-chip:disabled{opacity:.28}.gem-tray-wait{display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:100%;color:var(--ark-glow);font-size:var(--text-sm)}.gem-tray-wait .gem-workshop-icon{width:20px;height:20px;animation:gem-spin 1.2s linear infinite}.gem-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);height:100%}.gem-card{position:relative;container:gem-card / inline-size;display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--ark-panel-line);border-top:2px solid var(--ark-grade, var(--ark-line-faint));border-radius:var(--radius-sm);background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--ark-grade, var(--ark-line)) 18%,transparent),transparent 70%),linear-gradient(180deg,#1e1b3ef2,#080816fa);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,opacity .16s ease-out,filter .16s ease-out}.gem-card.is-current{background:linear-gradient(180deg,#121126f2,#080816fa)}.gem-card:hover{transform:translateY(-2px)}.gem-card.is-inspected{border-color:var(--ark-metal-1);box-shadow:0 0 0 1px var(--ark-metal-2),0 0 22px #f5e4b438}.gem-workshop-overlay .gem-card-face{display:flex;flex:1;flex-direction:column;gap:6px;min-height:0;padding:var(--space-2) var(--space-3) 4px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.gem-workshop-overlay .gem-card-face:disabled{cursor:default}.gem-card-top{display:flex;align-items:center;gap:var(--space-2);min-width:0}.gem-card-gem{position:relative;flex:none;width:50px;height:50px}.gem-card-gem>.ark-gem{width:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.gem-card-socket{position:absolute;inset:8%;background:url(/assets/ui/ark-grid/socket.webp) center / contain no-repeat;filter:brightness(.55) saturate(.5)}.gem-card-name{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 6px;min-width:0}.gem-card-name>strong{font-size:var(--text-sm);white-space:nowrap}.gem-card-grade{grid-column:1 / -1;color:var(--ark-grade, var(--color-text-2));font-size:11px;font-weight:var(--weight-semibold)}.gem-card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto}.gem-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;background:#04050dd9;font-size:10px;font-weight:var(--weight-bold);white-space:nowrap}.gem-badge .gem-workshop-icon{width:11px;height:11px}.gem-badge[data-tone=best]{box-shadow:0 0 0 1px var(--ark-metal-2);color:var(--ark-metal-1)}.gem-badge[data-tone=full]{box-shadow:0 0 0 1px #6edc8299;color:#8ff0a2}.gem-badge[data-tone=partial]{box-shadow:0 0 0 1px #9fdcff80;color:var(--ark-chaos-1)}.gem-card-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px var(--space-2);margin:0;padding:0;list-style:none}.gem-card-stats>li{display:grid;grid-column:1 / -1;grid-template-columns:14px minmax(0,1fr) auto 40px;align-items:center;gap:5px;min-height:19px;font-size:var(--text-xs)}@container gem-card (max-width: 210px){.gem-card-stats>li.is-effect{grid-template-columns:14px minmax(0,1fr) auto;grid-template-areas:"icon name name" ". level change";row-gap:0}.gem-card-stats>li.is-effect>.ark-plate{grid-area:icon}.gem-card-stats>li.is-effect>.gem-stat-label{grid-area:name;color:var(--color-text-1)}.gem-card-stats>li.is-effect>strong{grid-area:level;justify-self:start}.gem-card-stats>li.is-effect>em{grid-area:change}.gem-card-stats>li.is-half{grid-column:auto;grid-template-columns:14px auto auto;justify-content:start}.gem-card-stats>li.is-half .gem-stat-label{display:none}.gem-card-stats>li.is-half em:empty{display:none}}.gem-card-stats .ark-plate{width:14px}.gem-stat-label{overflow:hidden;color:var(--color-text-2);text-overflow:ellipsis;white-space:nowrap}.gem-card-stats strong{font-variant-numeric:tabular-nums}.gem-card-stats em{color:var(--color-text-2);font-size:11px;font-style:normal;font-weight:var(--weight-bold);text-align:right}.gem-card-stats li[data-change=up] em{color:#8ff0a2}.gem-card-stats li[data-change=down] em{color:#ff8f86}.gem-card-stats em.is-new{color:var(--ark-chaos-1);font-size:10px}.gem-card-void{display:block!important;padding:var(--space-3) 0;color:var(--color-text-2);text-align:center}.gem-card-power{display:flex;align-items:center;gap:5px;margin:auto 0 0;color:var(--color-text-2);font-size:11px}.gem-card-power .gem-workshop-icon{width:13px;height:13px}.gem-card-power[data-direction=up]{color:#8ff0a2}.gem-card-power[data-direction=down]{color:#ff8f86}.gem-workshop-overlay .gem-card-choose{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 var(--space-2) var(--space-2);min-height:34px}.gem-tray[data-reveal] .gem-card:not(.is-current){animation:gem-card-rise .42s cubic-bezier(.2,.8,.2,1) var(--reveal-shift, 0ms) both}.gem-tray[data-reveal] .gem-card:nth-child(2){animation-delay:calc(var(--reveal-shift, 0ms) + 60ms)}.gem-tray[data-reveal] .gem-card:nth-child(3){animation-delay:calc(var(--reveal-shift, 0ms) + .12s)}.gem-tray[data-reveal] .gem-card:nth-child(4){animation-delay:calc(var(--reveal-shift, 0ms) + .18s)}.gem-tray[data-reveal] .gem-card:not(.is-current) .gem-card-gem{animation:gem-card-flash .7s ease-out var(--reveal-shift, 0ms) both}.gem-workshop-overlay .gem-go-button.is-holding{position:relative;overflow:hidden;border-color:#8ff0a299}.gem-go-hold{position:absolute;inset:0;background:linear-gradient(90deg,#6edc8252,#6edc821f);transform-origin:left center;pointer-events:none;animation:gem-hold-drain 3s linear var(--hold-shift, 0ms) both}@keyframes gem-hold-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.gem-go-note[data-tone=wish]{color:#8ff0a2}.gem-memorial-body[data-rolling] .gem-card:not(.is-current){opacity:.45;filter:saturate(.4) brightness(.8)}@keyframes gem-card-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes gem-card-flash{0%{filter:brightness(2.6) drop-shadow(0 0 12px #fff)}to{filter:none}}@keyframes gem-spin{to{transform:rotate(360deg)}}.gem-actionbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-4);border-top:1px solid var(--ark-panel-line);background:linear-gradient(180deg,rgba(7,7,19,.98),var(--ark-void))}.gem-bill{display:flex;flex:1;align-items:center;gap:var(--space-5);min-width:0;overflow:hidden;white-space:nowrap}.gem-bill-cost{display:grid;gap:2px}.gem-bill-cost>span{color:var(--color-text-2);font-size:11px;white-space:nowrap}.gem-bill-cost>strong{display:inline-flex;align-items:center;gap:6px;color:var(--ark-metal-1);font-size:22px;font-variant-numeric:tabular-nums}.gem-bill-cost .resource-icon{--resource-icon-size: 22px}.gem-bill-own{display:grid;gap:2px;padding-left:var(--space-5);border-left:1px solid var(--ark-line-faint)}.gem-bill-own>span{color:var(--color-text-2);font-size:11px}.gem-bill-own>strong{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-1);font-size:26px;font-variant-numeric:tabular-nums}.gem-bill-own .resource-icon{--resource-icon-size: 24px}.gem-bill-own[data-short]>strong{color:#ff8f86}.gem-go{display:flex;flex:none;align-items:center;gap:var(--space-3)}.gem-go-note{max-width:220px;margin:0;color:var(--color-text-2);font-size:var(--text-xs);text-align:right;white-space:pre-line}.gem-go-note[data-tone=warn]{color:var(--color-warning)}.gem-workshop-overlay .gem-go-button{display:flex;flex:none;align-items:center;justify-content:center;gap:var(--space-2);min-width:220px;height:54px;padding:0 var(--space-5);border:1px solid var(--ark-metal-1);border-radius:var(--radius-sm);background:linear-gradient(180deg,#d9b25f,#a88443 46%,#6b521f);box-shadow:inset 0 1px #fff4cdb3,inset 0 -2px #3b2c13cc,0 0 18px #f5e4b440;color:#1d1405;font:inherit;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.1em;text-shadow:0 1px 0 rgba(255,240,200,.5);cursor:pointer}.gem-workshop-overlay .gem-go-button .gem-workshop-icon{width:22px;height:22px}.gem-workshop-overlay .gem-go-button:hover:not(:disabled){filter:brightness(1.1)}.gem-workshop-overlay .gem-go-button:active:not(:disabled){transform:translateY(1px)}.gem-workshop-overlay .gem-go-button.is-reroll{border-color:var(--ark-glow);background:linear-gradient(180deg,#7d5fd6,#4b2f9e,#2a1766);box-shadow:inset 0 1px #e1d2ff99,inset 0 -2px #140a3ccc,0 0 18px #cdb2ff4d;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.gem-workshop-overlay .gem-go-button:disabled{border-color:var(--ark-line-faint);background:#161430cc;box-shadow:none;color:var(--color-text-disabled);text-shadow:none;cursor:default}.gem-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px var(--space-2);margin:0;padding:0 var(--space-3) var(--space-3);color:var(--color-text-2);font-size:11px}.gem-keys>div{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}.gem-keys dd{margin:0;overflow:hidden;text-overflow:ellipsis}.gem-panel-tabs{display:grid;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--ark-panel-line)}.gem-workshop-overlay .gem-panel-tab{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:46px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-2);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.gem-workshop-overlay .gem-panel-tab.is-on{border-bottom-color:var(--ark-metal-1);background:linear-gradient(0deg,rgba(168,132,67,.22),transparent);color:var(--ark-metal-1)}.gem-panel{display:flex;flex:1;flex-direction:column;gap:var(--space-3);min-height:0;padding:var(--space-3) var(--space-4);overflow-y:auto;scrollbar-gutter:stable}.gem-panel-sub,.gem-panel-foot{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--color-text-2);font-size:var(--text-xs);line-height:1.5;word-break:keep-all}.gem-panel-foot{margin-top:auto;padding-top:var(--space-2)}.gem-panel-empty{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);border:1px dashed var(--ark-line-faint);border-radius:var(--radius-sm);color:var(--color-text-2);font-size:var(--text-sm);text-align:center}.gem-panel-empty p{margin:0}.gem-panel-empty .ark-btn{display:inline-flex;align-items:center;gap:6px}.gem-power{display:grid;gap:var(--space-2)}.gem-power-total{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-2) var(--space-3);border:1px solid var(--ark-metal-3);border-radius:var(--radius-sm);background:linear-gradient(180deg,#a884432e,#04050d99)}.gem-power-total span{color:var(--color-text-2);font-size:var(--text-xs)}.gem-power-total strong{color:var(--ark-metal-1);font-size:22px;font-variant-numeric:tabular-nums}.gem-power-here{display:flex;align-items:center;gap:6px;margin:0;color:var(--color-text-2);font-size:var(--text-xs)}.gem-power-here[data-on]{color:#8ff0a2}.gem-cores{display:grid;gap:6px;margin:0;padding:0;list-style:none}.gem-core{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-2);padding:6px var(--space-2);border:1px solid var(--ark-line-faint);border-radius:var(--radius-sm);background:#04050d80}.gem-core.is-here{border-color:var(--ark-metal-2)}.gem-core.is-empty{opacity:.6}.gem-core-art .ark-art{width:40px}.gem-core-body{display:grid;gap:3px;min-width:0}.gem-core-body p{margin:0}.gem-core-name{display:flex;gap:6px;font-size:var(--text-xs)}.gem-core-name span{color:var(--color-text-2);white-space:nowrap}.gem-core-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gem-core-pips{display:flex;gap:3px}.gem-core-pips span{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--ark-line-faint);border-radius:50%;color:var(--color-text-disabled);font-size:9px}.gem-core-pips span.is-on{border-color:var(--ark-metal-2);background:#a8844359;color:var(--ark-metal-1)}.gem-core-pips span[data-here]{box-shadow:0 0 0 1px var(--ark-glow)}.gem-core-stats{display:flex;gap:var(--space-3);font-size:11px}.gem-core-stats span{display:inline-flex;align-items:center;gap:3px}.gem-core-stats .gem-workshop-icon{width:12px;height:12px;color:var(--color-text-2)}.gem-core-note{color:var(--color-text-2);font-size:11px}.gem-core-note[data-tone=up]{color:#8ff0a2}.gem-core-note[data-tone=down]{color:#ff8f86}.gem-goal-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:var(--space-2)}.gem-goal-row.is-wide{grid-template-columns:1fr}.gem-goal-label{color:var(--color-text-2);font-size:var(--text-xs);white-space:nowrap}.gem-chips.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.gem-odds{display:grid;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--ark-line-faint);border-radius:var(--radius-sm);background:#04050d80}.gem-odds-main{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin:0;font-size:var(--text-xs);color:var(--color-text-2)}.gem-odds-main strong{color:var(--ark-metal-1);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.gem-odds-table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.gem-odds-table :is(th,td){padding:3px 2px;border-top:1px solid var(--ark-line-faint);color:var(--color-text-2);font-weight:var(--weight-regular);text-align:center}.gem-odds-table tr[data-on] :is(th,td){color:var(--color-text-1)}.gem-odds-table tbody th{text-align:left}.gem-favorites{display:grid;gap:var(--space-2)}.gem-favorites h4{display:flex;align-items:center;gap:6px;margin:0;color:var(--ark-metal-1);font-size:var(--text-xs)}.gem-favorite-save{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.gem-favorite-save input{min-width:0;height:34px;padding:0 var(--space-2);border:1px solid var(--ark-panel-line);border-radius:var(--radius-sm);background:#04050db3;color:var(--color-text-1);font:inherit;font-size:var(--text-sm)}.gem-workshop-overlay .gem-favorites .ark-btn{display:inline-flex;align-items:center;gap:4px}.gem-favorite-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.gem-favorite-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;font-size:var(--text-sm)}.gem-favorite-list li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gem-workshop-overlay .gem-icon-button{padding-inline:var(--space-2)}.gem-history{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.gem-history>li{display:grid;gap:4px;padding:var(--space-2);border:1px solid var(--ark-line-faint);border-radius:var(--radius-sm);background:#04050d80}.gem-history-head{display:flex;justify-content:space-between;margin:0;font-size:var(--text-xs)}.gem-history-head span{color:var(--color-text-2)}.gem-history-gems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.gem-history-gem{display:grid;justify-items:center;gap:1px;padding:2px;border-radius:var(--radius-sm);opacity:.55}.gem-history-gem .ark-gem{width:40px}.gem-history-gem small{color:var(--color-text-2);font-size:10px}.gem-history-gem.is-chosen{box-shadow:inset 0 0 0 1px var(--ark-metal-2);background:#a8844329;opacity:1}.gem-history-void{width:40px;height:40px;background:url(/assets/ui/ark-grid/socket.webp) center / 70% no-repeat;filter:brightness(.5)}.gem-history-result{margin:0;color:var(--ark-metal-1);font-size:11px;text-align:right}@media(max-width:1366px){.gem-workshop-overlay .gem-panel-tab .gem-workshop-icon{display:none}}@media(max-width:1280px){.gem-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1024px){.gem-tray{padding-bottom:var(--space-3)}.gem-tray-settings{grid-template-columns:1fr;height:auto}.gem-cards{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.gem-workshop-overlay .gem-go-button{min-width:180px}.gem-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.gem-actionbar{flex-wrap:wrap;padding-block:var(--space-2)}}@media(prefers-reduced-motion:reduce){.gem-tray[data-reveal] .gem-card:not(.is-current),.gem-tray[data-reveal] .gem-card:not(.is-current) .gem-card-gem,.gem-tray-wait .gem-workshop-icon{animation:none}.gem-card{transition:none}}}@layer features{@property --wish-spin{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.gem-card{--wish-at: calc(var(--reveal-shift, 0ms) + var(--wish-lag, 0ms));--gem-x: calc(var(--space-3) + 25px);--gem-y: calc(var(--space-2) + 25px)}.gem-card:nth-child(2){--wish-lag: 60ms}.gem-card:nth-child(3){--wish-lag: .12s}.gem-card:nth-child(4){--wish-lag: .18s}.gem-card[data-match=full]{--wish-rim: #8ff0a2;--wish-glow: rgb(110, 220, 130);--wish-hot: #eafff0;--wish-ray: rgba(190, 255, 205, .5);--wish-ray-2: rgba(234, 255, 240, .35);--wish-band: linear-gradient(105deg, transparent 30%, rgba(190, 255, 205, .85) 48%, rgba(255, 255, 255, .95) 50%, rgba(190, 255, 205, .85) 52%, transparent 70%);--wish-gem-rest: 0 0 0 transparent;--wish-rest: 0 0 0 0 transparent, 0 0 16px rgba(110, 220, 130, .35), 0 0 0 transparent, inset 0 0 0 transparent;--wish-peak: 0 0 0 3px rgba(143, 240, 162, .9), 0 0 46px rgba(110, 230, 140, .95), 0 0 0 transparent, inset 0 0 40px rgba(143, 240, 162, .5)}.gem-card[data-wish-tier="2"]{--wish-rim: #a6ffb8;--wish-glow: rgb(120, 240, 150);--wish-peak: 0 0 0 3px rgba(170, 255, 190, .95), 0 0 54px rgba(120, 240, 150, 1), 0 0 22px rgba(234, 255, 240, .6), inset 0 0 46px rgba(166, 255, 184, .6);--bloom-r: 76px;--glint: 34px}.gem-card[data-wish-tier="3"]{--wish-rim: #8ff7d6;--wish-glow: rgb(80, 230, 185);--wish-hot: #fff3cf;--wish-ray: rgba(170, 255, 225, .5);--wish-ray-2: rgba(255, 231, 160, .4);--wish-band: linear-gradient(105deg, transparent 30%, rgba(160, 255, 220, .85) 48%, rgba(255, 255, 255, .95) 50%, rgba(160, 255, 220, .85) 52%, transparent 70%), linear-gradient(105deg, transparent 42%, rgba(255, 225, 140, .8) 49%, rgba(255, 250, 230, .95) 50%, rgba(255, 225, 140, .8) 51%, transparent 58%);--wish-rest: 0 0 0 0 transparent, 0 0 16px rgba(80, 230, 185, .38), 0 0 0 transparent, inset 0 0 0 transparent;--wish-peak: 0 0 0 3px rgba(150, 255, 215, .95), 0 0 56px rgba(80, 230, 185, 1), 0 0 26px rgba(255, 231, 160, .65), inset 0 0 48px rgba(150, 255, 215, .55);--bloom-r: 88px;--ray-r: 130px;--ray-turn: 30deg;--lift-s: 1.025;--lift-y: -3px;--glint: 42px}.gem-card[data-wish-tier="4"]{--wish-rim: #ffd56a;--wish-glow: rgb(255, 190, 70);--wish-hot: #fff6d8;--wish-ray: rgba(255, 226, 150, .6);--wish-ray-2: rgba(255, 246, 216, .45);--wish-band: linear-gradient(105deg, transparent 28%, rgba(255, 215, 120, .85) 47%, rgba(255, 250, 235, .98) 50%, rgba(255, 215, 120, .85) 53%, transparent 72%), linear-gradient(105deg, transparent 44%, rgba(255, 255, 255, .9) 49.5%, #fff 50%, rgba(255, 255, 255, .9) 50.5%, transparent 56%), linear-gradient(105deg, transparent 40%, rgba(255, 200, 90, .75) 49%, rgba(255, 240, 200, .9) 50%, rgba(255, 200, 90, .75) 51%, transparent 60%);--wish-gem-rest: 0 0 7px rgba(255, 200, 90, .55);--wish-rest: 0 0 0 1px rgba(255, 213, 106, .35), 0 0 18px rgba(255, 196, 80, .42), 0 0 0 transparent, inset 0 0 14px rgba(255, 213, 106, .12);--wish-peak: 0 0 0 3px rgba(255, 236, 170, 1), 0 0 60px rgba(255, 190, 70, 1), 0 0 28px rgba(255, 246, 216, .8), inset 0 0 34px rgba(255, 213, 106, .42);--bloom-r: 104px;--ray-r: 175px;--ray-turn: 45deg;--lift-s: 1.04;--lift-y: -4px;--glint: 54px;--ring-r: 110px}.gem-card[data-wish-tier="5"]{--wish-rim: #ffe9a8;--wish-glow: rgb(255, 200, 90);--wish-hot: #fff6d8;--wish-ray: rgba(255, 232, 170, .85);--wish-ray-2: rgba(230, 185, 255, .65);--wish-ray-3: rgba(160, 225, 255, .6);--wish-band: linear-gradient(105deg, transparent 27%, rgba(255, 160, 220, .7) 44%, rgba(255, 228, 150, .9) 47.5%, #fff 50%, rgba(160, 255, 205, .85) 52.5%, rgba(150, 210, 255, .75) 56%, transparent 73%), linear-gradient(105deg, transparent 44%, rgba(255, 255, 255, .95) 49.5%, #fff 50%, rgba(255, 255, 255, .95) 50.5%, transparent 56%), linear-gradient(105deg, transparent 38%, rgba(210, 180, 255, .75) 47%, rgba(255, 240, 200, .9) 50%, rgba(160, 230, 255, .75) 53%, transparent 62%);--wish-gem-rest: 0 0 9px rgba(255, 205, 120, .6);--wish-rest: 0 0 0 1px rgba(255, 240, 190, .45), 0 0 20px rgba(255, 205, 110, .45), 0 0 34px rgba(190, 150, 255, .25), inset 0 0 16px rgba(255, 236, 180, .14);--bloom-r: 120px;--ray-r: 220px;--glint: 70px;--ring-r: 150px}.gem-card[data-match=full]:after{position:absolute;inset:-1px;border:1px solid var(--wish-rim);border-radius:inherit;box-shadow:var(--wish-rest);content:"";pointer-events:none}.gem-card[data-wish-tier] .gem-card-gem>.ark-gem{filter:brightness(1) drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 0 transparent) drop-shadow(var(--wish-gem-rest))}.gem-wish-back,.gem-wish-front{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.gem-wish-back{z-index:-1}.gem-wish-front{z-index:3}.gem-card[data-wish-tier="5"] .gem-wish-front:before{position:absolute;inset:0;padding:3px;border-radius:inherit;background:conic-gradient(from var(--wish-spin),#ffd56a,#ffb3e6,#d4b8ff,#9fdcff,#a8ffcb,#fff6d8,#ffd56a);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.9;content:""}.gem-tray[data-reveal] .gem-card[data-match=full]:not(.is-current):after{animation:gem-wish-rim 1s ease-out calc(var(--wish-at) + .38s) both}.gem-tray[data-reveal] .gem-card[data-match=full]:not(.is-current):before{position:absolute;inset:0;z-index:2;border-radius:inherit;background:var(--wish-band);background-repeat:no-repeat;background-size:260% 100%;mix-blend-mode:screen;opacity:0;content:"";pointer-events:none;animation:gem-wish-sweep .82s cubic-bezier(.3,.1,.3,1) calc(var(--wish-at) + .42s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="2"]:not(.is-current):after{animation-duration:1.2s}.gem-tray[data-reveal] .gem-card[data-wish-tier="3"]:not(.is-current):after{animation-duration:1.5s}.gem-tray[data-reveal] .gem-card[data-wish-tier="3"]:not(.is-current):before{animation:gem-wish-sweep-2 1.1s linear calc(var(--wish-at) + .42s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="4"]:not(.is-current):after{animation-duration:1.9s}.gem-tray[data-reveal] .gem-card[data-wish-tier="4"]:not(.is-current):before{animation:gem-wish-sweep-3 1.35s linear calc(var(--wish-at) + .44s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current):after{animation:gem-wish-rim-jackpot 2.3s ease-out calc(var(--wish-at) + .38s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current):before{animation:gem-wish-sweep-3 1.6s linear calc(var(--wish-at) + .68s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier]:not([data-wish-tier="1"],.is-current) .gem-wish-back:after{position:absolute;inset:0;background:radial-gradient(circle var(--bloom-r, 72px) at var(--gem-x) var(--gem-y),color-mix(in srgb,var(--wish-hot) 55%,transparent),color-mix(in srgb,var(--wish-glow) 45%,transparent) 25%,color-mix(in srgb,var(--wish-glow) 14%,transparent) 60%,transparent);opacity:0;content:"";animation:gem-wish-bloom 1.1s ease-out calc(var(--wish-at) + .38s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier]:not([data-wish-tier="1"],.is-current) .gem-card-gem>.ark-gem{animation:gem-wish-gem 1.1s ease-out calc(var(--wish-at) + .38s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="3"]:not(.is-current) .gem-wish-back:after{animation-duration:1.3s}.gem-tray[data-reveal] .gem-card[data-wish-tier="3"]:not(.is-current) .gem-card-gem>.ark-gem{animation-duration:1.3s}.gem-tray[data-reveal] .gem-card[data-wish-tier="4"]:not(.is-current) .gem-wish-back:after{animation-duration:1.8s}.gem-tray[data-reveal] .gem-card[data-wish-tier="4"]:not(.is-current) .gem-card-gem>.ark-gem{animation-duration:1.7s}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current) .gem-wish-back:after{background:radial-gradient(circle var(--bloom-r) at var(--gem-x) var(--gem-y),rgba(255,255,255,.7),rgba(255,215,130,.5) 20%,rgba(200,160,255,.22) 55%,transparent);animation:gem-wish-bloom-jackpot 2.4s ease-out calc(var(--wish-at) + .38s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current) .gem-card-gem>.ark-gem{animation:gem-wish-gem-jackpot 2.4s ease-out calc(var(--wish-at) + .38s) both}.gem-tray[data-reveal] .gem-card:is([data-wish-tier="3"],[data-wish-tier="4"],[data-wish-tier="5"]):not(.is-current) .gem-wish-back:before{position:absolute;top:calc(var(--gem-y) - var(--ray-r));left:calc(var(--gem-x) - var(--ray-r));width:calc(var(--ray-r) * 2);height:calc(var(--ray-r) * 2);border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 5deg,var(--wish-ray) 8deg,transparent 11deg 22.5deg),repeating-conic-gradient(from 11deg,transparent 0deg 8deg,var(--wish-ray-2) 10deg,transparent 12deg 30deg);mask:radial-gradient(closest-side,#000 10%,rgba(0,0,0,.55) 42%,transparent 100%);opacity:0;content:"";animation:gem-wish-rays 1.5s cubic-bezier(.2,.7,.3,1) calc(var(--wish-at) + .4s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="4"]:not(.is-current) .gem-wish-back:before{animation-duration:2s}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current) .gem-wish-back:before{background:repeating-conic-gradient(from 0deg,transparent 0deg 4deg,var(--wish-ray) 7deg,transparent 10deg 20deg),repeating-conic-gradient(from 7deg,transparent 0deg 7deg,var(--wish-ray-2) 9deg,transparent 11deg 24deg),repeating-conic-gradient(from 15deg,transparent 0deg 9deg,var(--wish-ray-3) 11deg,transparent 13deg 36deg);animation:gem-wish-rays-jackpot 2.6s cubic-bezier(.25,.6,.3,1) calc(var(--wish-at) + .38s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier]:not([data-wish-tier="1"],.is-current) .gem-card-gem:after{position:absolute;top:24%;left:66%;z-index:1;width:var(--glint);height:var(--glint);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--wish-hot) 70%,transparent) 42%,#fff 50%,color-mix(in srgb,var(--wish-hot) 70%,transparent) 58%,transparent) center / 100% 2px no-repeat,linear-gradient(0deg,transparent,color-mix(in srgb,var(--wish-hot) 70%,transparent) 42%,#fff 50%,color-mix(in srgb,var(--wish-hot) 70%,transparent) 58%,transparent) center / 2px 100% no-repeat,radial-gradient(circle closest-side,#fff,color-mix(in srgb,var(--wish-hot) 55%,transparent) 30%,transparent) center / 34% 34% no-repeat;translate:-50% -50%;opacity:0;content:"";pointer-events:none;animation:gem-wish-glint .7s ease-out calc(var(--wish-at) + .42s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current) .gem-card-gem:after{animation:gem-wish-glint 1s ease-out calc(var(--wish-at) + .65s) both}.gem-tray[data-reveal] .gem-card:is([data-wish-tier="4"],[data-wish-tier="5"]):not(.is-current) .gem-wish-front:after{position:absolute;top:var(--gem-y);left:var(--gem-x);width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;content:"";animation:gem-wish-sparks .95s linear calc(var(--wish-at) + .43s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current) .gem-wish-front:after{animation:gem-wish-sparks-prism 1.7s linear calc(var(--wish-at) + .66s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current) .gem-wish-front:before{animation:gem-wish-spin 2.4s cubic-bezier(.2,.6,.25,1) calc(var(--wish-at) + .64s) both}.gem-tray[data-reveal] .gem-card:is([data-wish-tier="4"],[data-wish-tier="5"]):not(.is-current) .gem-wish-ring{position:absolute;top:calc(var(--gem-y) - var(--ring-r));left:calc(var(--gem-x) - var(--ring-r));width:calc(var(--ring-r) * 2);height:calc(var(--ring-r) * 2);border:12px solid var(--wish-hot);border-radius:50%;box-shadow:0 0 14px color-mix(in srgb,var(--wish-glow) 80%,transparent),inset 0 0 14px color-mix(in srgb,var(--wish-glow) 70%,transparent);opacity:0;animation:gem-wish-ring .76s cubic-bezier(.1,.6,.3,1) calc(var(--wish-at) + .42s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current) .gem-wish-ring{border-color:#fff6e0;box-shadow:0 0 0 1px #ffb4e6b3,0 0 16px #ffcd6ee6,0 0 26px #a0d2ff99,inset 0 0 16px #d2aaffb3;animation:gem-wish-ring .9s cubic-bezier(.1,.6,.3,1) calc(var(--wish-at) + .66s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current) .gem-wish-ring+.gem-wish-ring{animation:gem-wish-ring 1s cubic-bezier(.1,.6,.3,1) calc(var(--wish-at) + .86s) both}.gem-tray[data-reveal] .gem-card:is([data-wish-tier="3"],[data-wish-tier="4"]):not(.is-current){animation:gem-card-rise .42s cubic-bezier(.2,.8,.2,1) var(--wish-at) both,gem-wish-lift .54s cubic-bezier(.25,.7,.3,1) calc(var(--wish-at) + .4s) both}.gem-tray[data-reveal] .gem-card[data-wish-tier="5"]:not(.is-current){animation:gem-card-rise .42s cubic-bezier(.2,.8,.2,1) var(--wish-at) both,gem-wish-lift-jackpot .76s cubic-bezier(.3,.6,.3,1) calc(var(--wish-at) + .38s) both}.gem-tray[data-reveal]:has(.gem-card[data-wish-tier="5"]:not(.is-current)):after{position:absolute;inset:0;box-shadow:inset 0 1px #fff0bef2,inset 0 0 0 1px #ffd56a73,inset 0 0 72px #ffc85a66,inset 0 -24px 48px -24px #be96ff66;mix-blend-mode:screen;opacity:0;content:"";pointer-events:none;animation:gem-wish-tray 1.4s ease-out calc(var(--reveal-shift, 0ms) + .72s) both}.gem-tray[data-reveal]:has(.gem-card[data-wish-tier="5"]:not(.is-current)):before{animation:gem-wish-tray-line 1.6s ease-out calc(var(--reveal-shift, 0ms) + .72s) both}.gem-badge-odds{padding:0 6px;color:#a6ffb8;font-size:10px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.3;white-space:nowrap}.gem-badge[data-wish-tier="3"]{box-shadow:0 0 0 1px #7ff5d0a6;color:#9ff7dc}.gem-badge-odds[data-wish-tier="3"]{color:#9ff7dc}.gem-badge[data-wish-tier="4"]{background:linear-gradient(180deg,#3a2808eb,#120b02eb);box-shadow:0 0 0 1px #ffd56acc,0 0 8px #ffbe4659;color:#ffe08a}.gem-badge-odds[data-wish-tier="4"]{color:#ffe08a;text-shadow:0 0 6px rgba(255,190,70,.55)}.gem-badge[data-wish-tier="5"]{padding:0 5px;border:1px solid transparent;background:linear-gradient(#160c1ef0,#160c1ef0) padding-box,linear-gradient(90deg,#ffd56a,#ffb3e6,#9fdcff,#a8ffcb,#ffd56a) border-box;box-shadow:0 0 10px #ffcd6e66;color:#fff0c2}.gem-badge-odds[data-wish-tier="5"]{background:linear-gradient(90deg,#ffe9a8,#ffb3e6 55%,#9fdcff);background-clip:text;color:transparent;filter:drop-shadow(0 0 4px rgba(255,205,110,.45))}@keyframes gem-wish-rim{0%{box-shadow:var(--wish-rest)}25%{box-shadow:var(--wish-peak)}to{box-shadow:var(--wish-rest)}}@keyframes gem-wish-rim-jackpot{0%{box-shadow:var(--wish-rest)}11%{box-shadow:0 0 0 1px #fff0beb3,0 0 10px #ffcd6e8c,0 0 4px #be96ff33,inset 0 0 30px #ffecb459}14%{box-shadow:0 0 0 4px #fff6d8,0 0 64px #ffc85a,0 0 40px #c896ffd9,inset 0 0 40px #ffecb480}45%{box-shadow:0 0 0 2px #fff0bee6,0 0 42px #ffc85ab3,0 0 52px #a0c8ff80,inset 0 0 32px #ffecb452}to{box-shadow:var(--wish-rest)}}@keyframes gem-wish-sweep{0%{background-position:130% 0;opacity:0}15%{opacity:1}85%{opacity:1}to{background-position:-30% 0;opacity:0}}@keyframes gem-wish-sweep-2{0%{background-position:130% 0,130% 0;opacity:0}8%{opacity:1}20%{background-position:76.7% 0,130% 0}40%{background-position:23.3% 0,76.7% 0}60%{background-position:-30% 0,23.3% 0}80%{background-position:-30% 0,-30% 0;opacity:1}to{background-position:-30% 0,-30% 0;opacity:0}}@keyframes gem-wish-sweep-3{0%{background-position:130% 0,130% 0,130% 0;opacity:0}6%{opacity:1}20%{background-position:76.7% 0,130% 0,130% 0}40%{background-position:23.3% 0,76.7% 0,130% 0}60%{background-position:-30% 0,23.3% 0,76.7% 0}80%{background-position:-30% 0,-30% 0,23.3% 0}94%{opacity:1}to{background-position:-30% 0,-30% 0,-30% 0;opacity:0}}@keyframes gem-wish-bloom{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes gem-wish-bloom-jackpot{0%{opacity:0;scale:1}11%{opacity:.55}14%{opacity:1}50%{opacity:.6}to{opacity:0}}@keyframes gem-wish-gem{0%{filter:brightness(1) drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 0 transparent) drop-shadow(var(--wish-gem-rest))}22%{filter:brightness(1.55) drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 7px var(--wish-hot)) drop-shadow(0 0 18px var(--wish-glow))}to{filter:brightness(1) drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 0 transparent) drop-shadow(var(--wish-gem-rest))}}@keyframes gem-wish-gem-jackpot{0%{filter:brightness(1) drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 0 transparent) drop-shadow(var(--wish-gem-rest))}11%{filter:brightness(1.7) drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 4px #fff6d8) drop-shadow(0 0 10px rgba(255,200,90,.9))}13%{filter:brightness(2.6) drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 10px #fff) drop-shadow(0 0 26px rgba(255,210,120,1))}40%{filter:brightness(1.35) drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(255,180,230,.8)) drop-shadow(0 0 18px rgba(160,210,255,.7))}to{filter:brightness(1) drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 0 transparent) drop-shadow(var(--wish-gem-rest))}}@keyframes gem-wish-rays{0%{opacity:0;scale:.35;rotate:0deg}18%{opacity:1;scale:1}to{opacity:0;scale:1.12;rotate:var(--ray-turn, 30deg)}}@keyframes gem-wish-rays-jackpot{0%{opacity:0;scale:1.5;rotate:-20deg}10%{opacity:.55;scale:.42;rotate:0deg}13%{opacity:1;scale:.9}30%{opacity:1;scale:1.08}to{opacity:0;scale:1.2;rotate:75deg}}@keyframes gem-wish-glint{0%{opacity:0;scale:.2;rotate:-40deg}30%{opacity:1;scale:1;rotate:0deg}to{opacity:0;scale:.55;rotate:30deg}}@keyframes gem-wish-lift{0%{scale:1;translate:0 0}35%{scale:var(--lift-s);translate:0 var(--lift-y)}72%{scale:.997;translate:0 1px}to{scale:1;translate:0 0}}@keyframes gem-wish-lift-jackpot{0%{scale:1;translate:0 0}37%{scale:.985;translate:0 2px}50%{scale:1.06;translate:0 -6px}72%{scale:.995;translate:0 1px}to{scale:1;translate:0 0}}@keyframes gem-wish-spin{0%{--wish-spin: 0deg;opacity:.9}6%{opacity:1}70%{opacity:1}to{--wish-spin: 720deg;opacity:.9}}@keyframes gem-wish-ring{0%{opacity:0;scale:.1;border-width:12px}10%{opacity:1}to{opacity:0;scale:1;border-width:1px}}@keyframes gem-wish-tray-line{0%{transform:translate(-50%);filter:none}18%{transform:translate(-50%) scale(1.45,3);filter:brightness(2) drop-shadow(0 0 6px rgba(255,210,120,.9))}to{transform:translate(-50%);filter:none}}@keyframes gem-wish-tray{0%{opacity:0}16%{opacity:1}to{opacity:0}}@keyframes gem-wish-sparks{0%{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent}12%{box-shadow:10px -23px 1.5px 2.1px #fff6d8fc,22px -25px 1.5px 1.9px #ffd56afc,29px -14px 1.5px 1.7px #ffe9a8fc,24px 0 1.5px 1.8px #fff6d8fc,36px 15px 1.5px 1.8px #ffd56afc,26px 23px 1.5px 2.3px #ffe9a8fc,12px 28px 1.5px 2.3px #fff6d8fc,5px 40px 1.5px 1.9px #ffd56afc,-7px 24px 1.5px 1.9px #ffe9a8fc,-19px 18px 1.5px 2.1px #fff6d8fc,-27px 12px 1.5px 2px #ffd56afc}35%{box-shadow:23px -52px 1.5px 1.6px #fff6d8e0,51px -55px 1.5px 1.5px #ffd56ae0,67px -32px 1.5px 1.4px #ffe9a8e0,54px 2px 1.5px 1.4px #fff6d8e0,83px 35px 1.5px 1.4px #ffd56ae0,60px 55px 1.5px 1.8px #ffe9a8e0,26px 66px 1.5px 1.8px #fff6d8e0,12px 92px 1.5px 1.5px #ffd56ae0,-15px 56px 1.5px 1.5px #ffe9a8e0,-43px 42px 1.5px 1.6px #fff6d8e0,-62px 29px 1.5px 1.6px #ffd56ae0}65%{box-shadow:31px -65px 1.5px 1px #fff6d894,67px -69px 1.5px 1px #ffd56a94,88px -39px 1.5px .9px #ffe9a894,71px 6px 1.5px .9px #fff6d894,110px 50px 1.5px .9px #ffd56a94,80px 75px 1.5px 1.1px #ffe9a894,35px 90px 1.5px 1.1px #fff6d894,15px 125px 1.5px .9px #ffd56a94,-20px 77px 1.5px .9px #ffe9a894,-57px 59px 1.5px 1px #fff6d894,-82px 42px 1.5px 1px #ffd56a94}to{box-shadow:32px -61px 1.5px .3px transparent,70px -66px 1.5px .3px transparent,92px -34px 1.5px .3px transparent,75px 13px 1.5px .3px transparent,115px 59px 1.5px .3px transparent,83px 85px 1.5px .3px transparent,36px 101px 1.5px .3px transparent,16px 137px 1.5px .3px transparent,-21px 87px 1.5px .3px transparent,-59px 68px 1.5px .3px transparent,-86px 50px 1.5px .3px transparent}}@keyframes gem-wish-sparks-prism{0%{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent}7%{box-shadow:7px -24px 1.5px 1.9px #fff6d8fc,23px -24px 1.5px 1.9px #ffb3e6fc,31px -15px 1.5px 1.9px #ffd56afc,40px -2px 1.5px 1.9px #a8ffcbfc,35px 9px 1.5px 2.3px #9fdcfffc,24px 19px 1.5px 2.3px #d4b8fffc,21px 26px 1.5px 2.2px #fff6d8fc,11px 34px 1.5px 1.8px #ffb3e6fc,-7px 41px 1.5px 2.1px #ffd56afc,-17px 26px 1.5px 2.2px #a8ffcbfc,-29px 24px 1.5px 2px #9fdcfffc,-44px 13px 1.5px 2px #d4b8fffc,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent}22%{box-shadow:16px -58px 1.5px 1.4px #fff6d8de,56px -58px 1.5px 1.5px #ffb3e6de,74px -36px 1.5px 1.5px #ffd56ade,97px -4px 1.5px 1.4px #a8ffcbde,84px 24px 1.5px 1.7px #9fdcffde,59px 47px 1.5px 1.8px #d4b8ffde,52px 64px 1.5px 1.7px #fff6d8de,27px 83px 1.5px 1.4px #ffb3e6de,-16px 101px 1.5px 1.6px #ffd56ade,-41px 65px 1.5px 1.6px #a8ffcbde,-69px 60px 1.5px 1.5px #9fdcffde,-106px 32px 1.5px 1.5px #d4b8ffde,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent}30%{box-shadow:19px -68px 1.5px 1.2px #fff6d8c4,67px -67px 1.5px 1.2px #ffb3e6c4,88px -42px 1.5px 1.2px #ffd56ac4,114px -4px 1.5px 1.2px #a8ffcbc4,100px 29px 1.5px 1.4px #9fdcffc4,70px 56px 1.5px 1.5px #d4b8ffc4,61px 77px 1.5px 1.4px #fff6d8c4,31px 98px 1.5px 1.1px #ffb3e6c4,-19px 120px 1.5px 1.3px #ffd56ac4,-48px 78px 1.5px 1.4px #a8ffcbc4,-82px 71px 1.5px 1.3px #9fdcffc4,-125px 39px 1.5px 1.3px #d4b8ffc4,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent}38%{box-shadow:21px -72px 1.5px 1px #fff6d89e,73px -72px 1.5px 1px #ffb3e69e,96px -44px 1.5px 1px #ffd56a9e,125px -3px 1.5px 1px #a8ffcb9e,109px 33px 1.5px 1.2px #9fdcff9e,76px 63px 1.5px 1.2px #d4b8ff9e,67px 86px 1.5px 1.1px #fff6d89e,34px 109px 1.5px .9px #ffb3e69e,-21px 132px 1.5px 1.1px #ffd56a9e,-53px 87px 1.5px 1.1px #a8ffcb9e,-89px 79px 1.5px 1px #9fdcff9e,-136px 44px 1.5px 1px #d4b8ff9e,11px -12px 1.5px 2.2px #fff6d8fc,30px -15px 1.5px 2.2px #ffb3e6fc,22px -4px 1.5px 2.1px #ffd56afc,24px 3px 1.5px 1.8px #a8ffcbfc,14px 8px 1.5px 2.2px #9fdcfffc,13px 16px 1.5px 2px #d4b8fffc,3px 17px 1.5px 2px #fff6d8fc,-4px 31px 1.5px 2.2px #ffb3e6fc,-11px 17px 1.5px 2px #ffd56afc,-23px 21px 1.5px 2.3px #a8ffcbfc}40%{box-shadow:21px -73px 1.5px .9px #fff6d894,74px -73px 1.5px .9px #ffb3e694,97px -44px 1.5px .9px #ffd56a94,126px -3px 1.5px .9px #a8ffcb94,110px 34px 1.5px 1.1px #9fdcff94,77px 64px 1.5px 1.1px #d4b8ff94,67px 87px 1.5px 1.1px #fff6d894,35px 111px 1.5px .9px #ffb3e694,-21px 135px 1.5px 1px #ffd56a94,-53px 88px 1.5px 1px #a8ffcb94,-90px 81px 1.5px 1px #9fdcff94,-138px 45px 1.5px 1px #d4b8ff94,13px -14px 1.5px 2.1px #fff6d8fa,36px -18px 1.5px 2.2px #ffb3e6fa,27px -5px 1.5px 2.1px #ffd56afa,29px 4px 1.5px 1.8px #a8ffcbfa,17px 10px 1.5px 2.1px #9fdcfffa,15px 19px 1.5px 1.9px #d4b8fffa,3px 20px 1.5px 1.9px #fff6d8fa,-5px 38px 1.5px 2.2px #ffb3e6fa,-13px 21px 1.5px 1.9px #ffd56afa,-28px 26px 1.5px 2.2px #a8ffcbfa}54%{box-shadow:22px -72px 1.5px .5px #fff6d83d,77px -72px 1.5px .5px #ffb3e63d,101px -42px 1.5px .5px #ffd56a3d,132px 1px 1.5px .5px #a8ffcb3d,115px 39px 1.5px .6px #9fdcff3d,80px 71px 1.5px .6px #d4b8ff3d,70px 95px 1.5px .6px #fff6d83d,36px 120px 1.5px .5px #ffb3e63d,-22px 144px 1.5px .6px #ffd56a3d,-56px 96px 1.5px .6px #a8ffcb3d,-94px 88px 1.5px .5px #9fdcff3d,-145px 51px 1.5px .5px #d4b8ff3d,26px -27px 1.5px 1.7px #fff6d8e0,70px -34px 1.5px 1.7px #ffb3e6e0,52px -8px 1.5px 1.7px #ffd56ae0,55px 9px 1.5px 1.4px #a8ffcbe0,33px 20px 1.5px 1.7px #9fdcffe0,29px 37px 1.5px 1.5px #d4b8ffe0,6px 40px 1.5px 1.6px #fff6d8e0,-10px 74px 1.5px 1.7px #ffb3e6e0,-26px 41px 1.5px 1.5px #ffd56ae0,-55px 51px 1.5px 1.8px #a8ffcbe0}62%{box-shadow:22px -70px 1.5px .3px transparent,77px -69px 1.5px .3px transparent,102px -39px 1.5px .3px transparent,132px 4px 1.5px .3px transparent,115px 42px 1.5px .3px transparent,81px 74px 1.5px .3px transparent,71px 98px 1.5px .3px transparent,36px 123px 1.5px .3px transparent,-22px 148px 1.5px .3px transparent,-56px 99px 1.5px .3px transparent,-95px 91px 1.5px .3px transparent,-145px 54px 1.5px .3px transparent,30px -31px 1.5px 1.4px #fff6d8c9,82px -39px 1.5px 1.5px #ffb3e6c9,60px -8px 1.5px 1.4px #ffd56ac9,65px 11px 1.5px 1.2px #a8ffcbc9,39px 25px 1.5px 1.5px #9fdcffc9,34px 45px 1.5px 1.3px #d4b8ffc9,7px 48px 1.5px 1.3px #fff6d8c9,-12px 88px 1.5px 1.5px #ffb3e6c9,-31px 49px 1.5px 1.3px #ffd56ac9,-64px 61px 1.5px 1.5px #a8ffcbc9}76%{box-shadow:22px -70px 1.5px .3px transparent,77px -69px 1.5px .3px transparent,102px -39px 1.5px .3px transparent,132px 4px 1.5px .3px transparent,115px 42px 1.5px .3px transparent,81px 74px 1.5px .3px transparent,71px 98px 1.5px .3px transparent,36px 123px 1.5px .3px transparent,-22px 148px 1.5px .3px transparent,-56px 99px 1.5px .3px transparent,-95px 91px 1.5px .3px transparent,-145px 54px 1.5px .3px transparent,35px -33px 1.5px 1px #fff6d891,94px -42px 1.5px 1px #ffb3e691,69px -7px 1.5px 1px #ffd56a91,74px 15px 1.5px .9px #a8ffcb91,45px 31px 1.5px 1px #9fdcff91,39px 53px 1.5px .9px #d4b8ff91,8px 57px 1.5px 1px #fff6d891,-14px 103px 1.5px 1px #ffb3e691,-35px 59px 1.5px 1px #ffd56a91,-73px 72px 1.5px 1.1px #a8ffcb91}to{box-shadow:22px -70px 1.5px .3px transparent,77px -69px 1.5px .3px transparent,102px -39px 1.5px .3px transparent,132px 4px 1.5px .3px transparent,115px 42px 1.5px .3px transparent,81px 74px 1.5px .3px transparent,71px 98px 1.5px .3px transparent,36px 123px 1.5px .3px transparent,-22px 148px 1.5px .3px transparent,-56px 99px 1.5px .3px transparent,-95px 91px 1.5px .3px transparent,-145px 54px 1.5px .3px transparent,36px -28px 1.5px .3px transparent,98px -37px 1.5px .3px transparent,72px -1px 1.5px .3px transparent,77px 22px 1.5px .3px transparent,47px 39px 1.5px .3px transparent,41px 62px 1.5px .3px transparent,8px 66px 1.5px .3px transparent,-15px 114px 1.5px .3px transparent,-36px 68px 1.5px .3px transparent,-76px 81px 1.5px .3px transparent}}@media(prefers-reduced-motion:reduce){.gem-tray[data-reveal] .gem-card[data-match=full]:not(.is-current),.gem-tray[data-reveal] .gem-card[data-match=full]:not(.is-current):before,.gem-tray[data-reveal] .gem-card[data-match=full]:not(.is-current):after,.gem-tray[data-reveal] .gem-card[data-wish-tier]:not(.is-current) .gem-wish-back:before,.gem-tray[data-reveal] .gem-card[data-wish-tier]:not(.is-current) .gem-wish-back:after,.gem-tray[data-reveal] .gem-card[data-wish-tier]:not(.is-current) .gem-wish-front:before,.gem-tray[data-reveal] .gem-card[data-wish-tier]:not(.is-current) .gem-wish-front:after,.gem-tray[data-reveal] .gem-card[data-wish-tier]:not(.is-current) .gem-card-gem:after,.gem-tray[data-reveal] .gem-card[data-wish-tier]:not(.is-current) .gem-card-gem>.ark-gem,.gem-tray[data-reveal] .gem-card[data-wish-tier]:not(.is-current) .gem-wish-front>.gem-wish-ring,.gem-tray[data-reveal]:has(.gem-card[data-wish-tier="5"]:not(.is-current)):before,.gem-tray[data-reveal]:has(.gem-card[data-wish-tier="5"]:not(.is-current)):after{animation:none}}}@layer features{.build-preset-overlay{position:fixed;inset:0;z-index:9212;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.build-preset-overlay.open{display:flex}.build-preset-overlay .build-preset-modal{width:min(1280px,100%);height:min(860px,100%);max-height:100%;overflow:hidden;word-break:keep-all}.build-preset-overlay .build-preset-heading{flex:1 1 200px;min-width:0}.build-preset-overlay .build-preset-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:0 var(--space-5)}.build-preset-overlay .build-preset-status:not(:empty){padding-block:var(--space-2-5);border-bottom:1px solid var(--color-line-1);background:var(--color-surface-2)}.build-preset-overlay .build-preset-status-text{flex:1 1 220px;margin:0;color:var(--color-text-2);font-size:var(--text-sm)}.build-preset-overlay .build-preset-status-text[data-tone=success]{color:var(--color-success)}.build-preset-overlay .build-preset-status-text[data-tone=danger]{color:var(--color-danger-strong)}.build-preset-overlay .build-preset-status-text[data-tone=warning]{color:var(--color-warning)}.build-preset-overlay .build-preset-layout{display:grid;flex:1;grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(240px,300px);min-height:0}.build-preset-overlay .build-preset-modal[data-ready=false] .build-preset-layout{display:none}.build-preset-overlay :is(.build-preset-nav,.build-preset-main,.build-preset-side){display:flex;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0;padding:var(--space-4);overflow:auto}.build-preset-overlay .build-preset-nav{border-right:1px solid var(--color-line-1)}.build-preset-overlay .build-preset-side{border-left:1px solid var(--color-line-1);background:var(--color-surface-2)}.build-preset-overlay .build-preset-env{align-self:flex-start}.build-preset-overlay .build-preset-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.build-preset-overlay .build-preset-slot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1-5);width:100%;min-height:var(--control-h-lg);height:auto;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-1);text-align:left;white-space:normal}.build-preset-overlay .build-preset-slot:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-surface-3)}.build-preset-overlay .build-preset-slot.is-selected{border-color:var(--color-gold-2);background:var(--color-gold-soft)}.build-preset-overlay .build-preset-slot-name{flex:1 1 100%;min-width:0;font-weight:var(--weight-semibold);overflow-wrap:anywhere}.build-preset-overlay .build-preset-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3) var(--space-4)}.build-preset-overlay .build-preset-identity label,.build-preset-overlay .build-preset-field-label{color:var(--color-text-3);font-size:var(--text-xs)}.build-preset-overlay .build-preset-name-field input{width:100%;min-width:0}.build-preset-overlay .build-preset-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.build-preset-overlay .build-preset-tools label{flex:1 1 100%}.build-preset-overlay .build-preset-tools select{flex:1 1 140px;min-width:0;max-width:100%}.build-preset-overlay .build-preset-notices{display:flex;flex-direction:column;gap:var(--space-2)}.build-preset-overlay .build-preset-notices:empty{display:none}.build-preset-overlay .build-preset-lock{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-info-line);border-radius:var(--radius-md);background:var(--color-info-soft);color:var(--color-text-1);font-size:var(--text-sm)}.build-preset-overlay :is(.build-preset-conflict,.build-preset-legacy){display:flex;flex-direction:column;gap:var(--space-1-5);padding:var(--space-3);border:1px solid var(--color-warning-line);border-radius:var(--radius-md);background:var(--color-warning-soft);font-size:var(--text-sm)}.build-preset-overlay :is(.build-preset-conflict,.build-preset-legacy) :is(p,ul){margin:0}.build-preset-overlay .build-preset-legacy ul{padding-left:var(--space-5);color:var(--color-text-2)}.build-preset-overlay .build-preset-section{flex:none;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2)}.build-preset-overlay .build-preset-section-head{margin:0}.build-preset-overlay .build-preset-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--control-h-md);height:auto;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-lg);background:transparent;box-shadow:none;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);text-align:left}.build-preset-overlay .build-preset-section-toggle:after{content:"";flex:none;width:8px;height:8px;margin-left:var(--space-1);border-right:2px solid var(--color-text-3);border-bottom:2px solid var(--color-text-3);transform:rotate(225deg);transition:transform var(--duration-fast) var(--ease-out)}.build-preset-overlay .build-preset-section[data-collapsed=true] .build-preset-section-toggle:after{transform:rotate(45deg)}.build-preset-overlay .build-preset-section-title{flex:1;min-width:0}.build-preset-overlay .build-preset-section-count{color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--weight-regular)}.build-preset-overlay .build-preset-section-body{display:flex;flex-direction:column;gap:var(--space-2-5);padding:var(--space-1) var(--space-3) var(--space-3)}.build-preset-overlay .build-preset-section[data-collapsed=true] .build-preset-section-body{display:none}.build-preset-overlay .build-preset-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--space-3)}.build-preset-overlay .build-preset-field{min-width:0}.build-preset-overlay .build-preset-field select{width:100%;min-width:0}.build-preset-overlay :is(.build-preset-note,.build-preset-error,.build-preset-side-text,.build-preset-confirm-text){margin:0}.build-preset-overlay .build-preset-error:empty{display:none}.build-preset-overlay .build-preset-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:var(--space-2)}.build-preset-overlay .build-preset-check{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-h-md);padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep);font-size:var(--text-sm);cursor:pointer}.build-preset-overlay .build-preset-check:has(input:checked){border-color:var(--color-gold-line);background:var(--color-gold-faint)}.build-preset-overlay .build-preset-check:has(input:disabled){color:var(--color-text-disabled);cursor:default}.build-preset-overlay .build-preset-check input{flex:none}.build-preset-overlay .build-preset-check-label{flex:1;min-width:0}.build-preset-overlay .build-preset-jewel-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.build-preset-overlay .build-preset-jewel-table :is(th,td){height:var(--control-h-sm);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-line-1);text-align:center}.build-preset-overlay .build-preset-jewel-table thead th{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-medium)}.build-preset-overlay .build-preset-jewel-table th[scope=row]{width:25%;text-align:left}.build-preset-overlay .build-preset-jewel-table tr.has-error th[scope=row]{color:var(--color-danger-strong)}.build-preset-overlay .build-preset-subtitle{margin:0 0 var(--space-2);color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.build-preset-overlay :is(.build-preset-row-actions,.build-preset-action-row){display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.build-preset-overlay .build-preset-side-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.build-preset-overlay .build-preset-side-head .section-title{margin:0}.build-preset-overlay :is(.build-preset-power,.build-preset-actions){display:flex;flex-direction:column;gap:var(--space-2)}.build-preset-overlay .build-preset-side-text{color:var(--color-text-2);font-size:var(--text-sm)}.build-preset-overlay .build-preset-reference{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep)}.build-preset-overlay .build-preset-reference-label{color:var(--color-text-3);font-size:var(--text-xs)}.build-preset-overlay .build-preset-reference-value{color:var(--color-text-1);font-size:var(--text-2xl);font-variant-numeric:tabular-nums}.build-preset-overlay .build-preset-actions{padding-top:var(--space-3);border-top:1px solid var(--color-line-1)}.build-preset-overlay .build-preset-action-row .btn{flex:1 1 110px}.build-preset-overlay .build-preset-default-btn{width:100%;height:auto;min-height:var(--control-h-md);white-space:normal}.build-preset-overlay .build-preset-confirm{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-backdrop)}.build-preset-overlay .build-preset-confirm.open{display:flex}.build-preset-overlay .build-preset-confirm-box{gap:var(--space-3);width:min(440px,100%);padding:var(--space-5)}.build-preset-overlay .build-preset-confirm-text{color:var(--color-text-2)}.build-preset-overlay .build-preset-confirm-box .dialog-footer{padding:0;border-top:0}@media(max-width:1080px){.build-preset-overlay .build-preset-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.build-preset-overlay .build-preset-nav{grid-row:1 / span 2}.build-preset-overlay .build-preset-side{max-height:40vh;border-top:1px solid var(--color-line-1);border-left:0}}@media(max-width:760px){.build-preset-overlay{padding:0}.build-preset-overlay .build-preset-modal{width:100%;height:100%;min-width:0;border-radius:0}.build-preset-overlay :is(.dialog-header,.build-preset-status){padding-inline:var(--space-3)}.build-preset-overlay .build-preset-layout{display:flex;flex-direction:column;overflow:auto}.build-preset-overlay :is(.build-preset-nav,.build-preset-main){flex:none;padding:var(--space-3);overflow:visible}.build-preset-overlay .build-preset-nav{grid-row:auto;border-right:0;border-bottom:1px solid var(--color-line-1)}.build-preset-overlay .build-preset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}.build-preset-overlay .build-preset-identity{grid-template-columns:minmax(0,1fr)}.build-preset-overlay .build-preset-side{display:contents}.build-preset-overlay .build-preset-power{flex:none;padding:var(--space-3);border-top:1px solid var(--color-line-1);background:var(--color-surface-2)}.build-preset-overlay .build-preset-actions{position:sticky;bottom:0;z-index:1;flex:none;padding:var(--space-2-5) var(--space-3) calc(var(--space-2-5) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-line-2);background:var(--color-surface-1);box-shadow:var(--shadow-2)}.build-preset-overlay .build-preset-actions .build-preset-lock{display:none}.build-preset-overlay .build-preset-confirm{border-radius:0}}.build-preset-overlay{--color-surface-1: var(--ark-void);--color-surface-2: var(--ark-panel);--color-surface-3: var(--ark-panel-raised);--color-bg-deep: var(--ark-void);--color-line-1: var(--ark-panel-line);--color-line-2: var(--ark-panel-line);--color-line-3: var(--ark-glow);--color-gold-1: var(--ark-metal-1);--color-gold-2: var(--ark-metal-2);--color-gold-line: var(--ark-metal-2);--color-gold-soft: color-mix(in srgb, var(--ark-metal-2) 30%, var(--ark-void));--color-control: var(--ark-panel-raised);--color-control-line: var(--ark-panel-line);--radius-md: var(--radius-sm);--radius-lg: var(--radius-sm)}.build-preset-overlay .build-preset-modal{border-radius:var(--radius-sm);background:radial-gradient(ellipse 60% 40% at 50% 0%,var(--ark-nebula-1),transparent 72%),radial-gradient(ellipse 40% 50% at 100% 100%,var(--ark-nebula-3),transparent 74%),linear-gradient(180deg,var(--ark-deep),var(--ark-void));box-shadow:0 0 0 1px var(--ark-void),0 0 0 2px var(--ark-metal-3),var(--shadow-3)}.build-preset-overlay .build-preset-header{position:relative;background:linear-gradient(180deg,var(--ark-panel-raised),var(--ark-panel))}.build-preset-overlay .build-preset-header:after{position:absolute;left:50%;bottom:-1px;width:min(360px,60%);height:1px;background:linear-gradient(90deg,transparent,var(--ark-metal-1),transparent);content:"";transform:translate(-50%)}.build-preset-overlay .build-preset-title{color:var(--ark-metal-1);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:.28em}.build-preset-overlay .build-preset-section-title{color:var(--ark-metal-1);letter-spacing:.16em}.build-preset-overlay .build-preset-core{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:var(--space-3);min-width:0}.build-preset-overlay .build-preset-core-icon{width:56px;aspect-ratio:1}}@layer features{.is-cost-short{color:var(--color-danger-strong)}.btn--primary:not(:disabled) .is-cost-short{color:#8c1a12}}@layer features{.inventory-modal{width:min(1320px,100%);height:min(1000px,calc(100vh - 32px));overflow:hidden}.inventory-heading{min-width:0}.inventory-tabs{flex:none;padding:0 var(--space-5)}.inventory-tab{min-width:88px}.inventory-body-frame{display:grid;flex:1 1 auto;grid-template-columns:232px minmax(0,1fr);gap:var(--space-4);min-height:0;padding:var(--space-4) var(--space-5) var(--space-5)}.inventory-side-panel{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;overflow-y:auto}.inventory-resource-bar{display:flex;flex-direction:column;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2);overflow:hidden}.inventory-resource-bar .resource-card{display:flex;align-items:center;gap:var(--space-2-5);min-height:44px;padding:var(--space-2) var(--space-3);border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transition:background-color var(--duration-fast) var(--ease-out)}.inventory-resource-bar .resource-card:after{content:none}.inventory-resource-bar .resource-card+.resource-card{border-top:1px solid var(--color-line-1)}.inventory-resource-bar .resource-card:hover{background:var(--color-surface-3)}.inventory-resource-bar .resource-icon{--resource-icon-size: 24px}.inventory-resource-bar .resource-info{display:flex;flex:1;align-items:baseline;justify-content:space-between;gap:var(--space-2);min-width:0}.inventory-resource-bar .resource-name{overflow:hidden;color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.inventory-resource-bar .resource-value{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.inventory-content-panel{display:flex;flex-direction:column;min-height:0}.inventory-list{display:grid;flex:1 1 auto;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:var(--space-3);min-height:0;padding-right:var(--space-1);overflow-y:auto}.inventory-card{display:flex;min-width:0;padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2);transition:border-color var(--duration-fast) var(--ease-out)}.inventory-card:hover{border-color:var(--color-line-2)}.inventory-card-body{display:flex;flex:1;flex-direction:column;gap:var(--space-2-5);min-width:0}.inventory-card-topline{display:flex;align-items:flex-start;gap:var(--space-3)}.inventory-card-mainline{display:flex;flex:1;align-items:center;gap:var(--space-3);min-width:0}.inventory-item-slot{display:flex;flex:none}.inventory-card-title-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1-5);min-width:0}.inventory-card-title{max-width:100%;overflow:hidden;color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.inventory-card-subline{display:flex;flex-wrap:wrap;gap:var(--space-1)}.inventory-count{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.inventory-count-label{color:var(--color-text-3);font-size:var(--text-xs)}.inventory-count-value{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.inventory-card-desc{color:var(--color-text-2);font-size:var(--text-sm);line-height:1.55;word-break:keep-all}.inventory-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1-5);margin-top:auto;padding-top:var(--space-1)}.inventory-open-btn{min-width:72px;min-height:var(--control-h-sm);padding:4px var(--space-3);font-size:var(--text-sm)}.inventory-card.is-empty .inventory-item-slot,.inventory-card.is-empty .inventory-card-title,.inventory-card.is-empty .inventory-count-value{opacity:.45}.inventory-enhance-btn{min-height:22px;margin-top:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}.inventory-enhance-btn.is-locked{color:var(--color-text-3)}.inventory-enhance-btn.is-complete,.inventory-enhance-btn.is-complete:disabled{border-color:var(--color-gold-line);background:var(--color-gold-soft);color:var(--color-gold-1);opacity:1}.inventory-enhance-btn.is-loading{opacity:.6}#inventory-product-confirm,#inventory-product-info{z-index:10002;pointer-events:auto}#inventory-battle-enhance-confirm{z-index:11120;pointer-events:auto}#inventory-product-confirm .modal-content{width:min(560px,100%)}.inventory-product-confirm-details{max-height:420px;overflow:auto;border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep);font-size:var(--text-sm);text-align:left}.inventory-product-confirm-details:empty{display:none}.inventory-product-confirm-details table{width:100%;border-collapse:collapse}.inventory-product-confirm-details th,.inventory-product-confirm-details td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-line-1);text-align:left;vertical-align:middle}.inventory-product-confirm-details th{position:sticky;top:0;background:var(--color-surface-2);color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.inventory-product-confirm-details td{color:var(--color-text-2)}.inventory-product-confirm-details td:last-child{color:var(--color-text-1);text-align:right;font-variant-numeric:tabular-nums}.inventory-product-confirm-details tr:last-child td{border-bottom:0}.reward-icon-inline{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--weight-semibold);white-space:nowrap}.reward-icon-inline .resource-icon{--resource-icon-size: 16px}@media(max-width:960px){.inventory-body-frame{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.inventory-resource-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.inventory-resource-bar .resource-card+.resource-card{border-top:0}.inventory-tabs{overflow-x:auto}}@media(max-width:560px){.inventory-list{grid-template-columns:minmax(0,1fr)}.inventory-body-frame{padding-inline:var(--space-3)}}}@layer features{.hell-synth-modal{width:min(600px,100%)}.hell-synth-body{display:flex;flex-direction:column;gap:var(--space-3)}.hell-synth-shards{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg-deep)}.hell-synth-shards .resource-icon{--resource-icon-size: 28px}.hell-synth-shards-label{flex:1;color:var(--color-text-2);font-size:var(--text-md)}.hell-synth-shards-count{color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.hell-synth-list{display:flex;flex-direction:column;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2)}.hell-synth-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3)}.hell-synth-row+.hell-synth-row{border-top:1px solid var(--color-line-1)}.hell-synth-row .inventory-item-icon{--item-tile-size: 48px}.hell-synth-meta{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.hell-synth-name{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold)}.hell-synth-cost{color:var(--color-text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.hell-synth-action-btn{min-width:80px}}@layer features{.inventory-result-toast{position:fixed;top:44%;left:50%;z-index:10039;max-width:min(720px,calc(100vw - 48px));padding:var(--space-3) var(--space-5);border:1px solid var(--color-line-2);border-left:3px solid var(--toast-accent, var(--color-line-3));border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:var(--shadow-inset-top),var(--shadow-3);color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-normal);text-align:center;white-space:pre-wrap;opacity:0;transform:translate(-50%,-50%) scale(.96);pointer-events:none;transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}.inventory-result-toast:empty{display:none}.hell-synth-overlay>.inventory-result-toast{z-index:20052}.inventory-result-toast[data-state=success]{--toast-accent: var(--color-success)}.inventory-result-toast[data-state=fail]{--toast-accent: var(--color-danger)}.inventory-result-toast.is-entering{opacity:0;transform:translate(-50%,-44%) scale(1.03);transition:none}.inventory-result-toast.is-visible{opacity:1;transform:translate(-50%,-50%)}.inventory-result-toast.is-leaving{opacity:0;transform:translate(-50%,-56%) scale(.96)}.inventory-esther-notice{position:fixed;top:50%;left:50%;z-index:9320;max-width:min(86vw,880px);padding:var(--space-4) var(--space-6);border:1px solid var(--color-line-2);border-top:2px solid var(--grade-esther);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.4;text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.94);pointer-events:none;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.inventory-esther-notice.is-show{opacity:1;transform:translate(-50%,-50%) scale(1)}.inventory-esther-notice.is-hide{opacity:0;transform:translate(-50%,-50%) scale(1.03)}.inventory-gold-burst{--burst-size: 260px;--burst-duration: .95s;--burst-ring-width: 2px;--burst-flash: var(--color-gold-soft);position:absolute;inset:0;z-index:3;pointer-events:none}.inventory-gold-burst:before,.inventory-gold-burst:after{content:"";position:absolute;top:50%;left:50%;width:var(--burst-size);height:var(--burst-size);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.6)}.inventory-gold-burst:before{background:var(--burst-flash);animation:inventory-burst-flash var(--burst-duration) var(--ease-out) forwards}.inventory-gold-burst:after{border:var(--burst-ring-width) solid var(--color-gold-1);animation:inventory-burst-ring var(--burst-duration) var(--ease-out) forwards}.inventory-gold-burst.gold-burst-777{--burst-size: 170px;--burst-duration: .65s;--burst-ring-width: 1px;--burst-flash: var(--color-gold-faint)}.inventory-gold-burst.gold-burst-7777{--burst-size: 300px;--burst-duration: 1s}.inventory-gold-burst.gold-burst-77777{--burst-size: 410px;--burst-duration: 1.15s}.inventory-gold-burst.gold-burst-777777{--burst-size: 520px;--burst-duration: 1.3s;--burst-ring-width: 3px;--burst-flash: var(--color-gold-line)}.inventory-gold-burst.gold-burst-7777777{--burst-size: 650px;--burst-duration: 1.45s;--burst-ring-width: 3px;--burst-flash: var(--color-gold-line);border:2px solid transparent;animation:inventory-burst-frame var(--burst-duration) var(--ease-out) forwards}@keyframes inventory-burst-flash{40%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}@keyframes inventory-burst-ring{45%{opacity:.9;transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes inventory-burst-frame{0%,to{border-color:transparent}35%{border-color:var(--color-gold-2)}}@media(prefers-reduced-motion:reduce){.inventory-result-toast,.inventory-esther-notice{transition:none}.inventory-gold-burst,.inventory-gold-burst:before,.inventory-gold-burst:after{animation:none}}}@layer features{.shop-modal{width:min(1360px,100%);height:min(880px,calc(100vh - 32px));overflow:hidden}.shop-tabbar{display:flex;flex:none;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-5);border-bottom:1px solid var(--color-line-1)}.shop-tabs{border-bottom:0}.shop-tab{min-width:88px}.shop-note{padding-bottom:var(--space-2-5);color:var(--color-text-3);font-size:var(--text-sm);text-align:right}.shop-resource-bar{display:flex;flex:none;margin:var(--space-4) var(--space-5) 0;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2);overflow-x:auto}.shop-resource-bar .resource-card{display:flex;flex:1 1 0;align-items:center;gap:var(--space-2);min-width:128px;padding:var(--space-2) var(--space-3);border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transition:background-color var(--duration-fast) var(--ease-out)}.shop-resource-bar .resource-card:after{content:none}.shop-resource-bar .resource-card+.resource-card{border-left:1px solid var(--color-line-1)}.shop-resource-bar .resource-card:hover{background:var(--color-surface-3)}.shop-resource-bar .resource-icon{--resource-icon-size: 24px}.shop-resource-bar .resource-info{display:flex;flex-direction:column;gap:0;min-width:0}.shop-resource-bar .resource-name{overflow:hidden;color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.shop-resource-bar .resource-value{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.shop-list{display:grid;flex:1 1 auto;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:var(--space-3);min-height:0;padding:var(--space-4) var(--space-5) var(--space-5);overflow-y:auto}.shop-card{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2);transition:border-color var(--duration-fast) var(--ease-out)}.shop-card:hover{border-color:var(--color-line-2)}.shop-card-top{display:flex;align-items:center;gap:var(--space-3);min-width:0}.shop-card-icon{flex:none;width:52px;height:52px;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background-color:var(--color-bg-deep);background-position:center;background-repeat:no-repeat;background-size:72%}.shop-card-body{display:flex;flex:1;flex-direction:column;gap:var(--space-1-5);min-width:0}.shop-card-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-2);min-width:0}.shop-card-title{display:-webkit-box;flex:1 1 160px;min-width:0;overflow:hidden;color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-tight);-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-card-qty{color:var(--color-text-3);font-weight:var(--weight-medium);white-space:nowrap}.shop-card-level{flex:none;color:var(--color-text-2)}.shop-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-1)}.shop-meta-pill{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-1-5);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-bg-deep);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.shop-meta-price .resource-icon{--resource-icon-size: 14px}.shop-price-label{color:var(--color-text-3);font-weight:var(--weight-medium)}.shop-price-value{color:var(--color-text-1)}.shop-card[data-affordable=false] .shop-price-value{color:var(--color-danger-strong)}.shop-meta-limit.is-empty{border-color:var(--color-danger-line);color:var(--color-danger-strong)}.shop-meta-limit.is-cap{border-color:#e2aa4873;color:var(--color-warning)}.shop-card-footer{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.shop-limit-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2-5)}.shop-limit-track{position:relative;height:16px;margin-inline:7px}.shop-limit-track:before,.shop-limit-fill{position:absolute;top:50%;left:0;height:4px;border-radius:var(--radius-pill);transform:translateY(-50%)}.shop-limit-track:before{content:"";right:0;background:var(--color-line-2)}.shop-limit-fill{width:0;background:var(--color-text-3);transition:width 80ms linear}.shop-limit-meter[data-stock=soldout] .shop-limit-fill{background:var(--color-danger)}.shop-limit-meter[data-stock=cap] .shop-limit-fill{background:var(--color-warning)}.shop-limit-slider{position:absolute;top:0;left:-7px;z-index:1;width:calc(100% + 14px);height:100%;min-height:0;margin:0;padding:0;border:0;background:transparent;appearance:none;cursor:pointer}.shop-limit-slider:disabled{cursor:default}.shop-limit-slider::-webkit-slider-runnable-track{height:16px;background:transparent}.shop-limit-slider::-moz-range-track{height:16px;background:transparent}.shop-limit-slider::-webkit-slider-thumb{width:14px;height:14px;margin-top:1px;border:2px solid var(--color-surface-2);border-radius:50%;background:var(--color-text-1);box-shadow:0 0 0 1px var(--color-line-3);appearance:none}.shop-limit-slider::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--color-surface-2);border-radius:50%;background:var(--color-text-1);box-shadow:0 0 0 1px var(--color-line-3)}.shop-limit-slider:not(:disabled):is(:hover,:active)::-webkit-slider-thumb{background:var(--color-gold-1)}.shop-limit-slider:not(:disabled):is(:hover,:active)::-moz-range-thumb{background:var(--color-gold-1)}.shop-limit-slider:focus-visible{box-shadow:none}.shop-limit-slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-focus)}.shop-limit-slider:focus-visible::-moz-range-thumb{box-shadow:var(--shadow-focus)}.shop-limit-meter[data-interactive=false] .shop-limit-slider::-webkit-slider-thumb{opacity:0}.shop-limit-meter[data-interactive=false] .shop-limit-slider::-moz-range-thumb{opacity:0}.shop-limit-label{min-width:64px;color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.shop-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1-5)}.shop-buy-btn{min-height:var(--control-h-sm);padding:4px var(--space-2);font-size:var(--text-sm)}.shop-card[data-locked=true] :is(.shop-card-icon,.shop-card-title,.shop-card-meta,.shop-limit-meter){opacity:.45}.shop-card[data-locked=true] .shop-card-icon{filter:grayscale(.6)}.shop-empty{grid-column:1 / -1;display:grid;place-items:center;min-height:200px;border:1px dashed var(--color-line-2);border-radius:var(--radius-lg);color:var(--color-text-3);font-size:var(--text-md)}@media(max-width:900px){.shop-tabbar{flex-direction:column;align-items:stretch;gap:0}.shop-note{padding:var(--space-2) 0;text-align:left}.shop-tabs{overflow-x:auto}}@media(max-width:560px){.shop-list{grid-template-columns:minmax(0,1fr);padding-inline:var(--space-3)}.shop-resource-bar{margin-inline:var(--space-3)}}}@layer features{.stats-modal{width:min(1120px,100%);max-height:calc(100vh - 32px)}.stats-list{display:flex;flex-direction:column;gap:var(--space-4)}.stats-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.stats-section{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2)}.stats-section-title{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold)}.stats-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.stats-table th{padding:0 var(--space-2) var(--space-1-5);border-bottom:1px solid var(--color-line-2);color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:right}.stats-table td{padding:var(--space-1-5) var(--space-2);border-bottom:1px solid var(--color-line-1);color:var(--color-text-1);font-weight:var(--weight-semibold);text-align:right;vertical-align:middle}.stats-boss-table td{padding-block:var(--space-1)}.stats-table :is(th,td):first-child{padding-left:0;color:var(--color-text-2);font-weight:var(--weight-medium);text-align:left}.stats-table th:first-child{color:var(--color-text-3)}.stats-table :is(th,td):last-child{padding-right:0}.stats-table tbody tr:last-child td{border-bottom:0}.stats-resource-name{display:inline-flex;align-items:center;gap:var(--space-2)}.stats-resource-name .resource-icon{--resource-icon-size: 18px}.stats-group-grid{columns:2;column-gap:var(--space-5)}.stats-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;margin-bottom:var(--space-4);break-inside:avoid}.stats-group:last-child{margin-bottom:0}.stats-group-title{margin-bottom:var(--space-0-5);padding-bottom:var(--space-1-5);border-bottom:1px solid var(--color-line-2);color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-semibold)}.stats-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}.stats-label{color:var(--color-text-2)}.stats-value{color:var(--color-text-1);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.stats-table td.is-zero,.stats-value.is-zero,.stats-class-value.is-zero{color:var(--color-text-disabled);font-weight:var(--weight-medium)}.stats-class-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-deep);overflow:hidden}.stats-class-card{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3)}.stats-class-card+.stats-class-card{border-left:1px solid var(--color-line-1)}.stats-class-label{color:var(--color-text-3);font-size:var(--text-xs)}.stats-class-value{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.stats-boss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.stats-boss-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-1)}.stats-boss-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.stats-boss-card-title{overflow:hidden;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.stats-boss-card-summary{flex:none;color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}@media(max-width:900px){.stats-dashboard-grid{grid-template-columns:minmax(0,1fr)}.stats-class-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-class-card:nth-child(4){border-left:0}.stats-class-card:nth-child(n+4){border-top:1px solid var(--color-line-1)}}@media(max-width:560px){.stats-group-grid{columns:1}}}@layer features{.mp-chat-log{display:flex;flex-direction:column;gap:var(--space-1-5);min-height:0;padding:var(--space-2);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--color-line-1);border-radius:var(--radius-sm);background:var(--color-bg-deep);touch-action:pan-y}.mp-chat-log:empty:before{content:"\c544\c9c1  \ba54\c2dc\c9c0\ac00  \c5c6\c2b5\b2c8\b2e4.";margin:auto;color:var(--color-text-3);font-size:var(--text-sm)}.mp-chat-row{display:block;flex:none;min-width:0;color:var(--color-text-1);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-wrap:anywhere}.mp-chat-name{margin-right:var(--space-1-5);color:var(--color-text-2);font-weight:var(--weight-semibold)}.mp-chat-row.is-self .mp-chat-name{color:var(--color-text-1)}.mp-chat-time{display:none;margin-right:var(--space-1-5);color:var(--color-text-3);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.mp-chat-log.show-time .mp-chat-time{display:inline}.mp-chat-text{white-space:pre-wrap}.mp-chat-row.is-tip{color:var(--color-text-3)}.mp-chat-row.is-notice{color:var(--color-notice-sky)}.mp-chat-row.is-notice .mp-chat-tag{color:var(--color-notice-sky-strong);font-weight:var(--weight-bold)}.mp-chat-tag{margin-right:var(--space-1-5);color:var(--color-info);font-size:var(--text-2xs)}.meeting-square-chat-tabs{display:flex;flex:1 1 auto;min-width:0;gap:2px}.square-chat-tab{position:relative;min-height:var(--control-h-sm);padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-3);font-size:var(--text-sm);white-space:nowrap}.square-chat-tab[aria-selected=true]{background:var(--color-surface-3);color:var(--color-text-1)}.square-chat-tab.has-unread:after{position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:var(--color-text-1);content:""}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-2)}.chat-composer input{min-width:0}.chat-composer .mp-send-btn{min-width:72px}.chat-emoji-toggle{display:inline-grid;place-items:center;width:var(--control-h-md);min-width:var(--control-h-md);height:var(--control-h-md);min-height:0;padding:0;border-color:var(--color-line-2);background:var(--color-surface-2);font-size:17px;line-height:1;filter:grayscale(1)}.chat-emoji-toggle:hover:not(:disabled){filter:none}.chat-emoji-toggle[aria-expanded=true]{border-color:var(--color-gold-line);background:var(--color-gold-soft);filter:none}.chat-emoji-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:2px;max-height:140px;padding:var(--space-1-5);overflow-y:auto;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-surface-2)}.chat-emoji-panel[hidden]{display:none}.chat-emoji-btn{width:100%;min-width:0;height:32px;min-height:0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;font-size:18px;line-height:1}.chat-emoji-btn:hover:not(:disabled){background:var(--color-surface-4)}@media(max-width:640px){.chat-composer{grid-template-columns:minmax(0,1fr) auto}.chat-composer .mp-send-btn{grid-column:1 / -1}}}@layer features{.raid-chat{position:fixed;left:max(16px,calc(var(--game-left, 0px) + 16px));bottom:max(16px,calc(100vh - var(--game-top, 0px) - var(--game-height, 100vh) + 132px));z-index:30;width:min(300px,calc(100vw - 32px));padding:6px 8px;border:0;border-radius:6px;background:transparent;box-shadow:none;pointer-events:none;transition:background-color .18s ease-out}.raid-chat[hidden],.raid-chat-form[hidden]{display:none}.raid-chat:is(.is-recent,.is-editing){background:#080b1294}.raid-chat.is-editing{pointer-events:auto}.raid-chat-log{display:flex;flex-direction:column;gap:2px}.raid-chat-row{display:flex;gap:5px;min-width:0;color:#f5f7fa;font-size:12px;line-height:18px;text-shadow:0 1px 2px #000,0 0 3px #000}.raid-chat-row strong{flex:0 1 auto;max-width:96px;overflow:hidden;color:var(--color-gold-1);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.raid-chat-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.raid-chat-form{margin:6px 0 0}.raid-chat-form input{width:100%;min-width:0;min-height:32px;padding:5px 7px;border:1px solid rgba(255,255,255,.24);border-radius:4px;background:#00000038;color:#fff;font-size:12px}.raid-chat-form input:focus-visible{outline:1px solid var(--color-gold-1);outline-offset:1px}body.raid-chat-active #meeting-square-chat{display:none!important}@media(max-width:760px){.raid-chat{width:min(240px,calc(100vw - 16px));left:max(8px,calc(var(--game-left, 0px) + 8px))}}@media(prefers-reduced-motion:reduce){.raid-chat{transition:none}}}@layer features{.social-field-chip{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:28px;padding:3px var(--space-2);contain:inline-size;border:1px solid var(--color-line-1);border-radius:var(--radius-sm);background:transparent;box-shadow:none;color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;line-height:1.3;text-align:left}.social-field-chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-field-chip-caret{flex:none;width:6px;height:6px;margin-right:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;opacity:.7;transform:translateY(-2px) rotate(45deg)}.social-field-chip[aria-expanded=true] .social-field-chip-caret{transform:translateY(1px) rotate(-135deg)}.social-field-chip:not([data-state=active],[aria-expanded=true]) .social-field-chip-caret,.social-field-chip.is-notice .social-field-chip-caret{display:none}.social-field-chip:hover:not([aria-disabled=true]),.social-field-chip[aria-expanded=true]{border-color:var(--color-line-3);background:var(--color-surface-3);color:var(--color-text-1)}.social-field-chip[aria-disabled=true]{color:var(--color-text-3)}.social-field-chip[data-state=detached]{border-color:var(--color-warning-line);color:var(--color-warning)}.social-field-chip.is-notice{color:var(--color-warning)}.social-field-chip.is-notice .social-field-chip-text{white-space:normal}:is(.social-field-popover,.social-field-card){position:fixed;top:0;left:0;z-index:var(--z-popover);display:flex;flex-direction:column;border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-2);color:var(--color-text-1);font-size:var(--text-xs);line-height:1.35}:is(.social-field-chip,.social-field-popover,.social-field-card,.social-field-card-activity,.social-field-chat-tools)[hidden]{display:none}.social-field-popover{width:min(272px,calc(100vw - 16px));max-height:min(400px,calc(100dvh - 16px));padding:var(--space-1-5);overflow:hidden}.social-field-popover-title{flex:none;padding:var(--space-1) var(--space-1-5);color:var(--color-text-3);font-size:var(--text-2xs);font-weight:var(--weight-semibold)}.social-field-channel-list+.social-field-popover-title{margin-top:var(--space-1-5);padding-top:var(--space-2);border-top:1px solid var(--color-line-1)}.social-field-channel-list,.social-field-member-list{display:flex;flex-direction:column;gap:1px}.social-field-channel-list{flex:none}.social-field-member-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}:is(.social-field-channel,.social-field-member){display:flex;flex:none;align-items:center;gap:var(--space-1-5);width:100%;min-height:28px;padding:3px var(--space-1-5);border:0;border-radius:var(--radius-sm);background:transparent;box-shadow:none;color:var(--color-text-1);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.3;text-align:left}button:is(.social-field-channel,.social-field-member):hover:not(:disabled),.social-field-member.is-selected{background:var(--color-surface-3)}.social-field-channel-name,.social-field-channel-count{font-variant-numeric:tabular-nums}.social-field-channel-mark{color:var(--color-text-3);font-size:var(--text-2xs)}.social-field-channel-count{margin-left:auto;color:var(--color-text-2)}.social-field-channel:disabled,.social-field-channel:disabled :is(.social-field-channel-mark,.social-field-channel-count){color:var(--color-text-disabled)}.social-field-channel[data-state=current],.social-field-channel[data-state=current] :is(.social-field-channel-mark,.social-field-channel-count){color:var(--color-gold-1)}.social-field-member{gap:var(--space-1)}.social-field-member-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-field-member-meta{flex:none;color:var(--color-text-3);font-variant-numeric:tabular-nums;white-space:nowrap}.social-field-card{gap:var(--space-1);width:min(264px,calc(100vw - 16px));padding:var(--space-2-5) var(--space-3) var(--space-3)}.social-field-card-head{display:flex;align-items:center;gap:var(--space-2)}.social-field-card-name{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--text-md);font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap}.social-field-card-activity{flex:none;padding:1px var(--space-1-5);border:1px solid var(--color-line-2);border-radius:var(--radius-pill);color:var(--color-text-2);font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap}.social-field-card-activity[data-activity=dead]{border-color:var(--color-danger-line);color:var(--color-danger-strong)}.social-field-card-activity[data-activity=complete]{border-color:var(--color-success-line);color:var(--color-success)}.social-field-card-close{flex:none;min-height:26px;margin-left:auto;padding:0 var(--space-1-5);border:0;border-radius:var(--radius-sm);background:transparent;box-shadow:none;color:var(--color-text-3);font-size:var(--text-2xs);font-weight:var(--weight-medium)}.social-field-card-close:hover{background:var(--color-surface-3);color:var(--color-text-1)}.social-field-card-meta{color:var(--color-text-2)}.social-field-card-progress{font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.social-field-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1-5)}.social-field-card-actions button{min-height:30px;padding:0 var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-2);box-shadow:none;color:var(--color-text-1);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.social-field-card-actions button:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-surface-3)}.social-field-card-actions button:disabled{border-color:var(--color-line-1);background:transparent;color:var(--color-text-disabled)}.social-field-card-friend{flex:1 1 auto}.social-field-card-status{margin-top:var(--space-0-5);color:var(--color-text-3);font-size:var(--text-2xs)}.social-field-card-status:empty{display:none}.social-field-card-status[data-state=error]{color:var(--color-danger-strong)}.social-field-card-status[data-state=success]{color:var(--color-success)}.social-field-chat-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1-5);margin-bottom:var(--space-1)}.social-field-chat-group{display:flex;gap:2px}.social-field-chat-tools button{min-height:24px;padding:0 var(--space-2);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);background:#00000038;box-shadow:none;color:var(--color-text-2);font-size:12px;font-weight:var(--weight-medium);line-height:1;white-space:nowrap}.social-field-chat-tools button:hover{border-color:#ffffff57;color:var(--color-text-1)}.social-field-chat-tools button[aria-pressed=true]{border-color:var(--color-gold-line);background:var(--color-gold-soft);color:var(--color-gold-1)}:is(.social-field-chip,.social-field-channel,.social-field-member,.social-field-card button,.social-field-chat-tools button):focus-visible{box-shadow:var(--shadow-focus)}}@layer features{.meeting-square-topbar{position:absolute;top:var(--space-4);left:50%;z-index:25;display:none;align-items:center;gap:var(--space-2);max-width:calc(100% - 32px);padding:var(--space-1-5) var(--space-1-5) var(--space-1-5) var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-2);transform:translate(-50%);pointer-events:auto}body.playing.meeting-square .meeting-square-topbar{display:flex}.meeting-square-status{display:flex;align-items:center;gap:var(--space-2-5);min-width:0;white-space:nowrap}.meeting-square-title{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold)}.meeting-square-channel{min-width:0;max-width:190px;padding:5px 7px;border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-text-1);font:inherit;cursor:pointer}.meeting-square-channel:focus-visible{outline:2px solid var(--color-text-1);outline-offset:2px}.meeting-square-connection{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-1-5);max-width:200px;overflow:hidden;color:var(--color-text-3);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.meeting-square-connection:empty{display:none}.meeting-square-connection:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}.meeting-square-connection[data-state=success]{color:var(--color-success)}.meeting-square-connection[data-state=error]{color:var(--color-danger-strong)}.meeting-square-connection[data-state=warning]{color:var(--color-warning)}.meeting-square-topbar-divider{align-self:stretch;width:1px;margin:2px var(--space-1);background:var(--color-line-1)}.meeting-square-help{width:var(--control-h-sm);min-width:var(--control-h-sm);height:var(--control-h-sm)}body.playing.meeting-square #return-button{display:none}.meeting-square-notice{position:absolute;top:calc(var(--space-4) + 52px);left:50%;z-index:26;display:none;grid-template-areas:"title close" "body body";grid-template-columns:minmax(0,1fr) auto;width:max-content;min-width:min(360px,calc(100% - 32px));max-width:min(640px,calc(100% - 32px));max-height:min(72vh,680px);overflow:hidden;border:1px solid var(--color-line-2);border-top:2px solid var(--mode-square);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);color:var(--color-text-1);transform:translate(-50%);pointer-events:none}.meeting-square-notice:has(.meeting-square-notice-title:empty){grid-template-areas:"body close"}body.playing.meeting-square .meeting-square-notice.active{display:grid;pointer-events:auto;animation:square-notice-in var(--duration-base) var(--ease-out)}.meeting-square-notice-title{grid-area:title;align-self:center;padding:var(--space-3) var(--space-4);font-size:var(--text-lg);font-weight:var(--weight-bold)}.meeting-square-notice-title:empty{display:none}.meeting-square-notice-close{grid-area:close;align-self:start;margin:var(--space-2) var(--space-2) 0 0}.meeting-square-notice-body{grid-area:body;min-height:0;max-height:min(60vh,580px);padding:var(--space-3) var(--space-4) var(--space-3);overflow-y:auto;overscroll-behavior:contain;font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-normal);white-space:pre-line;word-break:keep-all}.meeting-square-notice:not(:has(.meeting-square-notice-title:empty)) .meeting-square-notice-body{padding:var(--space-4);border-top:1px solid var(--color-line-1)}@keyframes square-notice-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}}.meeting-square-notice-body--gift-help{display:flex;flex-direction:column;gap:var(--space-3);width:min(600px,calc(100vw - 64px));font-size:var(--text-md);font-weight:var(--weight-regular);white-space:normal}.meeting-square-gift-help-intro,.meeting-square-gift-help-fallback{margin:0;color:var(--color-text-2)}.meeting-square-gift-help-heading{margin:0;color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}.meeting-square-gift-help-level-list{display:flex;flex-direction:column;gap:var(--space-3)}.meeting-square-gift-help-level{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-2)}.meeting-square-gift-help-level-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2-5)}.meeting-square-gift-help-range{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold)}.meeting-square-gift-help-total{color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.meeting-square-gift-help-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.meeting-square-gift-help-table th,.meeting-square-gift-help-table td{padding:var(--space-1) var(--space-2);text-align:end;vertical-align:top}.meeting-square-gift-help-table thead th{padding-block:var(--space-2);color:var(--color-text-2);font-weight:var(--weight-medium);white-space:nowrap}.meeting-square-gift-help-table th:first-child{text-align:start}.meeting-square-gift-help-table tbody{border-top:1px solid var(--color-line-1)}.meeting-square-gift-help-table tbody tr:first-child>*{padding-top:var(--space-2)}.meeting-square-gift-help-table tbody tr:last-child>*,.meeting-square-gift-help-table [rowspan]{padding-bottom:var(--space-2)}.meeting-square-gift-help-reward-label{color:var(--color-text-1);font-weight:var(--weight-semibold)}.meeting-square-gift-help-table td{white-space:nowrap}.meeting-square-gift-help-total-column,.meeting-square-gift-help-amount{color:var(--color-text-2)}.meeting-square-gift-help-chance{color:var(--color-text-1)}.meeting-square-gift-help-compact-total{display:none}@media(max-width:540px){.meeting-square-title,.meeting-square-gift-help-total-column{display:none}.meeting-square-gift-help-compact-total{display:block;margin-top:var(--space-1);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-regular);white-space:nowrap}.meeting-square-gift-help-level{padding:var(--space-2)}.meeting-square-gift-help-table th,.meeting-square-gift-help-table td{padding-inline:var(--space-1)}}.meeting-square-transient-notice{position:absolute;top:calc(var(--hud-top, 0px) + clamp(84px,13%,168px));left:50%;z-index:27;display:none;width:max-content;min-width:min(420px,calc(100% - 32px));max-width:min(820px,calc(100% - 32px));padding:var(--space-4) var(--space-8) var(--space-2-5);background:var(--announce-hairline) top / 100% 1px no-repeat,var(--announce-hairline) bottom / 100% 1px no-repeat,var(--announce-ink-band);text-align:center;pointer-events:none;translate:-50% 0}.meeting-square-transient-notice:before{content:"";position:absolute;top:0;left:50%;width:22px;aspect-ratio:1;background:url(/assets/ui/announce/badge_hourglass.webp) center / contain no-repeat;translate:-50% -50%}.meeting-square-transient-notice[data-ultra]{background:var(--announce-hairline) top / 100% 2px no-repeat,var(--announce-hairline) bottom / 100% 2px no-repeat,var(--announce-rare-glow),var(--announce-ink-band);filter:drop-shadow(0 0 22px var(--color-gold-glow))}.meeting-square-transient-notice[data-ultra] .meeting-square-transient-title{color:var(--announce-cream)}.meeting-square-transient-notice[data-ultra]:before{width:26px;background-image:url(/assets/ui/announce/badge_square.webp)}body.playing.meeting-square .meeting-square-transient-notice.active{display:block;animation:square-ribbon-in .46s var(--ease-out) both}body.playing.meeting-square .meeting-square-transient-notice.active.is-leaving{animation:square-ribbon-out .36s ease-in both}.meeting-square-transient-title{color:var(--color-gold-1);font-family:var(--font-title);font-size:var(--text-xs);font-weight:700;letter-spacing:.32em;text-indent:.32em;text-shadow:var(--announce-shadow)}.meeting-square-transient-title:empty{display:none}.meeting-square-transient-body{margin-top:var(--space-1);color:var(--announce-cream);font-family:var(--font-title);font-size:clamp(15px,1vw,17px);font-weight:700;line-height:1.5;letter-spacing:.02em;text-shadow:var(--announce-shadow);white-space:pre-line;word-break:keep-all;text-wrap:balance}.square-gift-line{display:inline-flex;align-items:center;gap:var(--space-2-5);white-space:nowrap}.square-gift-line__icon{width:30px;height:30px;object-fit:contain;filter:drop-shadow(var(--shadow-1))}.square-gift-line__amount{background-image:var(--announce-gold-fill);background-clip:text;color:transparent;font-size:clamp(20px,1.5vw,24px);font-weight:900;font-variant-numeric:tabular-nums;text-shadow:none;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px var(--announce-gold-edge))}.square-gift-line__mult{padding:1px var(--space-2);border:1px solid var(--color-gold-line-strong);border-radius:var(--radius-sm);background:var(--announce-ink);color:var(--color-gold-1);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.06em}@keyframes square-ribbon-in{0%{opacity:0;clip-path:inset(-48px 40% -48px 40%)}to{opacity:1;clip-path:inset(-48px -48px -48px -48px)}}@keyframes square-ribbon-out{to{opacity:0;transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){body.playing.meeting-square .meeting-square-transient-notice.active,body.playing.meeting-square .meeting-square-transient-notice.active.is-leaving{animation:none}}.meeting-square-chat{position:fixed;left:max(16px,calc(var(--game-left, 0px) + 16px));bottom:max(16px,calc(100vh - (var(--game-top, 0px) + var(--game-height, 100vh)) + 16px));z-index:30;display:flex;flex-direction:column;width:min(440px,calc(100vw - 32px));height:min(290px,38vh);max-height:calc(var(--game-height, 100vh) - 32px);min-width:0;overflow:hidden;border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-2);pointer-events:auto}.meeting-square-chat-head{display:flex;flex-wrap:wrap;flex:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-bottom:1px solid var(--color-line-1);cursor:grab;user-select:none;touch-action:none}.meeting-square-chat.square-chat-dragging{box-shadow:var(--shadow-inset-top),var(--shadow-3)}.meeting-square-chat.square-chat-dragging .meeting-square-chat-head{cursor:grabbing}.meeting-square-chat-actions{display:flex;margin-left:auto;flex:none;align-items:center;gap:var(--space-1)}.meeting-square-chat-expand{width:var(--control-h-sm);min-width:var(--control-h-sm);padding:0;font-size:var(--text-base)}.meeting-square-chat-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-2-5);min-height:0;padding:var(--space-3)}.meeting-square-chat-log{flex:1 1 0}@media(max-width:760px){.meeting-square-chat{left:max(8px,calc(var(--game-left, 0px) + 8px));bottom:max(8px,calc(100vh - (var(--game-top, 0px) + var(--game-height, 100vh)) + 8px));width:calc(100vw - 16px)}}.meeting-square-confirm-content{width:min(420px,100%)}.meeting-square-confirm-message{margin:0;color:var(--color-text-2);font-size:var(--text-base);line-height:var(--leading-normal)}.meeting-square-confirm-hide-row{display:inline-flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0;color:var(--color-text-2);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer}.meeting-square-content-drawer{position:fixed;top:var(--square-dock-top, calc(var(--topbar-h) + var(--space-2)));right:var(--shell-gutter);z-index:32;display:none;flex-direction:column;gap:0;width:min(1120px,calc(100vw - var(--shell-gutter) * 2));height:auto;max-height:calc(100vh - var(--square-dock-top, var(--topbar-h)) - var(--space-4));padding:0;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-bg);box-shadow:var(--shadow-inset-top),var(--shadow-3);pointer-events:auto}.meeting-square-content-drawer.open{display:flex;animation:dialog-in var(--duration-base) var(--ease-out)}.meeting-square-content-drawer.open>:is(#solo-raid-row,#mp-side-stack){display:flex;flex:none;flex-direction:column;gap:var(--space-3);width:100%;max-width:none;margin:0}.meeting-square-content-drawer.open #controls-container{display:flex;width:100%;max-width:none}}@layer features{.slot-machine-modal{--slot-speed-scale: 1;width:min(500px,100%)}.slot-machine-body{display:flex;flex-direction:column;gap:var(--space-4)}.slot-machine-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.slot-machine-stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-2)}.slot-machine-meta-label{color:var(--color-text-3);font-size:var(--text-xs)}.slot-machine-meta-value{display:inline-flex;align-items:center;gap:var(--space-1-5);color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.slot-machine-meta-value .resource-icon{--resource-icon-size: 20px}.slot-machine-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.slot-reel{display:grid;place-items:center;height:112px;overflow:hidden;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);transition:border-color calc(.18s / var(--slot-speed-scale, 1)) var(--ease-out)}.slot-reel.is-result{border-color:var(--color-line-3);animation:slot-reel-land calc(.26s / var(--slot-speed-scale, 1)) var(--ease-out)}.slot-reel.is-spinning .slot-icon{animation:slot-reel-spin calc(.32s / var(--slot-speed-scale, 1)) linear infinite}@keyframes slot-reel-land{40%{transform:translateY(-3px)}}@keyframes slot-reel-spin{0%,to{opacity:.55;transform:translateY(-5px)}50%{opacity:1;transform:translateY(5px)}}.slot-icon{--slot-icon-size: 56px;position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--slot-icon-size);height:var(--slot-icon-size)}.slot-icon.resource-icon{--resource-icon-size: var(--slot-icon-size)}.slot-icon-heart:before{content:"";width:86%;height:78%;background:linear-gradient(180deg,#e8606f,#b83346);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.35 10.55 20C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.35 10.55 20C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z'/%3E%3C/svg%3E") center / contain no-repeat}.slot-icon-potato:before{content:"";position:absolute;top:19%;left:7%;width:85%;height:63%;border-radius:50% 55% 45% 50%;background:linear-gradient(145deg,#cfa66a,#9c7236)}.slot-icon-potato:after{content:"";position:absolute;top:41%;left:26%;width:12%;height:12%;border-radius:50%;background:#50381e80;box-shadow:calc(var(--slot-icon-size) * .26) calc(var(--slot-icon-size) * -.11) 0 #50381e80,calc(var(--slot-icon-size) * .37) calc(var(--slot-icon-size) * .15) 0 #50381e80}.slot-icon-flag:before{content:"";position:absolute;top:11%;left:22%;width:11%;height:81%;border-radius:calc(var(--slot-icon-size) * .05);background:linear-gradient(180deg,#e3e7ee,#98a2b1)}.slot-icon-flag:after{content:"";position:absolute;top:22%;left:33%;border-top:calc(var(--slot-icon-size) * .22) solid transparent;border-bottom:calc(var(--slot-icon-size) * .22) solid transparent;border-left:calc(var(--slot-icon-size) * .48) solid #6aa9e0}.slot-icon-miss:before,.slot-icon-miss:after{content:"";position:absolute;top:calc(50% - var(--slot-icon-size) * .05);left:10%;width:80%;height:10%;border-radius:3px;background:var(--color-text-3)}.slot-icon-miss:before{transform:rotate(45deg)}.slot-icon-miss:after{transform:rotate(-45deg)}.slot-icon-joker:before{content:"";position:absolute;inset:8% 14%;border:2px solid var(--color-gold-2);border-radius:calc(var(--slot-icon-size) * .12);background:var(--color-surface-2)}.slot-icon-joker:after{content:"J";position:relative;color:var(--color-gold-1);font-family:var(--font-display);font-size:calc(var(--slot-icon-size) * .5);font-weight:var(--weight-bold);line-height:1}.slot-machine-result{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:28px;color:var(--color-text-2);font-size:var(--text-base);font-weight:var(--weight-semibold);text-align:center}.slot-machine-result.is-win{color:var(--color-gold-1);animation:slot-result-pop calc(.24s / var(--slot-speed-scale, 1)) var(--ease-out)}.slot-machine-result.is-neutral{color:var(--color-text-1)}.slot-machine-result.is-lose{color:var(--color-text-3)}.slot-machine-result .slot-icon{--slot-icon-size: 24px}@keyframes slot-result-pop{0%{transform:scale(.96)}}.slot-machine-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.slot-machine-option{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-h-md);margin:0;padding:0 var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-2);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer}.slot-machine-speed input[type=range]{width:120px;margin:0}.slot-machine-speed-value{min-width:34px;color:var(--color-text-1);font-variant-numeric:tabular-nums;text-align:right}.slot-machine-footer .slot-machine-log-btn{margin-right:auto}.slot-machine-footer #slot-machine-spin{min-width:120px}.slot-machine-log-modal{width:min(460px,100%)}.slot-machine-log-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:320px;margin:0;padding:0;overflow-y:auto;list-style:none}.slot-machine-log-item{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-1);font-size:var(--text-md)}.slot-machine-log-item.is-win{border-left:2px solid var(--color-gold-2)}.slot-machine-log-item.is-win .slot-machine-log-text{color:var(--color-gold-1)}.slot-machine-log-item.is-lose .slot-machine-log-text{color:var(--color-text-3)}.slot-machine-log-time{flex:none;color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.slot-machine-log-empty{padding:var(--space-6) 0;color:var(--color-text-3);text-align:center}.slot-machine-pop-layer{--slot-speed-scale: 1;position:absolute;top:0;left:0;z-index:10;pointer-events:none}.slot-machine-pop{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1-5);transform:translate(-50%,-135%);transition:opacity calc(.24s / var(--slot-speed-scale, 1)) var(--ease-out)}.slot-machine-pop.is-hide{opacity:0}.slot-machine-pop-icons{display:flex;align-items:center;gap:var(--space-1-5)}.slot-machine-pop-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);box-shadow:var(--shadow-2);opacity:0;transform:translateY(8px) scale(.7);transition:opacity calc(.2s / var(--slot-speed-scale, 1)) var(--ease-out),transform calc(.2s / var(--slot-speed-scale, 1)) var(--ease-out),border-color calc(.2s / var(--slot-speed-scale, 1)) var(--ease-out)}.slot-machine-pop-icon.is-on{opacity:1;transform:none}.slot-machine-pop-icon.is-highlight{border-color:var(--color-gold-2);box-shadow:inset 0 0 0 1px var(--color-gold-line),var(--shadow-2)}.slot-machine-pop.is-jackpot .slot-machine-pop-icon.is-highlight{border-color:var(--color-gold-1);background:var(--color-surface-2)}.slot-machine-pop .slot-icon{--slot-icon-size: 28px}.slot-machine-pop-text{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-gold-1);font-size:var(--text-md);font-weight:var(--weight-bold);opacity:0;transform:translateY(4px);transition:opacity calc(.2s / var(--slot-speed-scale, 1)) var(--ease-out),transform calc(.2s / var(--slot-speed-scale, 1)) var(--ease-out)}.slot-machine-pop-text:empty{display:none}.slot-machine-pop:is(.is-win,.is-jackpot) .slot-machine-pop-text{opacity:1;transform:none}.slot-machine-pop.is-jackpot .slot-machine-pop-text{font-size:var(--text-lg)}@media(max-width:640px){.slot-reel{height:84px}.slot-icon{--slot-icon-size: 42px}.slot-machine-meta{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.slot-reel.is-spinning .slot-icon,.slot-reel.is-result,.slot-machine-result.is-win{animation:none}}}@layer features{.hourglass-overlay{position:fixed;inset:0;z-index:5200;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.hourglass-overlay.open{display:flex}.hourglass-dialog{width:min(560px,100%);max-height:min(860px,calc(100vh - 32px));overflow:hidden}.hourglass-dialog .dialog-body{display:flex;flex-direction:column;gap:var(--space-4)}.hourglass-info-dialog{width:min(720px,100%)}.hourglass-info-body{color:var(--color-text-2);font-size:var(--text-md);line-height:1.65;word-break:keep-all}.hourglass-info-warning{margin:0;padding:var(--space-2-5) var(--space-3);border:1px solid color-mix(in srgb,var(--color-danger) 40%,transparent);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger-strong);font-weight:var(--weight-semibold)}.hourglass-info-section{display:flex;flex-direction:column;gap:var(--space-1-5)}.hourglass-info-section+.hourglass-info-section{padding-top:var(--space-4);border-top:1px solid var(--color-line-1)}.hourglass-info-heading{margin:0;color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold)}.hourglass-info-section p{margin:0}.hourglass-info-tip{color:var(--color-text-3)}.hourglass-info-note{color:var(--color-text-3);font-size:var(--text-sm)}.hourglass-info-note strong{color:var(--color-text-1);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.hourglass-info-table-wrap{overflow-x:auto;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep)}.hourglass-info-table{width:100%;border-collapse:collapse;font-size:var(--text-md);font-variant-numeric:tabular-nums}.hourglass-info-table th,.hourglass-info-table td{padding:var(--space-2) var(--space-3);white-space:nowrap;text-align:right}.hourglass-info-table th:first-child,.hourglass-info-table td:first-child{text-align:left}.hourglass-info-table th{border-bottom:1px solid var(--color-line-2);color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.hourglass-info-table td{color:var(--color-text-1)}.hourglass-info-table tbody tr+tr td{border-top:1px solid var(--color-line-1)}.hourglass-info-table td:first-child{color:var(--color-text-2);font-weight:var(--weight-semibold)}.hourglass-info-table tr.is-highlight td{background:var(--color-gold-faint)}.hourglass-info-table tr.is-highlight td:first-child{box-shadow:inset 2px 0 0 var(--color-gold-2);color:var(--color-gold-1)}.hourglass-ranking-status{color:var(--color-text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.hourglass-ranking-list{border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);overflow:hidden}.hourglass-ranking-row{display:grid;grid-template-columns:56px minmax(0,1fr) 96px;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-1-5) var(--space-3)}.hourglass-ranking-row+.hourglass-ranking-row{border-top:1px solid var(--color-line-1)}.hourglass-ranking-row.is-head{min-height:32px;background:var(--color-surface-1);color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.hourglass-ranking-row.is-head>:last-child{text-align:right}.hourglass-ranking-rank{color:var(--color-text-2);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.hourglass-ranking-player{min-width:0;overflow:hidden;color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.hourglass-ranking-wave{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:right}.hourglass-ranking-row.is-top-three .hourglass-ranking-rank{color:var(--color-gold-1)}.hourglass-ranking-row.is-empty :is(.hourglass-ranking-rank,.hourglass-ranking-player,.hourglass-ranking-wave){color:var(--color-text-disabled);font-weight:var(--weight-medium)}.hourglass-ranking-self{display:flex;flex-direction:column;gap:var(--space-1-5);padding:var(--space-3);border:1px solid var(--color-gold-line);border-radius:var(--radius-md);background:var(--color-gold-faint)}.hourglass-ranking-self-label{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.hourglass-ranking-self-row{display:grid;grid-template-columns:56px minmax(0,1fr) 96px;align-items:center;gap:var(--space-2)}.hourglass-ranking-self-row .hourglass-ranking-rank{color:var(--color-gold-1)}.hourglass-ranking-self-note{color:var(--color-text-2);font-size:var(--text-sm)}.hourglass-sweep-dialog{width:min(520px,100%)}.hourglass-sweep-message{color:var(--color-text-2);font-size:var(--text-md);line-height:1.6}.hourglass-sweep-overlay[data-sweep-locked=true] .hourglass-sweep-message{padding:var(--space-2-5) var(--space-3);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-text-1)}.hourglass-sweep-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}.hourglass-sweep-field,.hourglass-sweep-available{display:flex;flex-direction:column;gap:var(--space-1-5)}.hourglass-sweep-field-label,.hourglass-sweep-available-label,.hourglass-sweep-preview-label{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-medium)}.hourglass-sweep-field input{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.hourglass-sweep-available strong{display:flex;align-items:center;min-height:var(--control-h-md);color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.hourglass-sweep-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.hourglass-sweep-preview-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep)}.hourglass-sweep-preview-card strong{color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.hourglass-sweep-reward-meta{color:var(--color-text-3);font-size:var(--text-sm)}.hourglass-sweep-overlay[data-sweep-locked=true] .hourglass-sweep-actions{display:none}.hourglass-sweep-confirm{min-width:132px}.hourglass-unlock-overlay{position:fixed;inset:0;z-index:10015;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.hourglass-unlock-dialog{width:min(520px,100%);border-top:2px solid var(--mode-hourglass)}.hourglass-unlock-body{color:var(--color-text-2);font-size:var(--text-base);line-height:1.7;white-space:pre-wrap;word-break:keep-all}@media(max-width:560px){.hourglass-sweep-controls,.hourglass-sweep-preview{grid-template-columns:1fr}.hourglass-ranking-row,.hourglass-ranking-self-row{grid-template-columns:44px minmax(0,1fr) 72px}}}@layer features{#hourglass-overlay-root{position:fixed;inset:0;z-index:9300;isolation:isolate;pointer-events:none}body.dungeon-hourglass :is(.resource-bar,#resource-panel,#global-chat-open,#meeting-square-chat){display:none!important}.hourglass-tophud{--hud-surface: color-mix(in srgb, var(--color-surface-1) 90%, transparent);position:fixed;top:var(--space-3);left:50%;z-index:1;width:min(680px,calc(100vw - 280px));transform:translate(-50%);contain:layout style;pointer-events:none}.hourglass-tophud-shell{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2-5) var(--space-4) var(--space-3);border:1px solid var(--color-line-2);border-top:2px solid var(--mode-hourglass);border-radius:var(--radius-lg);background:var(--hud-surface);box-shadow:var(--shadow-2);animation:hourglass-hud-in var(--duration-slow) var(--ease-out)}.hourglass-tophud-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hourglass-tophud-chip{display:inline-flex;align-items:baseline;gap:var(--space-1-5);min-width:96px}.hourglass-tophud-chip:last-child{justify-content:flex-end}.hourglass-tophud-chip-label,.hourglass-tophud-stat{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-medium)}.hourglass-tophud-chip-value{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.hourglass-tophud-title{flex:1;color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:center;white-space:nowrap}.hourglass-tophud-exp-track{position:relative;height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-bg-deep);box-shadow:inset 0 0 0 1px var(--color-line-1)}.hourglass-tophud-exp-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--color-gold-2);transition:width .14s var(--ease-out)}.hourglass-tophud-exp-text{margin-top:calc(var(--space-1) * -1);color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center}.hourglass-tophud-row-bottom{justify-content:center;gap:0;padding-top:var(--space-2);border-top:1px solid var(--color-line-1)}.hourglass-tophud-stat{flex:1;display:inline-flex;align-items:baseline;justify-content:center;gap:var(--space-1-5);white-space:nowrap}.hourglass-tophud-stat+.hourglass-tophud-stat{border-left:1px solid var(--color-line-1)}.hourglass-tophud-stat strong{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.hourglass-hud-control{position:absolute;top:0;display:inline-flex;align-items:center;gap:var(--space-2);width:104px;min-height:var(--control-h-md);padding:0 var(--space-2-5);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--hud-surface);color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-1);pointer-events:auto}.hourglass-hud-control:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-surface-3)}.hourglass-opacity-control,.hourglass-layer-control{right:calc(100% + var(--space-2))}.hourglass-layer-control{top:calc(var(--control-h-md) + var(--space-1-5))}.hourglass-speed-control{left:calc(100% + var(--space-2))}.hourglass-speed-control.is-fast,.hourglass-layer-control.is-top{border-color:var(--color-gold-line);color:var(--color-gold-1)}.hourglass-opacity-icon,.hourglass-layer-icon,.hourglass-speed-icon{position:relative;flex:none;width:16px;height:16px;color:var(--color-text-3)}.hourglass-hud-control:is(.is-fast,.is-top) :is(.hourglass-speed-icon,.hourglass-layer-icon){color:currentColor}.hourglass-opacity-icon:before{content:"";position:absolute;inset:1px;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}.hourglass-layer-icon:before,.hourglass-layer-icon:after{content:"";position:absolute;right:1px;left:1px;height:4px;border-radius:1px;background:currentColor}.hourglass-layer-icon:before{top:3px}.hourglass-layer-icon:after{bottom:3px;opacity:.5}.hourglass-speed-icon:before,.hourglass-speed-icon:after{content:"";position:absolute;top:3px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}.hourglass-speed-icon:before{left:1px}.hourglass-speed-icon:after{left:8px}.hourglass-opacity-value,.hourglass-layer-value,.hourglass-speed-value{flex:1;text-align:right}@keyframes hourglass-hud-in{0%{opacity:0;transform:translateY(-6px)}}.hourglass-boss-timer{--timer-accent: var(--color-warning);position:fixed;top:150px;left:50%;z-index:0;display:flex;flex-direction:column;align-items:center;gap:2px;width:min(440px,calc(100vw - 24px));padding:var(--space-2) var(--space-4) var(--space-2-5);border:1px solid var(--color-line-2);border-top:2px solid var(--timer-accent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-1) 92%,transparent);box-shadow:var(--shadow-2);text-align:center;transform:translate(-50%);pointer-events:none}.hourglass-boss-timer[data-state=self-destruct]{--timer-accent: var(--color-danger)}.hourglass-boss-timer[data-state=final]{--timer-accent: var(--color-info)}.hourglass-boss-timer-title{color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.hourglass-boss-timer-value{color:var(--timer-accent);font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.hourglass-boss-timer-note{color:var(--color-text-2);font-size:var(--text-sm)}.hourglass-entry-banner{position:fixed;top:max(calc(14% + 100px),236px);left:50%;width:min(760px,calc(100vw - 36px));padding:var(--space-4) var(--space-6);border:1px solid var(--color-gold-line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-1) 94%,transparent);box-shadow:var(--shadow-3);color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:1.5;text-align:center;word-break:keep-all;transform:translate(-50%);pointer-events:none;transition:opacity var(--hourglass-entry-fade, 1s) ease}.hourglass-entry-banner.is-leaving{opacity:0}.hourglass-choice-wrap{position:fixed;inset:0;z-index:2;display:grid;place-items:center;padding:var(--space-4);pointer-events:auto}.hourglass-choice-backdrop{position:absolute;inset:0;background:var(--color-backdrop);backdrop-filter:blur(3px)}.hourglass-choice-panel{position:relative;display:flex;flex-direction:column;width:min(1080px,100%);max-height:calc(100vh - 32px);overflow:hidden;border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);animation:dialog-in var(--duration-base) var(--ease-out)}.hourglass-choice-panel.is-wide{width:min(1360px,100%)}.hourglass-choice-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line-1)}.hourglass-choice-title{margin:0;color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold)}.hourglass-choice-subtitle{margin:2px 0 0;color:var(--color-text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.hourglass-choice-skillpoints{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border:1px solid var(--color-gold-line);border-radius:var(--radius-md);background:var(--color-gold-faint);color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.hourglass-choice-skillpoints strong{color:var(--color-gold-1);font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.hourglass-choice-skillpoints.is-empty{border-color:color-mix(in srgb,var(--color-danger) 40%,transparent);background:var(--color-danger-soft)}.hourglass-choice-skillpoints.is-empty strong{color:var(--color-danger-strong)}.hourglass-choice-body{min-height:0;padding:var(--space-5);overflow-y:auto}.hourglass-choice-grid{display:grid;grid-template-columns:repeat(var(--choice-columns, 3),minmax(0,1fr));gap:var(--space-4);align-items:stretch}.hourglass-choice-slot{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.hourglass-choice-card{--choice-accent: var(--color-line-3);position:relative;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;min-height:320px;padding:var(--space-4);border:1px solid var(--color-line-2);border-top:2px solid var(--choice-accent);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text-1);font-weight:var(--weight-regular);text-align:center;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out)}.hourglass-choice-card[data-buff-type=A]{--choice-accent: var(--grade-uncommon)}.hourglass-choice-card[data-buff-type=B]{--choice-accent: var(--grade-legendary)}.hourglass-choice-card[data-buff-type=C]{--choice-accent: var(--grade-epic)}.hourglass-choice-card.is-typea-ascendant{--choice-accent: var(--grade-relic)}.hourglass-choice-card.is-typea-transcendent{--choice-accent: var(--grade-esther)}.hourglass-choice-card:is(.is-typea-ascendant,.is-typea-transcendent){border-color:color-mix(in srgb,var(--choice-accent) 55%,var(--color-line-2));border-top-color:var(--choice-accent);background:color-mix(in srgb,var(--choice-accent) 6%,var(--color-surface-2))}.hourglass-choice-card:hover:not(:disabled){border-color:var(--color-line-3);border-top-color:var(--choice-accent);background:var(--color-surface-3);transform:translateY(-2px)}.hourglass-choice-card:active:not(:disabled){transform:translateY(0)}.hourglass-choice-card:disabled{opacity:.6}.hourglass-choice-card.is-picked{border-color:var(--color-gold-2);border-top-color:var(--color-gold-2);background:var(--color-gold-faint);transform:none}.hourglass-choice-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1-5);width:100%}.hourglass-choice-meta.is-no-level{justify-content:flex-start}.hourglass-choice-type,.hourglass-choice-level,.hourglass-choice-ascend-chip{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.hourglass-choice-type{border-color:color-mix(in srgb,var(--choice-accent) 45%,transparent);color:var(--choice-accent)}.hourglass-choice-level{font-variant-numeric:tabular-nums}.hourglass-choice-ascend-chip{border-color:color-mix(in srgb,var(--choice-accent) 55%,transparent);background:color-mix(in srgb,var(--choice-accent) 14%,transparent);color:var(--choice-accent);font-weight:var(--weight-bold)}.hourglass-choice-stars{display:flex;align-items:center;justify-content:center;gap:3px;min-height:4px}.hourglass-choice-star{width:14px;height:4px;border-radius:1px;background:var(--color-line-2)}.hourglass-choice-star.is-filled{background:var(--choice-accent)}.hourglass-choice-icon-shell{display:grid;place-items:center;width:96px;height:96px;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep)}.hourglass-choice-icon{width:72px;height:72px;border-radius:var(--radius-sm);background-position:center;background-repeat:no-repeat;background-size:contain}.hourglass-choice-icon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;width:76px;height:76px}.hourglass-choice-icon-cell{border-radius:var(--radius-xs);background-color:var(--color-surface-2);background-position:center;background-repeat:no-repeat;background-size:contain}.hourglass-choice-info{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.hourglass-choice-name{margin:0;color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);word-break:keep-all}.hourglass-choice-desc{margin:0;color:var(--color-text-2);font-size:var(--text-base);line-height:1.6;word-break:keep-all}.hourglass-choice-desc strong{color:var(--color-text-1);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.hourglass-choice-reroll-btn{min-height:var(--control-h-sm);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.hourglass-choice-reroll-btn:hover:not(:disabled){color:var(--color-text-1)}.hourglass-choice-empty{display:grid;grid-column:1 / -1;place-items:center;min-height:120px;padding:var(--space-4);border:1px dashed var(--color-line-2);border-radius:var(--radius-lg);color:var(--color-text-2);font-size:var(--text-base);text-align:center}.hourglass-choice-note{margin:0;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-line-1);color:var(--color-text-3);font-size:var(--text-sm);text-align:center}.hourglass-pick-burst{position:fixed;z-index:6;width:0;height:0;pointer-events:none}.hourglass-pick-ring{position:absolute;top:-40px;left:-40px;width:80px;height:80px;border:2px solid var(--color-gold-2);border-radius:50%;opacity:0;animation:hourglass-pick-ring .52s var(--ease-out) forwards}.hourglass-pick-ring.is-echo{border-width:1px;border-color:var(--color-gold-line);animation-delay:90ms}.hourglass-pick-burst.is-open .hourglass-pick-ring{border-width:1px;border-color:var(--color-gold-line)}@keyframes hourglass-pick-ring{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(2.2)}}.hourglass-reward-wrap{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:var(--space-4);pointer-events:auto}.hourglass-reward-backdrop{position:absolute;inset:0;background:var(--color-backdrop);backdrop-filter:blur(3px)}.hourglass-reward-panel{width:min(600px,100%);border-top:2px solid var(--color-line-3)}.hourglass-reward-wrap.is-cleared .hourglass-reward-panel{border-top-color:var(--mode-hourglass)}.hourglass-reward-state{flex:none}.hourglass-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.hourglass-reward-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);animation:hourglass-reward-card-in var(--duration-slow) var(--ease-out) both;animation-delay:var(--delay, 0s)}.hourglass-reward-card-label{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-medium)}.hourglass-reward-card-value{min-height:30px;color:var(--color-text-1);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.3;font-variant-numeric:tabular-nums}@keyframes hourglass-reward-card-in{0%{opacity:0;transform:translateY(6px)}}@media(max-width:1100px){.hourglass-tophud{width:min(640px,calc(100vw - 24px))}.hourglass-opacity-control,.hourglass-layer-control,.hourglass-speed-control{top:calc(100% + var(--space-2))}.hourglass-opacity-control{right:auto;left:0}.hourglass-layer-control{right:auto;left:calc(104px + var(--space-2))}.hourglass-speed-control{right:0;left:auto}.hourglass-boss-timer{top:186px}.hourglass-choice-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media(max-width:640px){.hourglass-tophud-shell{padding:var(--space-2) var(--space-3)}.hourglass-tophud-chip{min-width:0}.hourglass-tophud-title{font-size:var(--text-xs)}.hourglass-choice-header{flex-direction:column;align-items:flex-start}.hourglass-choice-grid{grid-template-columns:minmax(0,1fr)}.hourglass-choice-card{min-height:0}.hourglass-reward-grid{grid-template-columns:minmax(0,1fr)}}}@layer features{.battle-item-overlay{position:fixed;inset:0;z-index:9207;display:none;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.battle-item-overlay.open{display:flex}.battle-item-modal{width:min(1440px,100%);height:min(840px,100%);max-height:100%;overflow:hidden}.battle-item-modal>.dialog-header,.battle-item-toolbar{flex-shrink:0}.battle-item-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-line-1);background:var(--color-bg)}.battle-item-preset-title{align-self:center;color:var(--color-text-2);font-size:var(--text-md)}.battle-item-preset-selects{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2) var(--space-3)}.battle-item-preset-field{display:flex;flex-direction:column;gap:var(--space-1)}.battle-item-preset-field-label{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-medium)}.battle-item-preset-select{min-width:148px}.battle-item-preset-apply{min-width:96px}.battle-item-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-height:0;padding:var(--space-4) var(--space-5) var(--space-5);overflow:hidden}.battle-item-preset-note{flex-shrink:0;color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold)}.battle-item-layout{display:grid;flex:1 1 0;grid-template-columns:280px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:var(--space-5);min-height:0}.battle-item-layout.is-raid-editor{grid-template-columns:minmax(0,1.6fr) minmax(460px,1fr)}.battle-item-left,.battle-item-right{display:flex;flex-direction:column;min-width:0;min-height:0}.battle-item-slot-panel,.battle-item-list-panel{display:flex;flex:1 1 0;flex-direction:column;gap:var(--space-2-5);min-width:0;min-height:0}.battle-item-section-title{flex-shrink:0;color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}.battle-item-slot-grid,.battle-item-raid-editor,.battle-item-collection{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}.battle-item-raid-editor,.battle-item-collection{margin:calc(-1 * var(--space-2-5));padding:var(--space-2-5)}.battle-item-slot-grid{display:flex;flex-direction:column;gap:var(--space-2)}.battle-item-slot{display:flex;align-items:center;gap:var(--space-2)}.battle-item-key,.battle-item-raid-slot-key{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--color-surface-3);color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.battle-item-slot-card{display:flex;flex:1;align-items:center;gap:var(--space-2-5);min-width:0;min-height:52px;padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.battle-item-slot-card:hover{border-color:var(--color-line-3)}:is(.battle-item-slot-card,.battle-item-raid-slot-card).is-active{border-color:var(--color-gold-2);box-shadow:inset 0 0 0 1px var(--color-gold-line)}:is(.battle-item-slot-card,.battle-item-raid-slot-card).is-dragover{border-style:dashed;border-color:var(--color-gold-2);background:var(--color-gold-faint)}.battle-item-slot-icon,.battle-item-raid-slot-icon,.battle-item-card-icon{--item-art-size: 84%;flex:none;border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background-color:var(--color-surface-1)}.battle-item-slot-icon{width:38px;height:38px}.battle-item-slot-name,.battle-item-raid-slot-name{min-width:0;overflow:hidden;color:var(--color-text-3);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap}:is(.battle-item-slot-card,.battle-item-raid-slot-card).has-item :is(.battle-item-slot-name,.battle-item-raid-slot-name){color:var(--color-text-1);font-weight:var(--weight-semibold)}.battle-item-raid-editor{display:flex;flex-direction:column;gap:var(--space-3)}.battle-item-raid-boss-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2-5)}.battle-item-raid-boss-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-2-5);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2)}.battle-item-raid-boss-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:22px}.battle-item-raid-boss-title{min-width:0;overflow:hidden;color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap}.battle-item-raid-boss-badge{flex:none;padding:1px var(--space-1-5);border:1px solid var(--color-gold-line);border-radius:var(--radius-sm);background:var(--color-gold-soft);color:var(--color-gold-1);font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap}.battle-item-raid-boss-badge.is-idle{border-color:var(--color-line-2);background:transparent;color:var(--color-text-3)}.battle-item-raid-boss-slots{display:flex;flex-direction:column;gap:var(--space-1)}.battle-item-raid-slot-card{display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:40px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);color:inherit;font-weight:var(--weight-regular);text-align:left}.battle-item-raid-slot-card:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-bg-deep)}.battle-item-raid-slot-key{width:20px;height:20px;font-size:var(--text-xs)}.battle-item-raid-slot-icon{width:28px;height:28px}.battle-item-raid-slot-name{font-size:var(--text-sm)}.battle-item-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:var(--space-2)}.battle-item-layout.is-raid-editor .battle-item-collection{grid-template-columns:minmax(0,1fr)}.battle-item-card{display:flex;align-items:flex-start;gap:var(--space-3);min-height:0;padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-1);font-weight:var(--weight-regular);text-align:left}.battle-item-card:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-surface-3)}.battle-item-card.is-assigned{border-color:var(--color-gold-line);background:var(--color-gold-faint)}.battle-item-card.is-empty{opacity:.55}.battle-item-card-icon{width:48px;height:48px}.battle-item-card-info{display:flex;flex:1;flex-direction:column;gap:var(--space-1);min-width:0}.battle-item-card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-3)}.battle-item-card-title{min-width:0;overflow:hidden;color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.battle-item-card-owned{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-2-5)}.battle-item-card-owned-stat{display:inline-flex;align-items:baseline;gap:var(--space-1)}.battle-item-card-owned-label{color:var(--color-text-3);font-size:var(--text-xs)}:is(.battle-item-card-owned-value,.battle-item-card-limit-value,.battle-item-card-cooldown-value){color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.battle-item-card-sub{color:var(--color-text-2);font-size:var(--text-sm);line-height:1.5}.battle-item-enhance-btn{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-2);border:1px solid var(--color-gold-line);border-radius:var(--radius-sm);background:var(--color-gold-soft);color:var(--color-gold-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer}.battle-item-enhance-btn:is(.is-locked,.is-complete){border-color:var(--color-line-2);background:transparent;color:var(--color-text-3)}.battle-item-enhance-btn:is(.is-disabled,.is-loading){opacity:.6;pointer-events:none}.battle-item-recommend-notice{position:fixed;top:50%;left:50%;z-index:9701;max-width:min(92vw,640px);padding:var(--space-3) var(--space-5);border:1px solid var(--color-gold-line);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-3);color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1.5;text-align:center;opacity:0;transform:translate(-50%,-50%);pointer-events:none}.battle-item-recommend-notice.is-show{animation:battle-item-notice 1.25s var(--ease-out) forwards}@keyframes battle-item-notice{0%{opacity:0;transform:translate(-50%,-46%)}16%,78%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}@media(max-width:1320px){.battle-item-raid-boss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.battle-item-layout,.battle-item-layout.is-raid-editor{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}.battle-item-collection,.battle-item-raid-boss-grid{grid-template-columns:minmax(0,1fr)}.battle-item-preset-selects{width:100%}.battle-item-preset-field{flex:1 1 140px}.battle-item-preset-select{width:100%;min-width:0}}}@layer features{.buff-select-overlay{position:fixed;inset:0;z-index:9200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px);animation:buff-select-fade var(--duration-base) var(--ease-out);transition:opacity var(--duration-base) var(--ease-out)}.buff-select-overlay.is-closing{opacity:0;pointer-events:none}.buff-select-dialog{width:min(1040px,100%);overflow:hidden}.buff-select-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.buff-select-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:212px;padding:var(--space-5) var(--space-3) var(--space-4);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text-1);font-weight:var(--weight-regular);text-align:center}.buff-select-card:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-surface-3)}.buff-select-card.is-selected{border-color:var(--color-gold-2);background:var(--color-gold-faint)}.buff-select-badge{position:absolute;top:var(--space-2);left:var(--space-2)}.buff-select-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:var(--space-1);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-bg-deep);color:var(--color-text-2)}.buff-select-card.is-selected .buff-select-icon{border-color:var(--color-gold-line);color:var(--color-gold-1)}.buff-select-icon svg{width:48px;height:48px}.buff-select-name{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold)}.buff-select-desc{color:var(--color-text-2);font-size:var(--text-md);line-height:1.6;word-break:keep-all}.buff-select-value{color:var(--color-text-1);font-size:var(--text-base);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.buff-select-value.is-penalty{color:var(--color-danger-strong)}@keyframes buff-select-fade{0%{opacity:0}}@media(max-width:900px){.buff-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.buff-select-grid{grid-template-columns:minmax(0,1fr)}}}@layer shell{.app-shell{display:flex;flex-direction:column;width:100vw;margin:0 auto;padding:0}.content-grid>:is(#solo-raid-row,#solo-profile-stack,#mp-side-stack){display:none}body:not(.playing):not(.postgame) .app-shell{height:100vh;padding-bottom:var(--space-8);overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}}@layer shell{.topbar{position:sticky;top:0;z-index:var(--z-topbar);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-5);height:var(--topbar-h);padding:var(--topbar-padding-top) calc(var(--shell-gutter) + var(--control-h-md) + var(--space-2)) 0 var(--shell-gutter);border-bottom:1px solid var(--color-line-1);background:color-mix(in srgb,var(--color-bg) 90%,transparent);backdrop-filter:blur(10px) saturate(120%)}body.playing:not(.meeting-square) .topbar,body.postgame .topbar{display:none}.topbar-brand{display:flex;align-items:center;gap:var(--space-2-5);min-width:0}.logo-emblem{position:relative;width:22px;height:22px;flex:none}.logo-emblem:before,.logo-emblem:after{content:"";position:absolute;inset:3px;border:1.5px solid var(--color-gold-2);transform:rotate(45deg)}.logo-emblem:after{inset:8px;border:0;background:var(--color-gold-1)}.logo-wordmark{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1;letter-spacing:.08em;white-space:nowrap}.logo-mark{color:var(--color-text-1)}.logo-text{color:var(--color-gold-1)}.logo-version{align-self:flex-end;margin-bottom:1px;color:var(--color-text-3);font-size:var(--text-2xs);font-weight:var(--weight-medium)}.topbar-nav{display:flex;align-items:center;justify-content:safe center;min-width:0;overflow-x:auto;padding:var(--space-2) 2px}.nav-group{display:flex;flex:none;align-items:center;gap:2px}.nav-group+.nav-group{margin-left:var(--space-4);padding-left:var(--space-4);border-left:1px solid var(--color-line-1)}.nav-item{--nav-item-width: 72px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:72px;width:max-content;height:54px;min-height:0;padding:0 var(--space-1);border-color:transparent;border-radius:var(--radius-md);background:transparent;box-shadow:none;color:var(--color-text-2)}.nav-item:is(.active,.is-active,[aria-expanded=true]){background:var(--color-surface-2);color:var(--color-text-1)}.nav-item:focus-visible{outline:2px solid var(--color-gold-1);outline-offset:-2px;box-shadow:none}.nav-item:hover:not(:disabled){border-color:transparent;background:var(--color-surface-3);color:var(--color-text-1)}.nav-item:hover:not(:disabled) .ui-icon{color:var(--color-gold-1)}.nav-item .ui-icon{--icon-size: 25px;transition:color var(--duration-fast) var(--ease-out)}.nav-item-label{font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1;white-space:nowrap}.nav-item.has-milestone-guide{display:grid;grid-template-columns:var(--nav-item-width) auto;grid-template-rows:25px 16px;column-gap:var(--space-2);row-gap:3px;width:max-content;padding-inline:0 var(--space-2);align-content:center}.nav-item.has-milestone-guide>.ui-icon{grid-column:1;grid-row:1;justify-self:center}.nav-item.has-milestone-guide>.nav-item-label{grid-column:1;grid-row:2}.topbar .nav-item.milestone-glow{outline:1px solid var(--color-gold-2)!important;outline-offset:-1px!important;animation:none!important;box-shadow:none!important;background:var(--color-gold-faint)}.topbar .nav-item.milestone-glow:focus-visible{outline:2px solid var(--color-gold-1)!important}.topbar .nav-item.is-claimable{outline:1px solid var(--color-gold-1)!important;background:var(--color-gold-soft);color:var(--color-gold-1);box-shadow:inset 0 0 12px color-mix(in srgb,var(--color-gold-2) 20%,transparent),0 0 14px color-mix(in srgb,var(--color-gold-2) 55%,transparent)!important}.nav-item.is-claimable.has-milestone-guide>.nav-dot{display:none}.nav-item.is-claimable .milestone-guide-tag.is-inline{min-height:var(--control-h-sm);padding:var(--space-2) var(--space-3);border-color:var(--color-gold-1);background:var(--color-gold-2);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--weight-bold);transition:background-color var(--duration-fast) var(--ease-out)}.nav-item.is-claimable:is(:hover,:focus-visible) .milestone-guide-tag.is-inline{background:var(--color-gold-1)}.nav-item .milestone-guide-tag.is-inline{position:static;grid-column:2;grid-row:1 / -1;display:none;padding:var(--space-1) var(--space-1-5);border-color:var(--color-gold-line);background:var(--color-gold-soft);box-shadow:none;color:var(--color-gold-1);font-size:var(--text-xs);animation:none}.nav-item .milestone-guide-tag.is-inline.is-visible{display:block}.nav-item .milestone-guide-tag.is-inline:before,.nav-item .milestone-guide-tag.is-inline .milestone-guide-tag-kicker{display:none}.topbar-end{display:flex;align-items:center;gap:var(--space-3)}.topbar-utilities{display:flex;align-items:center;gap:2px}.discord-icon-btn.is-discord-preclick-glow{color:#9aa6ff;animation:discord-attention 1.8s var(--ease-in-out) infinite}@keyframes discord-attention{50%{background:#7289da29}}.mode-switch{display:none}body.playing.meeting-square .mode-switch{display:inline-flex}.mode-switch .segmented-option{min-height:calc(var(--control-h-md) - 6px)}.settings-fab{position:fixed;top:calc((var(--topbar-h) - var(--control-h-md) + var(--topbar-padding-top)) / 2);right:var(--shell-gutter);z-index:calc(var(--z-topbar) + 1);display:grid;place-items:center;width:var(--control-h-md);height:var(--control-h-md);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-2);font-size:0;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.settings-fab:before{content:"";width:18px;height:18px;background-color:currentColor;-webkit-mask:url(/assets/ui/icons/settings.svg) center / contain no-repeat;mask:url(/assets/ui/icons/settings.svg) center / contain no-repeat}.settings-fab:hover,.settings-fab[aria-expanded=true]{border-color:var(--color-line-3);background:var(--color-surface-3);color:var(--color-text-1)}body.playing:not(.meeting-square) .settings-fab,body.postgame .settings-fab{top:var(--space-4);right:auto;left:var(--space-4)}@media(max-width:1440px){.topbar{gap:var(--space-3)}.nav-item{--nav-item-width: 48px;min-width:48px;width:48px}.nav-item-label{display:none}.nav-item .ui-icon{--icon-size: 27px}.nav-item.has-milestone-guide{grid-template-rows:1fr;width:max-content}}@media(max-width:1100px){.topbar{grid-template-columns:auto 1fr;height:auto;padding-block:var(--topbar-padding-top) var(--space-2);row-gap:var(--space-1)}.settings-fab{top:var(--topbar-padding-top)}.topbar-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto}.topbar-end{justify-self:end}}}@layer shell{.resource-bar{position:relative;z-index:5;display:flex;align-items:stretch;gap:var(--space-2-5);width:min(var(--shell-max-width),calc(100% - var(--shell-gutter) * 2));margin:var(--space-4) auto 0}body.playing:not(.meeting-square) .resource-bar:not(.meeting-square-resource-layout),body.postgame .resource-bar{display:none}#resource-panel.resource-panel-wide{flex:1 1 auto;min-width:0;padding:0;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top);overflow-x:auto}#resource-panel .resource-stack{display:flex;align-items:stretch;gap:0;height:100%}#resource-panel .resource-card{display:flex;flex:1 1 0;align-items:center;gap:var(--space-2-5);min-width:128px;min-height:52px;padding:var(--space-2) var(--space-3);border:0;border-radius:0;background:transparent;box-shadow:none;transition:background-color var(--duration-fast) var(--ease-out)}#resource-panel .resource-card+.resource-card{border-left:1px solid var(--color-line-1)}#resource-panel .resource-card:hover{background:var(--color-surface-2)}#resource-panel .resource-icon{--resource-icon-size: 28px;flex:none}#resource-panel .resource-info{display:flex;flex-direction:column;gap:1px;min-width:0}#resource-panel .resource-name{overflow:hidden;color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}#resource-panel .resource-value{color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.resource-bar-actions{display:flex;flex:none;align-items:stretch;gap:var(--space-2)}.resource-bar-actions .btn{position:relative;min-width:96px;height:auto;padding-inline:var(--space-4);border-radius:var(--radius-lg)}.resource-bar-actions .ui-icon{--icon-size: 18px}.resource-chat-open-btn:after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--color-danger);opacity:0;transform:scale(.4);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.resource-chat-open-btn.has-unread:after{opacity:1;transform:scale(1)}.resource-bar-actions .resource-logout-btn{min-width:0;padding-inline:var(--space-3)}body.playing :is(.resource-profile-open-btn,.resource-logout-btn){display:none}.resource-bar.meeting-square-resource-layout{flex-direction:column;gap:var(--space-2)}#resource-panel.meeting-square-resource-layout{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto;background:color-mix(in srgb,var(--color-surface-1) 90%,transparent);backdrop-filter:blur(6px)}#resource-panel.meeting-square-resource-layout .resource-stack{flex-direction:column;height:auto}#resource-panel.meeting-square-resource-layout .resource-card{flex:none;min-width:0;min-height:48px}#resource-panel.meeting-square-resource-layout .resource-card+.resource-card{border-top:1px solid var(--color-line-1);border-left:0}.resource-bar.meeting-square-resource-layout .resource-bar-actions{flex-direction:column}.resource-bar.meeting-square-resource-layout .resource-bar-actions .btn{min-height:44px;background:color-mix(in srgb,var(--color-surface-2) 92%,transparent)}body.playing.meeting-square #global-chat-open{display:none}@media(max-width:1280px){#resource-panel .resource-card{min-width:112px;padding-inline:var(--space-2-5)}#resource-panel .resource-icon{--resource-icon-size: 24px}#resource-panel .resource-value{font-size:var(--text-base)}}@media(max-width:960px){.resource-bar{flex-direction:column}.resource-bar-actions .btn{flex:1;min-height:var(--control-h-md)}}#resource-panel .resource-value.is-value-up{color:var(--color-success);animation:resource-value-nudge var(--duration-slow) var(--ease-out)}#resource-panel .resource-value.is-value-down{color:var(--color-danger-strong);animation:resource-value-nudge var(--duration-slow) var(--ease-out)}@keyframes resource-value-nudge{40%{transform:translateY(-2px)}}}@layer shell{.my-info-modal-overlay{z-index:9313}#my-info-modal-body{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start;gap:var(--space-3);width:min(1180px,96vw);max-height:min(880px,90vh);overflow:auto;animation:dialog-in var(--duration-base) var(--ease-out)}#solo-profile-stack.is-my-info-modal-host>:is(#mp-user-section,#mp-user-detail-section){display:none!important}#my-info-modal-body :is(#mp-user-section,#mp-user-detail-section){position:relative;width:100%;margin:0}#my-info-modal-body #mp-user-section,#my-info-modal-body #mp-user-detail-section{display:block!important}.my-info-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2;display:inline-grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:0;padding:0;border-color:transparent;background:transparent;color:var(--color-text-3);font-size:20px;font-weight:var(--weight-regular);line-height:1}.my-info-modal-close:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}@media(max-width:1100px){#my-info-modal-body{grid-template-columns:minmax(0,1fr);width:min(96vw,820px)}}#mp-user-section.profile-panel{padding:0;border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-3)}#mp-user-section .mp-card-head{display:flex;align-items:center;min-height:56px;padding:0 var(--space-5);border-bottom:1px solid var(--color-line-1)}#mp-user-section .mp-card-title{color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold)}#mp-user-section .mp-card-body{position:relative;padding:var(--space-5)}.mp-user-refactor{display:flex;flex-direction:column;gap:var(--space-4)}.mp-user-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line-1)}.mp-user-mainline,.mp-user-level-tile{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.mp-user-level-tile{align-items:flex-end}.mp-user-mainline-label{color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-medium)}#mp-user-nickname{overflow:hidden;color:var(--color-text-1);font-size:var(--text-2xl);font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap}.mp-user-nickname-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}#mp-guest-convert{flex:none;min-height:32px}.mp-user-nickname-row .chip{flex:none}#mp-user-item-level{color:var(--color-gold-1);font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.mp-user-stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.mp-user-stat-card{min-width:0}.mp-user-stat-head{margin-bottom:var(--space-1-5);color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}.mp-user-stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:var(--space-1-5) 0;border-bottom:1px solid var(--color-line-1)}.mp-user-stat-row:last-child{border-bottom:0}.mp-user-stat-label{color:var(--color-text-2);font-size:var(--text-md)}.mp-user-stat-value{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.mp-user-footnote{color:var(--color-text-3);font-size:var(--text-xs)}.mp-user-action-box{padding-top:var(--space-4);border-top:1px solid var(--color-line-1)}.mp-user-action-head{margin-bottom:var(--space-2)}.mp-user-action-title{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold)}.mp-user-rename-form{display:flex;flex-direction:column;gap:var(--space-1-5)}.mp-user-rename-row{display:flex;gap:var(--space-2)}.mp-user-rename-row input{flex:1 1 auto}.mp-user-action-btn{flex:none;min-width:72px}.mp-nickname-toast{position:absolute;top:var(--space-3);left:50%;z-index:3;max-width:min(92%,420px);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-3);border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);opacity:0;transform:translate(-50%,-6px);pointer-events:none}.mp-nickname-toast[data-state=success]{border-color:var(--color-success)}.mp-nickname-toast[data-state=warning]{border-color:var(--color-warning)}.mp-nickname-toast[data-state=error]{border-color:var(--color-danger)}.mp-nickname-toast.is-show{animation:nickname-toast var(--mp-nickname-toast-duration, 1s) var(--ease-out) forwards}@keyframes nickname-toast{0%{opacity:0;transform:translate(-50%,-6px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}#mp-user-detail-section{padding:0 0 var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-3)}.mp-user-stat-head-row{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 var(--space-5);border-bottom:1px solid var(--color-line-1)}.mp-user-stat-head-row .mp-user-stat-head{margin:0;color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:0}.mp-user-stat-head-sub{color:var(--color-text-3);font-size:var(--text-sm)}.mp-user-skill-grid{display:flex;flex-direction:column;padding:var(--space-2) var(--space-5) 0}.mp-user-skill-row{display:grid;grid-template-columns:28px repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;align-items:end;gap:var(--space-2);padding:var(--space-1-5) 0;border-bottom:1px solid var(--color-line-1)}.mp-user-skill-row:last-child{border-bottom:0}.mp-user-skill-key{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-bg-deep);color:var(--color-text-1);font-size:var(--text-xs);font-weight:var(--weight-bold)}.mp-user-skill-stat-block{display:flex;flex-direction:column;gap:2px;min-width:0}.mp-user-skill-stat-label{overflow:hidden;color:var(--color-text-3);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap}.mp-user-skill-row:not(:first-child) .mp-user-skill-stat-label{display:none}.mp-user-skill-stat-value{color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}}@layer shell{.loading-overlay{position:absolute;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:radial-gradient(60% 50% at 50% 45%,rgba(201,161,90,.07),transparent 70%),var(--color-bg-deep);pointer-events:auto}.loading-overlay.open{display:flex}.loading-card{display:flex;flex-direction:column;gap:var(--space-2-5);width:min(360px,calc(100vw - 48px));text-align:center}.loading-title{color:var(--color-text-1);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:.12em}.loading-subtitle{color:var(--color-text-2);font-size:var(--text-md)}.loading-progress{height:3px;margin-top:var(--space-2);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-line-2)}.loading-bar{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-gold-3),var(--color-gold-1));transition:width var(--duration-base) var(--ease-out)}.loading-count{color:var(--color-text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.loading-countdown{display:none}.loading-overlay.battle-countdown .loading-card{gap:var(--space-3);width:min(720px,calc(100vw - 32px))}.loading-overlay.battle-countdown :is(.loading-subtitle,.loading-progress,.loading-count){display:none}.loading-overlay.battle-countdown .loading-title{position:relative;z-index:1;font-size:clamp(22px,2.8vw,36px);font-weight:800;letter-spacing:.04em;word-break:keep-all;text-shadow:0 2px 0 rgba(0,0,0,.5)}.loading-overlay.battle-countdown .loading-countdown{display:grid;place-items:center;height:clamp(180px,26vw,300px)}.loading-countdown>span{grid-area:1 / 1}.loading-countdown-value{color:var(--color-gold-1);font-family:var(--font-display);font-size:clamp(150px,22vw,250px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 6px 0 rgba(0,0,0,.55),0 0 36px rgba(201,161,90,.45)}.loading-countdown-ring,.loading-countdown-flash{aspect-ratio:1;border-radius:50%;opacity:0;pointer-events:none}.loading-countdown-ring{width:clamp(150px,21vw,240px);border:8px solid rgba(246,214,140,.95);box-shadow:0 0 18px #f6d68c73,inset 0 0 14px #f6d68c59}.loading-countdown-flash{width:clamp(210px,30vw,340px);background:radial-gradient(circle,#fff6dcf2,#ffd68c99 30%,#c9a15a00 68%)}#fade-overlay{position:absolute;inset:0;z-index:9999;width:100%;height:100%;background:#000;opacity:0;pointer-events:none;transition:opacity 1s ease}.settings-panel{position:fixed;top:calc(var(--topbar-h) + var(--space-1));right:var(--shell-gutter);z-index:var(--z-settings);display:none;flex-direction:column;gap:var(--space-4);width:min(300px,calc(100vw - 32px));padding:var(--space-4);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-3)}.settings-panel.open{display:flex;animation:dialog-in var(--duration-base) var(--ease-out)}body.playing:not(.meeting-square) .settings-panel,body.postgame .settings-panel{top:calc(var(--space-4) + var(--control-h-md) + var(--space-2));right:auto;left:var(--space-4)}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;margin:calc(var(--space-1) * -1) 0 0;color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold)}.settings-close{display:inline-grid;place-items:center;width:28px;min-width:28px;height:28px;min-height:0;padding:0;border-color:transparent;background:transparent;color:var(--color-text-3);font-size:18px;font-weight:var(--weight-regular);line-height:1}.settings-close:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.settings-group{display:flex;flex-direction:column;gap:var(--space-2)}.settings-group .secondary-btn{justify-content:flex-start;width:100%;text-align:left}.settings-panel{max-height:calc(100dvh - var(--topbar-h) - var(--space-4));overflow-y:auto}.fx-quality-row{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:var(--space-2)}.fx-quality-row select{min-width:0;width:100%}#settings-panel .settings-fx-quality .fx-opacity-row{grid-template-columns:minmax(0,1fr) 44px}#settings-panel .fx-opacity-row label{grid-column:1 / -1}.settings-fx-quality small{color:var(--color-text-3)}@media(max-width:360px){.fx-quality-row{grid-template-columns:1fr}}.volume-label{color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps)}.volume-control{display:flex;flex-direction:column;gap:var(--space-2)}.volume-row{display:grid;grid-template-columns:36px minmax(0,1fr) 44px;align-items:center;gap:var(--space-2-5)}.volume-row-label{color:var(--color-text-2);font-size:var(--text-sm)}.volume-row input[type=range]{width:100%}.volume-value{color:var(--color-text-1);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:right}.legal-modal .modal-content{gap:0;width:min(92vw,760px);max-height:min(82vh,760px);padding:0;text-align:left}.legal-modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line-1)}.legal-modal-title{color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold)}.legal-modal-close{display:inline-grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:0;padding:0;border-color:transparent;background:transparent;color:var(--color-text-3);font-size:20px;font-weight:var(--weight-regular);line-height:1}.legal-modal-close:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.legal-modal-body{min-height:0;padding:var(--space-5);overflow:auto;color:var(--color-text-2);font-size:var(--text-md);line-height:1.7;white-space:pre-wrap}}@layer shell{.auth-overlay{position:fixed;inset:0;z-index:11000;display:none;justify-content:center;padding:var(--space-4);overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(70% 60% at 50% 40%,rgba(201,161,90,.08),transparent 70%),#05070ad1;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out)}.auth-overlay.open{display:flex;opacity:1;pointer-events:auto}.auth-modal{display:flex;flex-direction:column;gap:var(--space-4);width:min(400px,100%);margin:auto 0;animation:dialog-in var(--duration-slow) var(--ease-out)}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.auth-brand-lockup{display:inline-flex;align-items:center;gap:var(--space-2-5)}.auth-brand .logo-emblem{width:30px;height:30px}.auth-brand .logo-emblem:before{inset:5px;border-width:2px}.auth-brand .logo-emblem:after{inset:11px}.auth-brand .logo-wordmark{font-size:28px;line-height:1.1;letter-spacing:.12em}.auth-tagline{color:var(--color-text-3);font-size:var(--text-sm);letter-spacing:.08em}.auth-card,.auth-server{border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-3)}.auth-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-1) var(--space-5) var(--space-4)}.auth-restoring{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2-5);border-radius:inherit;background:var(--color-surface-1);color:var(--color-text-2);font-size:var(--text-base);font-weight:var(--weight-semibold)}.auth-overlay.is-restoring .auth-card>:not(.auth-restoring),.auth-overlay.is-restoring .auth-server{visibility:hidden}.auth-restoring-spinner{width:16px;height:16px;border:2px solid var(--color-line-3);border-top-color:var(--color-gold-2);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 calc(var(--space-5) * -1);padding:0 var(--space-3);border-bottom:1px solid var(--color-line-1)}.auth-tabs .mp-tab{min-height:42px;font-size:var(--text-base)}.auth-tabs .mp-tab:hover:not(:disabled){background:transparent}.auth-tabs .mp-tab:disabled{opacity:1;cursor:default}.auth-panels{display:grid}.auth-panels>form{grid-area:1 / 1;display:flex;flex-direction:column;gap:var(--space-2-5);min-width:0}.auth-panels>form.is-inactive{visibility:hidden}.auth-card form input:is([type=text],[type=password]){min-height:38px;font-size:var(--text-base)}.auth-card .form-toggle-btn{min-width:48px;min-height:38px}.auth-card .form-row{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--space-1)}.auth-card .form-row>:is(.form-note,.form-status){grid-row:3;grid-column:1;min-height:16px;overflow:hidden;line-height:16px;white-space:nowrap;text-overflow:ellipsis}.auth-card .form-status:empty{visibility:hidden}.auth-card .form-row:has(.form-status:not(:empty)) .form-note,.auth-card .form-row:has(.auth-capslock:not(.hidden)) :is(.form-status,.form-note:not(.auth-capslock)){visibility:hidden}.auth-card .auth-capslock{color:var(--color-warning)}.auth-card .toggle-row{flex-direction:row-reverse;justify-content:flex-end;justify-self:start;gap:var(--space-2);min-height:28px;padding:0;border:0;background:none;cursor:pointer}.auth-card .toggle-row .label{color:var(--color-text-2);font-weight:var(--weight-medium)}.auth-card .toggle-row:hover .label{color:var(--color-text-1)}.auth-card button[type=submit]{min-height:42px;font-size:var(--text-base)}.auth-card .primary-btn[aria-busy=true]{border-color:var(--color-gold-3);background:linear-gradient(180deg,#d8b46c,#b88f4b);color:var(--color-text-inverse);opacity:.72;cursor:progress}.auth-card .btn--secondary[aria-busy=true]{opacity:.72;cursor:progress}.auth-message-slot{height:18px;margin:calc(var(--space-1) * -1) 0}.mp-auth-message{overflow:hidden;color:var(--color-text-3);font-size:var(--text-sm);line-height:18px;text-align:center;white-space:nowrap;text-overflow:ellipsis}.mp-auth-message[data-state=success]{color:var(--color-success)}.mp-auth-message[data-state=error]{color:var(--color-danger-strong)}.auth-guest{display:flex;flex-direction:column;gap:var(--space-1-5);margin-top:auto}.auth-guest:before{content:"\b610\b294";display:block;margin-bottom:var(--space-1-5);background:linear-gradient(var(--color-line-1),var(--color-line-1)) left center / calc(50% - 22px) 1px no-repeat,linear-gradient(var(--color-line-1),var(--color-line-1)) right center / calc(50% - 22px) 1px no-repeat;color:var(--color-text-3);font-size:var(--text-xs);line-height:16px;text-align:center}.auth-guest .btn{width:100%;min-height:38px;font-size:var(--text-base)}.auth-guest-note{margin:0;color:var(--color-text-3);font-size:var(--text-xs);text-align:center}.auth-server{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-inset-top)}.auth-server-row{display:flex;align-items:center;gap:var(--space-2)}.auth-server-row :is(select,input){flex:1 1 auto;min-width:0}.auth-server-row .secondary-btn,#mp-connection-status{flex:0 0 88px}.auth-server-row .secondary-btn{white-space:nowrap}#mp-server-url{min-height:var(--control-h-sm);font-size:var(--text-sm)}#mp-server-url:read-only{border-color:var(--color-line-1);color:var(--color-text-3);cursor:default}#mp-connection-status{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);overflow:hidden;white-space:nowrap;color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold)}#mp-connection-status:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}#mp-connection-status[data-state=success]{color:var(--color-success)}#mp-connection-status[data-state=error]{color:var(--color-danger-strong)}@media(pointer:coarse){.auth-card form input:is([type=text],[type=password]),.auth-server :is(select,input){font-size:var(--text-lg)}}.mp-login-otp-overlay{position:fixed;inset:0;z-index:60000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(3px)}.mp-login-otp-panel{width:min(380px,100%);padding:var(--space-5);border:1px solid var(--color-line-2);border-radius:var(--radius-xl);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-3);animation:dialog-in var(--duration-base) var(--ease-out)}.mp-login-otp-title{margin:0 0 var(--space-1);color:var(--color-text-1);font-size:var(--text-xl);font-weight:var(--weight-bold)}.mp-login-otp-help{margin:0 0 var(--space-4);color:var(--color-text-3);font-size:var(--text-sm)}.mp-login-otp-form{display:grid;gap:var(--space-3)}.mp-login-otp-field{display:grid;gap:var(--space-1-5)}.mp-login-otp-input{min-height:40px;font-size:var(--text-lg);letter-spacing:.2em;text-align:center}.mp-login-otp-error{min-height:18px;color:var(--color-danger-strong);font-size:var(--text-sm);line-height:18px}.mp-login-otp-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.mp-guest-conversion-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;color:var(--color-text-1)}.mp-guest-conversion-dialog::backdrop{background:var(--color-backdrop)}.mp-guest-conversion-dialog input{min-width:0;min-height:40px;font-size:16px}.auth-guest .form-row{width:100%}}@layer shell{.fanloa-intro{position:fixed;inset:0;z-index:100000;background:#000;opacity:1;touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity var(--intro-leave, .6s) ease-in-out}.fanloa-intro.is-leaving{opacity:0;pointer-events:none}.fanloa-intro__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.fanloa-intro__gate{position:absolute;left:50%;top:calc(50% + min(7.2vh,8.2vw));display:flex;flex-direction:column;align-items:center;gap:var(--space-3);transform:translate(-50%);transition:opacity .3s var(--ease-out)}.fanloa-intro__progress{width:160px;height:1px;overflow:hidden;background:#c9a15a29;transition:opacity .4s var(--ease-out)}.fanloa-intro__progress span{display:block;height:100%;background:var(--color-gold-2);transform:scaleX(0);transform-origin:left center;transition:transform .3s var(--ease-out)}.fanloa-intro[data-mode=brief] .fanloa-intro__gate{display:none}.fanloa-intro:is([data-phase=playing],[data-phase=leaving]) .fanloa-intro__gate{opacity:0;pointer-events:none}.fanloa-intro__skip{position:absolute;right:max(var(--space-6),env(safe-area-inset-right));bottom:max(var(--space-5),env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border:1px solid rgba(201,161,90,.32);border-radius:999px;background:#0000006b;color:#f1ece2c7;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:13px;letter-spacing:.06em;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .5s var(--ease-out),color .15s var(--ease-out),border-color .15s var(--ease-out)}.fanloa-intro__skip kbd{padding:1px 5px;border:1px solid rgba(241,236,226,.22);border-radius:4px;font:inherit;font-size:11px;color:#f1ece299}.fanloa-intro[data-phase=playing] .fanloa-intro__skip{opacity:1;pointer-events:auto;transition-delay:1s,0s,0s}.fanloa-intro__skip:hover,.fanloa-intro__skip:focus-visible{border-color:var(--color-gold-line-strong);color:var(--color-text-1);outline:none}}@layer lobby{.raid-control-panel{gap:0;padding:0}.raid-control-panel .panel-header{padding-inline:var(--space-5)}.raid-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.raid-section{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-5) var(--space-5)}.raid-section+.raid-section{border-left:1px solid var(--color-line-1)}.raid-section-title-row{min-height:28px}.raid-control-panel :is(#raid-reward-open,.raid-setup-info-btn):not(:disabled){border-color:var(--color-line-1);background:var(--color-surface-2);color:var(--color-text-2);box-shadow:none}.raid-control-panel :is(#raid-reward-open,.raid-setup-info-btn):hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.raid-control-panel :is(#raid-reward-open,.raid-setup-info-btn):focus-visible{outline:2px solid var(--color-gold-1);outline-offset:2px}.raid-section-config{gap:var(--space-2-5)}.raid-section-config .raid-section-title-row{flex-wrap:nowrap}.raid-section-config :is(.section-title,.raid-setup-info-btn){flex:none;white-space:nowrap}.raid-section-config .raid-roster-title{display:inline-flex;align-items:center;gap:var(--space-2-5);color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:1.4}.raid-roster-title-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--color-gold-line);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-gold-soft),transparent);color:var(--color-gold-1);box-shadow:inset 0 1px 0 var(--color-gold-soft)}.raid-roster-title-icon .ui-icon{--icon-size: 20px}.adaptive-tier-row{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:var(--space-1) var(--space-3);min-width:0}.adaptive-toggle{position:relative;display:inline-flex;flex:none;align-items:center;gap:var(--space-2);height:var(--control-h-sm);padding:0 var(--space-3) 0 var(--space-2);border:1px solid var(--color-info-line);border-radius:var(--radius-pill);background:var(--color-surface-2);cursor:pointer;user-select:none;transition:border-color .15s ease,background-color .15s ease}.adaptive-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.adaptive-toggle-track{position:relative;width:34px;height:20px;border-radius:var(--radius-pill);background:var(--color-surface-4);box-shadow:inset 0 0 0 1px var(--color-info-line);transition:background-color .15s ease}.adaptive-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--color-info);transition:transform .18s cubic-bezier(.3,.7,.4,1),background-color .15s ease}.adaptive-toggle-label{color:var(--color-info);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.08em}.adaptive-toggle:hover{border-color:var(--color-info)}.adaptive-toggle:has(input:focus-visible){box-shadow:var(--shadow-focus)}.adaptive-toggle:has(input:checked){border-color:var(--color-info);background:var(--color-info-soft)}.adaptive-toggle:has(input:checked) .adaptive-toggle-track{background:var(--color-info)}.adaptive-toggle:has(input:checked) .adaptive-toggle-track:after{transform:translate(14px);background:var(--color-text-1)}.adaptive-toggle:has(input:checked) .adaptive-toggle-label{color:var(--color-text-1)}.adaptive-toggle:has(input:disabled){border-color:var(--color-line-2);cursor:not-allowed;opacity:.55}.adaptive-toggle:has(input:disabled) .adaptive-toggle-track{box-shadow:none}.adaptive-toggle:has(input:disabled) .adaptive-toggle-track:after{background:var(--color-text-disabled)}.adaptive-toggle:has(input:disabled) .adaptive-toggle-label{color:var(--color-text-3)}.adaptive-tier-hint{flex:0 1 auto;min-width:0;overflow:hidden;color:var(--color-text-3);font-size:var(--text-2xs);line-height:1.35;text-align:right;text-overflow:ellipsis;white-space:nowrap}.adaptive-tier-row[data-state=on] .adaptive-tier-hint{color:var(--color-text-2)}.adaptive-tier-row[data-state=locked] .adaptive-tier-hint{color:var(--color-text-disabled)}.raid-recommended-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.raid-recommended-power{--tier-color: var(--color-text-1);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1-5) var(--space-2)}.raid-recommended-power[data-tier=red]{--tier-color: var(--color-danger-strong)}.raid-recommended-power[data-tier=orange]{--tier-color: var(--grade-relic)}.raid-recommended-power[data-tier=yellow]{--tier-color: var(--color-warning)}.raid-recommended-power[data-tier=lime]{--tier-color: #b6d36a}.raid-recommended-power[data-tier=green]{--tier-color: var(--color-success)}.raid-recommended-power[data-tier=blue]{--tier-color: var(--color-info)}.raid-recommended-power[data-tier=white]{--tier-color: var(--color-text-1)}.raid-recommended-label{color:var(--color-text-3);font-size:var(--text-xs)}.raid-recommended-value{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.raid-recommended-value-self{color:var(--tier-color)}.raid-recommended-sep{width:1px;height:12px;margin-inline:var(--space-1);align-self:center;background:var(--color-line-3)}.raid-procyon-blessing{align-items:center;gap:var(--space-1) var(--space-2-5);padding:var(--space-0-5) var(--space-2);border:1px solid var(--color-gold-line);border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-gold-soft),var(--color-gold-faint) 70%)}.raid-procyon-blessing-badge{color:var(--color-gold-1);font-size:var(--text-xs);font-weight:var(--weight-bold)}.raid-procyon-blessing-copy{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2-5);color:var(--color-text-2);font-size:var(--text-2xs)}.raid-procyon-blessing-sep{display:none}.raid-prep-row{flex-wrap:wrap;display:flex;align-items:stretch;gap:var(--space-2)}#buff-toggle-container{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:var(--space-1-5) var(--space-2);min-width:0;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-2)}#buff-toggle-container>label{color:var(--color-text-1);font-size:var(--text-md);cursor:pointer}.buff-cost{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-gold-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.raid-selected-buff{flex:1 1 120px;min-width:0;overflow:hidden;color:var(--color-text-3);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.raid-battle-item-side-btn{flex:none;gap:var(--space-2);min-height:0;padding-inline:var(--space-3);font-size:var(--text-md)}.raid-start-btn{min-height:var(--control-h-lg);margin-top:var(--space-1);font-size:var(--text-lg);letter-spacing:.02em}.square-content-panels .raid-start-btn{margin-top:var(--space-5)}.raid-practice-row{flex-wrap:wrap;display:flex;flex:none;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-1) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-2)}.raid-practice-row .toggle-row.inline{min-height:0;padding:0;border:0;background:none}.raid-practice-row .toggle-row .label{color:var(--color-text-2);font-size:var(--text-md);font-weight:var(--weight-medium)}.raid-practice-row .form-row{flex-direction:row;align-items:center;gap:var(--space-2)}.raid-practice-row .form-row select{width:160px;min-height:var(--control-h-sm)}.raid-section-class .class-grid{display:grid;flex:0 0 auto;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2-5)}.raid-section-class .class-entry{display:flex;flex-direction:column;gap:var(--space-1-5);min-width:0}.raid-section-class .class-card,.raid-section-class .class-info-card{position:relative;display:grid;flex:1 1 auto;grid-template-rows:1fr auto auto;justify-items:center;align-content:center;gap:2px;width:100%;min-height:clamp(224px,14vw,280px);padding:var(--space-4) var(--space-2) var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-2);text-align:center}.raid-section-class .class-card:hover:not(:disabled),.raid-section-class .class-info-card:hover:not(:disabled){border-color:var(--color-line-3);background:var(--color-surface-3)}.raid-section-class .class-card.active{border-color:var(--color-gold-2);background:linear-gradient(0deg,var(--color-gold-soft),transparent 65%),var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-gold-line)}.raid-section-class .class-card.active:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--color-gold-1)}.raid-section-class .class-card .class-card-sprite{grid-row:1;align-self:center;max-width:100%;object-fit:contain;margin-bottom:var(--space-2);pointer-events:none}.raid-section-class .class-card .class-card-sprite.is-empty{display:none}.raid-section-class .class-name{grid-row:2;color:var(--color-text-1);font-size:var(--text-lg);font-weight:var(--weight-bold)}.raid-section-class .class-meta{grid-row:3;max-width:100%;overflow:hidden;color:var(--color-text-3);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.raid-section-class .class-card.active .class-name{color:var(--color-gold-1)}.raid-section-class .class-info-entry{padding-bottom:calc(var(--control-h-sm) + var(--space-1-5))}.raid-section-class .class-info-card .ui-icon{--icon-size: 40px;grid-row:1;align-self:center;margin-bottom:var(--space-2);color:var(--color-text-3);transition:color var(--duration-fast) var(--ease-out)}.raid-section-class .class-info-card:hover:not(:disabled) .ui-icon{color:var(--color-gold-1)}.raid-section-class .class-entry-actions .skill-assist-toggle{width:100%;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.raid-section-class .class-entry-actions .skill-assist-toggle:hover{border-color:var(--color-line-3)}.raid-section-class .class-entry-actions .skill-assist-toggle:has(.skill-assist-checkbox:checked){border-color:var(--color-gold-line)}.raid-section-class .class-entry-actions .skill-assist-toggle .label{font-size:var(--text-sm)}@media(max-width:1100px){.raid-controls{grid-template-columns:minmax(0,1fr)}.raid-section+.raid-section{border-top:1px solid var(--color-line-1);border-left:0}}}@layer lobby{.raid-roster{--roster-cell-w: 48px;container-type:inline-size}.raid-roster-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1) var(--space-4)}.raid-roster-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.raid-roster-grid[data-difficulties="4"]{--roster-difficulty-count: 4}.raid-roster-column{--roster-name-min: 6.6em;display:grid;grid-template-columns:minmax(var(--roster-name-min),max-content) minmax(0,1fr) auto repeat(var(--roster-difficulty-count, 3),var(--roster-cell-w));align-content:start;gap:2px var(--space-1);min-width:0}.raid-roster-head,.raid-roster-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center}@supports not (grid-template-columns: subgrid){.raid-roster-head,.raid-roster-row{grid-template-columns:var(--roster-name-min) minmax(0,1fr) auto repeat(var(--roster-difficulty-count, 3),var(--roster-cell-w));column-gap:var(--space-1)}}.raid-roster-head{padding:0 2px var(--space-0-5) var(--space-3)}.raid-roster-head-boss{grid-column:1 / span 3}:is(.raid-roster-head-diff,.raid-roster-cell)[data-difficulty=Normal]{grid-column:4}:is(.raid-roster-head-diff,.raid-roster-cell)[data-difficulty=Hard]{grid-column:5}:is(.raid-roster-head-diff,.raid-roster-cell)[data-difficulty=Nightmare]{grid-column:6}.raid-roster-grid[data-difficulties="4"] :is(.raid-roster-head-diff,.raid-roster-cell)[data-difficulty=Easy]{grid-column:4}.raid-roster-grid[data-difficulties="4"] :is(.raid-roster-head-diff,.raid-roster-cell)[data-difficulty=Normal]{grid-column:5}.raid-roster-grid[data-difficulties="4"] :is(.raid-roster-head-diff,.raid-roster-cell)[data-difficulty=Hard]{grid-column:6}.raid-roster-grid[data-difficulties="4"] :is(.raid-roster-head-diff,.raid-roster-cell)[data-difficulty=Nightmare]{grid-column:7}.raid-roster-head-diff{color:var(--tone);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-align:center}:is(.raid-roster-head-diff,.raid-roster-cell,.raid-selection-diff)[data-difficulty=Normal]{--tone: var(--tone-normal)}:is(.raid-roster-head-diff,.raid-roster-cell,.raid-selection-diff)[data-difficulty=Easy]{--tone: var(--tone-easy)}:is(.raid-roster-head-diff,.raid-roster-cell,.raid-selection-diff)[data-difficulty=Hard]{--tone: var(--tone-hard)}:is(.raid-roster-head-diff,.raid-roster-cell,.raid-selection-diff)[data-difficulty=Nightmare]{--tone: var(--tone-nightmare)}:is(.raid-roster-head-diff,.raid-roster-cell,.raid-selection-diff)[data-difficulty=Extreme]{--tone: #b49aff}.raid-roster-row{position:relative;min-height:30px;padding:2px 2px 2px var(--space-3);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out)}.raid-roster-row:before{content:"";position:absolute;top:7px;bottom:7px;left:2px;width:3px;border-radius:var(--radius-pill);background:rgb(var(--boss-rgb, 151, 157, 168));opacity:.7}.raid-roster-row:hover,.raid-roster-row.is-selected{background:var(--color-surface-2)}.raid-roster-row.is-selected:before{opacity:1}.raid-roster-boss{display:contents}.raid-roster-boss>*{cursor:pointer}.raid-roster-name{grid-column:1;min-width:0;overflow:hidden;color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.raid-roster-row.is-selected .raid-roster-name{color:var(--color-gold-1)}.raid-roster-epithet{grid-column:2;min-width:0;padding-left:var(--space-1);overflow:hidden;color:var(--color-text-3);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap}.raid-roster-rest{grid-column:3;flex:none;margin-right:var(--space-1);padding:0 var(--space-1-5);border:1px solid var(--color-success-line);border-radius:var(--radius-sm);color:var(--color-success);font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:18px;font-variant-numeric:tabular-nums;white-space:nowrap}.raid-roster-weekly{border-color:#b49aff8c;color:#b49aff}.raid-roster-weekly[data-done=true]{border-color:var(--color-line-2);color:var(--color-text-3)}.raid-roster-cell{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:26px;min-height:0;padding:0;border:1px solid var(--color-line-1);border-radius:var(--radius-sm);background:var(--color-surface-3);color:var(--tone);box-shadow:var(--shadow-control);cursor:pointer}.raid-roster-cell.is-empty{border-color:transparent;background:none;box-shadow:none;cursor:default}.raid-roster-cell:hover:not(.is-empty){border-color:var(--color-line-3);background:var(--color-surface-4)}.raid-roster-cell:active:not(.is-empty){transform:none}.raid-roster-cell:focus-visible{outline:2px solid var(--color-gold-1);outline-offset:1px}.raid-roster-cell[data-reward=claimed]{border-color:var(--color-line-1);background:transparent;box-shadow:none}.raid-roster-cell.is-selected,.raid-roster-cell.is-selected:hover{border-color:var(--color-gold-2);background:linear-gradient(var(--color-gold-soft),var(--color-gold-soft)),var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-gold-line)}.raid-roster-mark{display:none}.raid-roster-clear-status{font-size:11px;font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}.raid-roster-cell[data-cleared=true] :is(.raid-roster-mark,.raid-roster-clear-status){color:var(--color-success)}.raid-roster-cell[data-cleared=false] .raid-roster-clear-status{color:var(--color-text-3)}.raid-roster-cell.is-wide{grid-column:4 / -1;display:flex;gap:var(--space-2);justify-content:center;align-items:center;color:var(--color-text-2);font-size:var(--text-2xs);font-weight:var(--weight-semibold)}.raid-roster-grid[data-difficulties="4"] .raid-roster-cell.is-wide{grid-column:4 / -1}.raid-roster-cell.is-wide[data-cleared=false] .raid-roster-mark{display:none}.raid-roster-cell.is-wide.is-selected{color:var(--color-gold-1)}.raid-roster-cell[data-cleared=true] .raid-roster-mark{display:block;flex:none;width:9px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0;background:none;transform:translateY(-1px) rotate(-45deg)}@container (max-width: 700px){.raid-roster-grid[data-difficulties="4"][data-columns="2"]{grid-template-columns:minmax(0,1fr)}.raid-roster-grid[data-difficulties="4"] .raid-roster-column+.raid-roster-column .raid-roster-head{display:none}.raid-roster-column{--roster-cell-w: 48px;--roster-name-min: 0px}.raid-roster-epithet{display:none}}@container (max-width: 460px){.raid-roster-grid[data-columns="2"]{grid-template-columns:minmax(0,1fr)}.raid-roster-column+.raid-roster-column .raid-roster-head{display:none}.raid-roster-column{--roster-cell-w: 44px}}.raid-selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-4);min-height:var(--control-h-md);padding:var(--space-1) var(--space-3);border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-surface-2)}.raid-selection-name{display:inline-flex;align-items:baseline;gap:var(--space-1-5);white-space:nowrap}.raid-selection-name:empty{display:none}.raid-selection-boss{color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold)}.raid-selection-diff{color:var(--tone, var(--color-text-2));font-size:var(--text-sm);font-weight:var(--weight-semibold)}.raid-selection-bar .raid-recommended-group{display:contents}.raid-selection-reward{display:inline-flex;order:1;align-items:center;gap:var(--space-2);margin-left:auto;white-space:nowrap}.raid-selection-bar .raid-procyon-blessing{order:2;flex-basis:100%}.raid-selection-reward:empty{display:none}.raid-selection-reward-label{color:var(--color-text-3);font-size:var(--text-xs)}.raid-selection-gold{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-1);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.raid-selection-reward .raid-roster-rest{margin-right:0}.raid-selection-claimed{color:var(--color-text-3);font-size:var(--text-xs)}.square-content-panels .raid-roster-column{--roster-cell-w: 88px;--roster-name-min: 136px;grid-template-columns:minmax(var(--roster-name-min),1fr) 0 auto repeat(var(--roster-difficulty-count, 3),var(--roster-cell-w))}.square-content-panels .raid-roster-row{min-height:48px;grid-template-rows:auto auto;padding-right:0}.square-content-panels .raid-roster-head{padding-right:0}.square-content-panels .raid-roster-name{grid-row:1;align-self:end;font-size:var(--text-lg);line-height:1.3;white-space:normal}.square-content-panels .raid-roster-epithet{display:block;grid-column:1;grid-row:2;align-self:start;padding-left:0;font-size:var(--text-xs);line-height:1.4}.square-content-panels .raid-roster-row:not(:has(.raid-roster-epithet)) .raid-roster-name{grid-row:1 / span 2;align-self:center}.square-content-panels .raid-roster-row :is(.raid-roster-cell,.raid-roster-rest){grid-row:1 / span 2}.square-content-panels .raid-roster-head-diff{font-size:calc(var(--text-xs) + 2px);padding-bottom:var(--space-1)}.square-content-panels .raid-roster-cell{height:40px}.square-content-panels .raid-roster-cell.is-wide{font-size:var(--text-sm)}.square-content-panels .raid-roster-clear-status{font-size:var(--text-xs)}.square-content-panels .raid-roster-cell[data-cleared=true] .raid-roster-mark{width:11px;height:6px}@container (max-width: 560px){.square-content-panels .raid-roster-column{grid-template-columns:repeat(var(--roster-difficulty-count, 3),minmax(0,1fr))}.square-content-panels :is(.raid-roster-head,.raid-roster-row){grid-template-columns:repeat(var(--roster-difficulty-count, 3),minmax(0,1fr));column-gap:var(--space-1)}.square-content-panels .raid-roster-head{padding-inline:var(--space-2)}.square-content-panels .raid-roster-head-boss{display:none}.square-content-panels .raid-roster-row{row-gap:var(--space-1-5);padding:var(--space-2)}.square-content-panels .raid-roster-boss{display:flex;grid-column:1 / -1;grid-row:1;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-2);min-width:0}.square-content-panels .raid-roster-name{flex:1;overflow:visible;font-size:var(--text-md)}.square-content-panels .raid-roster-epithet{display:none}.square-content-panels .raid-roster-rest{margin-right:0;white-space:nowrap}.square-content-panels .raid-roster-grid :is(.raid-roster-head-diff,.raid-roster-cell)[data-difficulty]{grid-column:auto}.square-content-panels .raid-roster-row .raid-roster-cell{grid-row:2}.square-content-panels .raid-roster-cell.is-wide[data-difficulty]{grid-column:1 / -1}}}@layer lobby{.square-content-panels .raid-selection-bar{padding:var(--space-4);gap:var(--space-2-5);background:var(--color-surface-2)}.square-content-panels .raid-selection-name{justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);white-space:normal}.square-content-panels .raid-selection-boss{font-size:var(--text-xl);line-height:1.25}.square-content-panels .raid-selection-diff{padding:3px var(--space-2);border:1px solid color-mix(in srgb,var(--tone) 45%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--tone) 8%,transparent);font-size:var(--text-xs)}.square-content-panels .raid-recommended-power:not(.raid-procyon-blessing){display:grid;grid-auto-flow:column;grid-template-rows:auto auto;grid-auto-columns:minmax(0,1fr);gap:var(--space-1) var(--space-3);padding-block:0}.square-content-panels .raid-recommended-sep{display:none}.square-content-panels .raid-recommended-value{min-width:0;font-size:var(--text-lg);line-height:1.3;overflow-wrap:anywhere}.square-content-panels .raid-selection-reward{padding-block:var(--space-2);border-block:1px solid var(--color-line-1);gap:var(--space-2)}.square-content-panels .raid-selection-gold{font-size:var(--text-xl);color:var(--color-gold-1)}.square-content-panels .raid-selection-reward .raid-roster-rest{margin-left:auto}.square-content-panels .raid-procyon-blessing{flex-direction:column;align-items:stretch;gap:var(--space-1-5);padding:0;border:0;background:none}.square-content-panels .raid-procyon-blessing-badge{display:inline-flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-xs)}.square-content-panels .raid-procyon-blessing-badge:before{content:"";width:16px;height:16px;background:currentColor;mask:url(/assets/ui/icons/transcend.svg) center / contain no-repeat}.square-content-panels .raid-procyon-blessing-copy{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);font-size:var(--text-xs);line-height:1.4}.square-content-panels .raid-prep-row{gap:var(--space-3)}.square-content-panels #buff-toggle-container{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:var(--space-3) var(--space-2);padding:var(--space-4);border-color:var(--color-line-2)}.square-content-panels #buff-toggle{width:18px;height:18px;margin:0}.square-content-panels #buff-toggle-container>label{font-weight:var(--weight-semibold)}.square-content-panels .buff-cost{justify-self:end;font-size:var(--text-md)}.square-content-panels .raid-selected-buff{grid-column:1 / -1;font-size:var(--text-sm);line-height:1.45;overflow-wrap:anywhere}.square-content-panels .raid-selected-buff[data-state=selected]{color:var(--color-text-1)}.square-content-panels #buff-select-open{grid-column:1 / -1}.square-content-panels :is(#buff-select-open,#battle-item-open){display:flex;align-items:center;gap:var(--space-2-5);min-height:48px;padding:var(--space-3);font-size:var(--text-md);font-weight:var(--weight-bold)}.raid-prep-action-label{flex:1;text-align:left}.square-content-panels :is(#buff-select-open,#battle-item-open)>.ui-icon{--icon-size: 24px}.square-content-panels :is(#buff-select-open,#battle-item-open)>.raid-prep-action-arrow{--icon-size: 16px;transform:rotate(-90deg);opacity:.65}.raid-prep-item-icon{flex:none;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-bg-deep) url(/assets/ui/items/dark_grenade.png) center / contain no-repeat}.square-content-panels #buff-select-open:not(:disabled){border-color:var(--color-gold-1);background:var(--color-gold-2);color:var(--color-text-inverse)}.square-content-panels #buff-select-open:hover:not(:disabled){background:var(--color-gold-1)}.square-content-panels #battle-item-open:not(:disabled){border-color:var(--color-info);background:var(--color-info);color:var(--color-text-inverse)}.square-content-panels #battle-item-open:hover:not(:disabled){background:color-mix(in srgb,var(--color-info) 80%,white)}.square-content-panels .raid-practice-row{min-height:48px;padding:var(--space-3) var(--space-4);background:transparent}.square-content-panels .raid-practice-row .label{cursor:pointer}.square-content-panels .raid-practice-row .checkbox{width:18px;height:18px;margin:0}}@layer lobby{.raid-boss-preview{position:fixed;z-index:calc(var(--z-modal) - 1);width:min(340px,calc(100vw - 24px),calc(100vh - 104px));overflow:hidden;border:1px solid rgba(var(--boss-preview-rgb),.65);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-3);pointer-events:auto}.raid-boss-preview[hidden]{display:none}.raid-boss-preview-visual{position:relative;aspect-ratio:1;background:#10151c}.raid-boss-preview-visual :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.raid-boss-preview video{opacity:0}.raid-boss-preview.is-playing video{opacity:1}.raid-boss-preview-caption{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-line-1)}.raid-boss-preview-caption strong{color:var(--color-text-1);font-size:var(--text-lg)}.raid-boss-preview-caption>span{color:var(--color-text-3);font-size:var(--text-xs)}}@layer lobby{.raid-section-config[data-adaptive-ember=easy]{--ember-color: var(--tone-easy);--ember-opacity: .36;--ember-rise: -2px;--ember-speed: 4.2s;--ember-glow: 6px}.raid-section-config[data-adaptive-ember=normal]{--ember-color: var(--tone-normal);--ember-opacity: .46;--ember-rise: -3px;--ember-speed: 3.8s;--ember-glow: 8px}.raid-section-config[data-adaptive-ember=hard]{--ember-color: var(--tone-hard);--ember-opacity: .56;--ember-rise: -4px;--ember-speed: 3.4s;--ember-glow: 10px}.raid-section-config[data-adaptive-ember=nightmare]{--ember-color: var(--tone-nightmare);--ember-opacity: .66;--ember-rise: -5px;--ember-speed: 3s;--ember-glow: 12px}.raid-section-config[data-adaptive-ember]:not([data-adaptive-ember=""]) .raid-roster-cell.is-selected{z-index:0;border-color:color-mix(in srgb,var(--ember-color) 64%,var(--color-line-2));box-shadow:0 0 var(--ember-glow) color-mix(in srgb,var(--ember-color) 24%,transparent)}.raid-section-config[data-adaptive-ember]:not([data-adaptive-ember=""]) .raid-roster-cell.is-selected:before,.raid-section-config[data-adaptive-ember]:not([data-adaptive-ember=""]) .raid-roster-cell.is-selected:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.raid-section-config[data-adaptive-ember]:not([data-adaptive-ember=""]) .raid-roster-cell.is-selected:before{z-index:-1;inset:-4px -3px -2px;background:radial-gradient(ellipse at 18% 100%,var(--ember-color),transparent 62%) 0 0 / 47px 18px,radial-gradient(ellipse at 75% 100%,var(--ember-color),transparent 66%) 19px 7px / 71px 23px;filter:blur(3px);opacity:var(--ember-opacity);animation:raid-adaptive-heat var(--ember-speed) ease-in-out infinite alternate}.raid-section-config[data-adaptive-ember]:not([data-adaptive-ember=""]) .raid-roster-cell.is-selected:after{z-index:2;inset:-1px;padding:2px;background:linear-gradient(105deg,transparent 12%,var(--ember-color) 30%,var(--color-text-1) 34%,var(--ember-color) 38%,transparent 54%,var(--ember-color) 78%,transparent 94%);background-size:240% 100%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:var(--ember-opacity);animation:raid-adaptive-seam calc(var(--ember-speed) * 1.8) linear infinite}@keyframes raid-adaptive-heat{0%{transform:translateY(1px) scaleX(.99);background-position:0 0,19px 7px}to{transform:translateY(var(--ember-rise)) scaleX(1.01);background-position:14px -14px,-9px -11px}}@keyframes raid-adaptive-seam{0%{background-position:140% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.raid-section-config[data-adaptive-ember] .raid-roster-cell.is-selected:before,.raid-section-config[data-adaptive-ember] .raid-roster-cell.is-selected:after{animation:none}}}@layer lobby{.dungeon-panel{min-height:100%}.dungeon-panel .panel-header{min-height:56px}.dungeon-panel .panel-title{font-size:var(--text-panel-title)}.dungeon-panel .panel-title:after{display:none;height:18px;padding:0 var(--space-1-5);border:1px solid currentColor;border-radius:var(--radius-sm);color:var(--dungeon-tone, var(--tone-normal));font-size:var(--text-2xs);font-weight:var(--weight-bold);line-height:16px;letter-spacing:.02em;opacity:.9}.dungeon-panel .panel-title[data-rift-difficulty]:after{content:attr(data-rift-difficulty);display:inline-block}.dungeon-panel .panel-title[data-hell-difficulty]:after{content:attr(data-hell-difficulty);display:inline-block}.dungeon-panel .panel-title[data-narak-difficulty]:after{content:attr(data-narak-difficulty);display:inline-block}.dungeon-panel .panel-title[data-hourglass-difficulty]:after{content:attr(data-hourglass-difficulty);display:inline-block}body[data-rift-theme=hard] #chaotic-rift-panel,.dungeon-panel:is([data-hell-theme=hard],[data-narak-theme=hard],[data-hourglass-theme=hard]){--dungeon-tone: var(--tone-hard)}body[data-rift-theme=nightmare] #chaotic-rift-panel,.dungeon-panel:is([data-hell-theme=nightmare],[data-narak-theme=nightmare],[data-hourglass-theme=nightmare]){--dungeon-tone: var(--tone-nightmare)}body[data-rift-theme=apocalypse] #chaotic-rift-panel,.dungeon-panel:is([data-hell-theme=apocalypse],[data-narak-theme=apocalypse],[data-hourglass-theme=apocalypse]){--dungeon-tone: var(--tone-apocalypse)}body[data-rift-theme=endgame] #chaotic-rift-panel,.dungeon-panel:is([data-hell-theme=endgame],[data-narak-theme=endgame]){--dungeon-tone: var(--tone-endgame)}body[data-rift-theme=impossible] #chaotic-rift-panel,.dungeon-panel:is([data-hell-theme=impossible],[data-narak-theme=impossible]){--dungeon-tone: var(--tone-impossible)}.dungeon-panel[data-hourglass-theme=easy]{--dungeon-tone: var(--tone-easy)}.dungeon-panel-header-actions .dungeon-info-btn:not(:disabled){border-color:var(--color-line-1);background:var(--color-surface-2);color:var(--color-text-2);box-shadow:none}.dungeon-panel-header-actions .dungeon-info-btn:hover:not(:disabled){border-color:var(--color-line-2);background:var(--color-surface-3);color:var(--color-text-1)}.dungeon-panel-header-actions .dungeon-info-btn:focus-visible{outline:2px solid var(--color-gold-1);outline-offset:2px}.dungeon-panel-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4)}.dungeon-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);min-height:20px;color:var(--color-text-3);font-size:var(--text-sm)}.dungeon-meta-value,.dungeon-meta-line #hourglass-max-wave-value,.hourglass-reward-coefficient-value{color:var(--color-text-1);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.hourglass-reward-coefficient,.hourglass-wave-label{display:inline-flex;align-items:baseline;gap:var(--space-1-5)}.hourglass-reward-coefficient-value{color:var(--color-gold-1)}.dungeon-meta-line .hourglass-ranking-btn{min-height:var(--control-h-sm);margin-left:auto;padding:0 var(--space-2);font-size:var(--text-xs)}.dungeon-slot-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dungeon-resource-chip,.dungeon-key-card{position:relative;display:grid;place-items:center;width:58px;height:58px;min-height:0;padding:0;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background-color:var(--color-bg-deep);background-position:center 42%;background-repeat:no-repeat;background-size:62%;transition:border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.dungeon-resource-chip{cursor:pointer}.dungeon-resource-chip:hover,.dungeon-key-card:hover:not(:disabled){border-color:var(--color-line-3);background-color:var(--color-surface-2)}.dungeon-resource-chip .resource-icon{--resource-icon-size: 36px;margin-top:-6px}:is(.rift-ticket-count,.hell-key-count,.narak-key-count){position:absolute;right:5px;bottom:2px;color:var(--color-text-1);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}:is(.dungeon-resource-chip.rift-ticket-row-selected,.dungeon-key-card.selected){border-color:var(--color-gold-2);box-shadow:inset 0 0 0 1px var(--color-gold-line)}:is(.dungeon-resource-chip.disabled,.dungeon-key-card[data-empty=true],.dungeon-key-card:disabled){opacity:.4;filter:grayscale(.6)}.dungeon-key-card[data-empty=true].selected{opacity:.7}.hell-key-name,.hell-key-meta{display:none}.hell-key-card[data-hell-key=rare]{background-image:url(/assets/ui/items/hell_key_rare.png)}.hell-key-card[data-hell-key=heroic]{background-image:url(/assets/ui/items/hell_key_hero.png)}.hell-key-card[data-hell-key=legendary]{background-image:url(/assets/ui/items/hell_key_legendary.png)}.hell-key-card[data-hell-key=relic]{background-image:url(/assets/ui/items/hell_key_relic.png)}.narak-key-card[data-narak-key=basic]{background-image:url(/assets/ui/items/narak_key.png)}.narak-key-card[data-narak-key=shining]{background-image:url(/assets/ui/items/narak_key_plus.png)}.dungeon-panel-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2) var(--space-3)}.dungeon-enter-input,.hourglass-difficulty-select-wrap{display:flex;flex-direction:column;gap:var(--space-1)}.dungeon-enter-input-label,.hourglass-difficulty-select-label{color:var(--color-text-3);font-size:var(--text-base);font-weight:var(--weight-medium)}.dungeon-enter-input-field{width:76px;min-height:var(--control-h-sm);text-align:center}.hourglass-difficulty-select{width:152px;min-height:var(--control-h-sm)}.dungeon-multi-label{align-self:center;color:var(--color-text-3);font-size:var(--text-xs)}.dungeon-panel-guide,.hourglass-panel-note{color:var(--color-text-3);font-size:var(--text-xs);line-height:1.5}#hourglass-lock-hint{color:var(--color-warning)}.dungeon-actions{flex-wrap:wrap;display:flex;gap:var(--space-2);margin-top:auto}.dungeon-enter-btn{flex:1 1 auto;min-height:var(--control-h-lg);font-size:var(--text-lg);font-weight:var(--weight-bold)}.dungeon-enter-btn.dungeon-secondary-btn{flex:0 0 auto;min-width:72px;font-weight:var(--weight-semibold)}.hourglass-panel[data-hourglass-locked=true] .dungeon-actions .dungeon-enter-btn:not(:disabled){opacity:.5}}@layer lobby{body.square-shell{--square-dock-top: calc(var(--square-masthead-h, var(--topbar-h)) + 76px);--square-party-width: 712px}.square-party-panel{position:fixed;top:var(--square-dock-top);right:var(--shell-gutter);bottom:var(--space-4);z-index:31;display:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"social character" "chat chat";grid-template-rows:minmax(0,1fr) clamp(240px,34%,320px);width:min(var(--square-party-width),calc(100vw - var(--shell-gutter) * 2));min-height:0;overflow:hidden;border:1px solid var(--color-line-2);border-top:2px solid var(--color-gold-3);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-inset-top),var(--shadow-2)}body.playing.meeting-square.square-party-open .square-party-panel{display:grid}#square-party-panel[data-window-positioned],#meeting-square-content-drawer[data-window-positioned]{left:var(--square-window-x);top:var(--square-window-y);right:auto;bottom:auto;max-height:var(--square-window-max-height);animation:none}#square-party-panel[data-window-positioned]{height:calc(100vh - var(--square-dock-top) - var(--space-4))}.square-party-panel.square-window-active,.meeting-square-content-drawer.square-window-active{z-index:33}.square-window-drag-handle{cursor:grab;user-select:none;touch-action:none}.square-window-drag-handle:focus-visible{outline:2px solid var(--color-gold-1);outline-offset:-3px}.square-window-dragging .square-window-drag-handle{cursor:grabbing}.square-window-dragging{animation:none!important}.square-chat-pane,.square-social-pane,.square-character-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.square-chat-pane{grid-area:chat;border-top:1px solid var(--color-line-1)}.square-social-pane{grid-area:social}.square-character-pane{grid-area:character;border-left:1px solid var(--color-line-1)}.square-party-panel .square-dock-head{flex:0 0 58px;min-height:58px}.square-party-panel .square-chat-head{flex-basis:42px;min-height:42px}.square-social-pane>.square-dock-section{flex:1 1 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-line-3) transparent}.square-social-pane>.square-dock-section>*{flex-shrink:0}.square-party-panel :is(.square-character-head,.square-chat-head){position:relative;justify-content:center}.square-character-head h2,.square-chat-head h2{margin:0;text-align:center;color:var(--color-gold-1);font-size:var(--text-md);font-weight:var(--weight-semibold)}.square-character-head .dialog-close{position:absolute;right:var(--space-3)}.square-dock-head,.square-content-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-line-1)}.square-dock-tabs{flex:1;border:0}.square-dock-tabs .tab{flex:1;min-width:0;padding-inline:var(--space-2)}.square-dock-head .dialog-close{flex:none}.square-dock-section{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-height:0;padding:var(--space-4);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.square-dock-section[hidden],.square-party-selection[hidden],.square-party-actions[hidden]{display:none}.square-party-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.square-party-heading h2,.square-content-head h2{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.square-party-heading>span{color:var(--color-text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.square-party-members{display:flex;flex-direction:column;gap:var(--space-2)}.square-party-member{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:var(--color-surface-2)}.square-party-member[data-ready=true]{border-left:3px solid var(--color-success)}.square-party-member-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1-5)}.square-party-member-name{max-width:160px;overflow:hidden;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap}.square-party-leader{color:var(--color-gold-1);font-size:var(--text-xs)}.square-party-self{color:var(--color-text-3);font-size:var(--text-xs)}.square-party-ready{margin-left:auto;color:var(--color-text-3);font-size:var(--text-xs);white-space:nowrap}.square-party-member[data-ready=true] .square-party-ready{color:var(--color-success)}.square-party-member-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm)}.square-party-power{font-variant-numeric:tabular-nums}.square-party-refine{color:var(--color-text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.square-party-member-actions{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.square-party-member-actions .btn{min-height:28px;padding-inline:var(--space-2);font-size:var(--text-xs)}.square-party-empty{padding:var(--space-4) var(--space-3);border:1px dashed var(--color-line-2);border-radius:var(--radius-md);text-align:center}.square-party-empty strong{color:var(--color-text-2);font-size:var(--text-md)}.square-party-empty p{margin:var(--space-2) 0 var(--space-3);color:var(--color-text-3);font-size:var(--text-sm);line-height:var(--leading-normal);word-break:keep-all}.square-party-selection{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-line-1)}.square-party-raid-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.square-party-raid-title strong{font-size:var(--text-md)}.square-party-raid-title>span:last-child{margin-left:auto;color:var(--color-text-3);font-size:var(--text-xs)}.square-party-tier-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm)}.square-party-tier-row select{width:150px}.square-party-note{min-height:32px;margin:0;color:var(--color-text-3);font-size:var(--text-sm);line-height:var(--leading-normal)}.square-party-start-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-2)}.square-party-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.square-social-pane>.square-party-status{flex:0 0 auto;margin:0;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line-1);font-size:var(--text-sm);word-break:keep-all}.square-party-status:empty{display:none}.square-party-status[data-state=pending]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-2)}.square-party-status-text{flex:1 1 150px;min-width:0;line-height:var(--leading-normal);overflow-wrap:anywhere}.square-party-status>.btn{flex:none;margin-left:auto}.square-party-pending-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-1-5);border:1px solid var(--color-gold-line);border-radius:var(--radius-sm);color:var(--color-gold-1);font-size:var(--text-xs);white-space:nowrap}.square-party-pending-badge[hidden]{display:none}#square-party-toggle{flex-wrap:wrap}.square-party-pending-badge .square-party-spinner{width:10px;height:10px}.square-party-spinner{display:inline-block;flex:none;width:14px;height:14px;border:2px solid var(--color-line-2);border-top-color:var(--color-gold-1);border-radius:50%;animation:square-party-wait .9s linear infinite}@keyframes square-party-wait{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.square-party-spinner{animation:none}}.loading-overlay.coop-loading :is(.loading-progress,.loading-count){display:none}.loading-overlay.coop-loading .loading-title:before{content:"";display:inline-block;width:16px;height:16px;margin-right:var(--space-2);vertical-align:-1px;border:2px solid var(--color-line-2);border-top-color:var(--color-gold-1);border-radius:50%;animation:square-party-wait .9s linear infinite}.loading-overlay.coop-loading .loading-subtitle{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.loading-overlay.coop-loading .loading-title:before{animation:none}}.square-party-chat{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-height:0;padding:var(--space-4);overflow:hidden}.square-empty-message{margin:0;color:var(--color-text-3);font-size:var(--text-sm);line-height:var(--leading-normal)}.square-party-chat-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.square-party-panel :is(.square-dock-section,.square-party-chat-log){overflow-y:scroll;scrollbar-width:auto;scrollbar-color:auto}.square-party-panel :is(.square-dock-section,.square-party-chat-log)::-webkit-scrollbar{width:14px}.square-party-panel :is(.square-dock-section,.square-party-chat-log)::-webkit-scrollbar-track{background:var(--color-bg-deep);border-left:1px solid var(--color-line-1)}.square-party-panel :is(.square-dock-section,.square-party-chat-log)::-webkit-scrollbar-thumb{min-height:36px;border:3px solid var(--color-bg-deep);border-radius:var(--radius-pill);background:var(--color-text-3);background-clip:padding-box}.square-party-panel :is(.square-dock-section,.square-party-chat-log)::-webkit-scrollbar-thumb:hover{background-color:var(--color-gold-1)}.square-party-chat-row{display:flex;flex-direction:column;gap:2px;padding-block:var(--space-1);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-wrap:anywhere}.square-party-chat-row strong{color:var(--color-gold-1);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.square-party-chat-form{display:flex;flex:none;gap:var(--space-2);margin-top:auto}.square-party-chat-form input{flex:1;width:0;min-width:0}.square-party-chat-form button{flex:none}.square-people-list{display:flex;flex-direction:column}.square-person{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--color-line-1)}.square-person-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.square-person-info strong{overflow:hidden;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap}.square-person-info>span{color:var(--color-text-3);font-size:var(--text-sm)}.square-person .btn{flex:none}#square-character-controls .raid-section-class{padding:0;border:0}#square-character-controls .class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#square-character-controls .class-info-entry{grid-column:1 / -1;padding-bottom:0}#square-character-controls .class-info-card{grid-template-columns:24px 1fr;grid-template-rows:auto;min-height:44px;padding:var(--space-2) var(--space-3);gap:var(--space-2)}#square-character-controls .class-info-card .ui-icon{--icon-size: 22px;grid-row:1;margin:0}#square-character-controls .class-info-card .class-name{grid-row:1;font-size:var(--text-md)}#square-character-controls .class-info-card .class-meta{display:none}.square-character-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.square-content-head{flex:0 0 52px;min-height:52px;background:var(--color-bg)}.square-content-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 48px;min-height:48px;max-height:48px;margin:0 var(--space-3);overflow:visible}.square-content-tabs .tab{height:100%;min-height:0;min-width:0;padding-inline:var(--space-2);white-space:normal;word-break:keep-all;color:var(--content-tab-color);background:color-mix(in srgb,var(--content-tab-color) 7%,transparent)}.square-content-tabs [data-square-content=raid]{--content-tab-color: var(--color-danger-strong)}.square-content-tabs [data-square-content=daily]{--content-tab-color: var(--color-info)}.square-content-tabs [data-square-content=hourglass]{--content-tab-color: var(--color-gold-1)}.square-content-tabs .tab:hover:not(:disabled){color:var(--content-tab-color);background:color-mix(in srgb,var(--content-tab-color) 13%,transparent)}.square-content-tabs .tab:is(.active,[aria-selected=true]){color:var(--content-tab-color);background:color-mix(in srgb,var(--content-tab-color) 18%,transparent)}.square-content-tabs .tab:after{background:var(--content-tab-color)}.square-content-tabs .tab:focus-visible{outline:2px solid var(--content-tab-color);outline-offset:-3px}.square-content-panels{flex:0 1 auto;min-height:0;padding:var(--space-3);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;container-type:inline-size}.square-content-inactive{display:none!important}.square-content-panels>:is(#solo-raid-row,#mp-side-stack){display:flex;flex-direction:column;width:100%;margin:0}.square-content-panels .raid-controls{grid-template-columns:minmax(0,1fr)}.square-content-panels #controls-container{width:100%;max-width:none}.square-content-panels .raid-prep-row,.square-content-panels .raid-section-config .raid-section-title-row{flex-wrap:wrap}.square-content-panels .adaptive-tier-row{flex-wrap:wrap;gap:var(--space-2);min-width:min(320px,100%)}.square-content-panels .adaptive-tier-hint{flex:1 1 180px;overflow:visible;text-overflow:clip;white-space:normal;text-align:right}.square-content-panels .raid-roster-name{overflow:visible;text-overflow:clip;white-space:normal;word-break:keep-all}.square-content-panels .raid-section-config{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);grid-template-rows:auto auto 1fr auto;column-gap:var(--space-5);align-items:start}.square-content-panels .raid-section-title-row{grid-column:1 / -1}.square-content-panels .raid-roster{grid-column:1;grid-row:2 / 4}.square-content-panels .raid-selection-bar{grid-column:2;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:var(--space-3);min-width:0}.square-content-panels .raid-procyon-blessing{flex-basis:auto}.square-content-panels .raid-selection-reward{flex-wrap:wrap;margin-left:0;white-space:normal}.square-content-panels .raid-prep-row{grid-column:2;flex-direction:column}.square-content-panels #buff-toggle-container{padding:var(--space-3)}.square-content-panels .raid-selected-buff{flex-basis:100%;white-space:normal}.square-content-panels .raid-buff-select-btn{width:100%}.square-content-panels :is(.raid-battle-item-side-btn,.raid-practice-row){min-height:var(--control-h-md)}.square-content-panels .raid-practice-row .toggle-row{width:100%;justify-content:space-between}.square-content-panels .raid-practice-row .form-row{width:100%;min-width:0}.square-content-panels .raid-practice-row select{flex:1;min-width:0;width:0}.square-content-panels .raid-start-btn{grid-column:1 / -1;width:100%}.square-content-panels>#mp-side-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.square-content-panels .dungeon-panel{min-width:0;min-height:0}.square-content-panels #mp-side-stack .panel-header{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3)}.square-content-panels #mp-side-stack .dungeon-panel-body{padding:var(--space-3)}.square-content-panels #mp-side-stack .dungeon-actions{margin-top:auto}@container (max-width: 820px){.square-content-panels .raid-section-config{display:flex;align-items:stretch}.square-content-panels .raid-prep-row{width:100%}.square-content-panels>#mp-side-stack{grid-template-columns:minmax(0,1fr)}}body.square-party-open .meeting-square-content-drawer{right:calc(var(--shell-gutter) + var(--square-party-width) + var(--space-3))}.square-party-invitation{position:fixed;top:var(--square-dock-top);left:50%;z-index:9600;width:min(410px,calc(100vw - 24px));padding:var(--space-4);border:1px solid var(--color-gold-line);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-3);transform:translate(-50%)}.square-party-invitation p{margin:0 0 var(--space-3);font-size:var(--text-md);line-height:var(--leading-normal)}.square-party-invitation>div{display:flex;justify-content:flex-end;gap:var(--space-2)}.square-party-invitation[hidden],.square-character-menu[hidden]{display:none}.square-character-menu{position:fixed;z-index:var(--z-popover);display:flex;flex-direction:column;gap:var(--space-2);width:184px;padding:var(--space-3);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-2)}.square-character-menu strong{overflow:hidden;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap}.square-party-equipment-dialog{width:min(430px,calc(100vw - 24px))}.square-party-equipment-meta{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-text-3);font-size:var(--text-sm)}.square-party-equipment-rows{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);margin:var(--space-5) 0 0;font-size:var(--text-md)}.square-party-equipment-rows dd{margin:0;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}body.playing.meeting-square .resource-bar.meeting-square-resource-layout{position:fixed;top:calc(var(--square-masthead-h, var(--topbar-h)) + var(--space-2));left:calc(var(--shell-gutter) * 1.5);z-index:34;display:flex;flex-direction:row;width:calc(100vw - var(--shell-gutter) * 3);height:54px;margin:0;gap:var(--space-2)}body.playing.meeting-square #resource-panel.meeting-square-resource-layout{flex-direction:row;min-width:0;overflow-y:hidden;overflow-x:auto;backdrop-filter:none}body.playing.meeting-square #resource-panel.meeting-square-resource-layout .resource-stack{flex-direction:row;width:100%;height:100%}body.playing.meeting-square #resource-panel.meeting-square-resource-layout .resource-card{flex:1 0 auto;min-width:max-content;min-height:0;gap:var(--space-1-5);padding:var(--space-1) var(--space-2)}body.playing.meeting-square #resource-panel.meeting-square-resource-layout .resource-icon{--resource-icon-size: 24px}body.playing.meeting-square #resource-panel.meeting-square-resource-layout .resource-info{min-width:max-content}body.playing.meeting-square #resource-panel.meeting-square-resource-layout .resource-name{overflow:visible;text-overflow:clip}body.playing.meeting-square #resource-panel.meeting-square-resource-layout .resource-value{font-size:var(--text-md)}body.playing.meeting-square #resource-panel.meeting-square-resource-layout .resource-card+.resource-card{border-top:0;border-left:1px solid var(--color-line-1)}body.playing.meeting-square .resource-bar.meeting-square-resource-layout .resource-bar-actions{flex-direction:row;align-items:center}body.playing.meeting-square .resource-bar.meeting-square-resource-layout .resource-bar-actions .btn{min-height:36px}body.playing.meeting-square .meeting-square-topbar{position:static;flex:0 0 auto;align-self:stretch;width:max-content;min-width:0;max-width:calc(100vw - var(--shell-gutter) * 3);height:54px;margin:0;padding:var(--space-1-5) var(--space-4);transform:none;justify-content:space-between}body.playing.meeting-square .meeting-square-status{flex:1 1 auto}body.playing.meeting-square .meeting-square-title{flex-shrink:0}body.playing.meeting-square .meeting-square-title{font-size:var(--text-lg)}body.playing.meeting-square .meeting-square-connection{font-size:var(--text-md)}body.playing.meeting-square .meeting-square-topbar-divider{display:none}body.playing.meeting-square .settings-panel{top:calc(var(--square-masthead-h, var(--topbar-h)) + var(--space-1))}#settings-panel .volume-row{grid-template-columns:80px minmax(0,1fr) 44px}#settings-panel .volume-row-label{white-space:nowrap}@media(max-width:1440px){body.playing.meeting-square #resource-panel.meeting-square-resource-layout .resource-card{gap:var(--space-1);padding-inline:5px}body.playing.meeting-square #resource-panel.meeting-square-resource-layout .resource-icon{--resource-icon-size: 20px}}@media(max-width:1920px){body.square-party-open .meeting-square-content-drawer{right:var(--shell-gutter)}body.meeting-square-content-open .square-party-panel{display:none!important}}@media(max-height:820px){.square-party-member{padding:var(--space-2);gap:var(--space-1)}.square-party-member :is(.square-party-member-head,.square-party-member-info,.square-party-refine){line-height:1.25}.square-party-member-actions .btn{min-height:26px}.square-dock-section{gap:var(--space-2);padding:var(--space-3)}.square-party-selection{gap:var(--space-2)}}@media(max-width:760px){body.square-shell{--square-party-width: min(712px, calc(100vw - 16px) )}.square-party-panel{right:8px;bottom:8px}#square-party-panel[data-window-positioned]{height:calc(100vh - var(--square-dock-top) - 8px)}.meeting-square-content-drawer{right:8px;width:calc(100vw - 16px)}body.playing.meeting-square .resource-bar.meeting-square-resource-layout{left:calc(var(--shell-gutter) * 1.5);width:calc(100vw - var(--shell-gutter) * 3)}body.playing.meeting-square .resource-bar-actions .resource-profile-open-btn{min-width:40px;padding-inline:8px}.square-content-panels .raid-section{padding-inline:var(--space-3)}}@media(max-width:620px){.square-party-panel{width:var(--square-party-width);grid-template-columns:minmax(0,1fr);grid-template-areas:"social" "character" "chat";grid-template-rows:minmax(0,1fr) minmax(0,1.35fr) minmax(160px,1fr)}.square-character-pane{border-left:0;border-top:1px solid var(--color-line-1)}}}