:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-950:#040b10;--ink-900:#07121a;--ink-850:#0a1820;--ink-800:#0c1c26;--ink-700:#13283a;--ink-600:#1b3547;--glass:#09161ec7;--glass-strong:#07121aeb;--glass-blur:12px;--parchment:#fff1d2;--parchment-2:#e9dcbc;--parchment-dim:#b9c6c3;--text-muted:#8fa4a4;--gold-100:#fff3cf;--gold-200:#f7dc9c;--gold-300:#e8c477;--gold-400:#d4a957;--gold-500:#b8893b;--gold-600:#9c7a3c;--gold-700:#6d5223;--accent-teal:#7fd6c4;--success:#8fd6a0;--warning:#f0c36a;--danger:#ef7d6d;--info:#84c7e8;--rarity-common:#aaa591;--rarity-rare:#77b8d4;--rarity-epic:#dd8b76;--rarity-legend:#dfbb67;--line:#e8c47738;--line-strong:#e8c47773;--hairline:1px solid var(--line);--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-1:0 6px 18px #00000059;--shadow-2:0 14px 40px #00000080;--glow-gold:0 0 18px #e8c47759;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;--ui-scale:1;--text-xs:calc(10px * var(--ui-scale));--text-sm:calc(12px * var(--ui-scale));--text-md:calc(14px * var(--ui-scale));--text-lg:calc(18px * var(--ui-scale));--text-xl:calc(24px * var(--ui-scale));--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.16s;--dur-med:.28s;--dur-slow:.6s;--hud-plate:linear-gradient(180deg, #0c1c26db, #061018eb);--hud-plate-soft:linear-gradient(180deg, #0c1c26a3, #061018c7);--hud-plate-solid:linear-gradient(180deg, #0d202b, #071219);--hud-edge:#e8c4774d;--hud-edge-strong:#e8c4779e;--hud-inner:inset 0 1px 0 #fff1d212, inset 0 0 0 1px #00000059;--hud-shadow:0 8px 26px #02080c8c, 0 1px 2px #0009;--hud-text-shadow:0 1px 2px #000000d9, 0 0 10px #040c12b3;--gold-hairline:linear-gradient(90deg, transparent, var(--gold-300) 18%, var(--gold-200) 50%, var(--gold-300) 82%, transparent);--gold-metal:linear-gradient(180deg, var(--gold-100), var(--gold-300) 45%, var(--gold-500) 55%, var(--gold-200));--bar-hp-0:#7a3b2c;--bar-hp-1:#d8775a;--bar-hp-ok-0:#3f7a4e;--bar-hp-ok-1:#9fd68a;--bar-xp-0:#8d6a2c;--bar-xp-1:#f2d58e;--bar-ghost:#ffe6be8c;--bar-track:#030a0ec7;--z-hud:10;--z-chat:20;--z-window:30;--z-banner:140;--z-toast:150;--z-pop:160;--z-fps:170;--z-error:2000;--text-2xs:calc(10px * var(--ui-scale));--text-hud:calc(11px * var(--ui-scale))}html:root,html,body{background:var(--ink-900)}html[data-motion=reduced]{--dur-fast:0s;--dur-med:0s;--dur-slow:0s}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-med:0s;--dur-slow:0s}}.app-crash{z-index:var(--z-error,2000);color:var(--parchment,#fff1d2);font-family:var(--font-body,system-ui, sans-serif);background:radial-gradient(ellipse at 50% 35%, #e8c4771f, transparent 55%), radial-gradient(ellipse at 50% 120%, #10303a, transparent 60%), var(--ink-950,#040b10);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.app-crash-card{text-align:center;border:1px solid var(--line-strong,#e8c47773);background:linear-gradient(#0c1c26eb,#061018f5);width:min(460px,100%);padding:36px 30px 26px;position:relative;box-shadow:0 30px 80px #0009,inset 0 1px #fff1d214}.app-crash-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-200,#f7dc9c), transparent);height:1px;position:absolute;top:-1px;left:18%;right:18%}.app-crash-sigil{fill:none;width:64px;height:64px;stroke:var(--gold-300,#e8c477);stroke-width:1.6px;filter:drop-shadow(0 0 10px #e8c47773)}.app-crash-sigil circle{fill:var(--gold-300,#e8c477)}.app-crash-eyebrow{letter-spacing:3px;color:var(--gold-300,#e8c477);margin-top:16px;font-size:11px;display:block}.app-crash h1{font-family:var(--font-display,Georgia, serif);color:var(--parchment,#fff1d2);margin:10px 0 12px;font-size:32px;font-weight:600;line-height:1.15}.app-crash p{color:var(--parchment-dim,#b9c6c3);margin:0 0 22px;font-size:14px;line-height:1.65}.app-crash button{font:inherit;letter-spacing:1px;cursor:pointer;border:1px solid var(--gold-200,#f7dc9c);color:#1a1408;background:linear-gradient(180deg, var(--gold-200,#f7dc9c), var(--gold-400,#d4a957));min-width:220px;padding:14px 30px;font-size:14px;font-weight:700;box-shadow:0 8px 24px #0006}.app-crash button:focus-visible{outline:2px solid var(--parchment,#fff1d2);outline-offset:3px}.app-crash details{color:var(--text-muted,#8fa4a4);text-align:left;margin-top:20px;font-size:12px}.app-crash summary{cursor:pointer}.app-crash code{white-space:pre-wrap;word-break:break-word;background:#00000059;margin-top:8px;padding:10px;display:block}@property --mx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --my{syntax:"<percentage>";inherits:true;initial-value:50%}@property --px{syntax:"<number>";inherits:true;initial-value:0}@property --py{syntax:"<number>";inherits:true;initial-value:0}@property --hyp{syntax:"<number>";inherits:true;initial-value:0}@property --mc-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:where(.mc-card,.card-back){width:100%}.monster-card.mc-card,.mc-card.mc-spell,.card-back{--rx:0deg;--ry:0deg;--corner:25cqw;--medal:calc(var(--corner) * .58);--mc-serif:"Cormorant Garamond", Georgia, serif;--mc-sans:"Be Vietnam Pro", Verdana, sans-serif;--parchment:#fff1d2;--parchment-dim:#b9c6c3;isolation:isolate;aspect-ratio:300/440;min-width:0;height:auto;color:var(--parchment);font:400 16px/1.2 var(--mc-sans);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:4.6%/3.14%;outline:none;flex:none;align-self:flex-start;margin:0;padding:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s;display:block;position:relative;overflow:visible;transform:none;box-shadow:0 12px 26px -10px #020a10d9,0 3px 6px #020a1066;container:mc/inline-size}.monster-card.mc-card:before,.monster-card.mc-card:after{content:none;display:none}.mc-card,.mc-card *,.card-back,.card-back *{box-sizing:border-box}button.mc-card,button.card-back{cursor:pointer}button.mc-card:hover{box-shadow:0 18px 30px -12px #020a10e6, 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-3px)}.mc-card.is-active,button.mc-card.is-active:hover{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-3px) scale(1.02);z-index:2;transition:transform .12s linear,box-shadow .32s}.mc-card:focus-visible,.card-back:focus-visible{outline:2px solid var(--parchment);outline-offset:3px}.monster-card.mc-card.selected,.mc-card.mc-spell.selected{outline-offset:3px;outline:2px solid #e8c477;box-shadow:0 12px 26px -10px #020a10d9,0 0 22px -2px #e8c47799}.mc-card.legend{box-shadow:0 12px 26px -10px #020a10d9, 0 0 16px -3px color-mix(in srgb, var(--accent) 60%, transparent)}.mc-card.mc-size-thumb,.card-back.mc-size-thumb{width:var(--mc-thumb-w,84px)}.mc-card.mc-size-hand,.card-back.mc-size-hand{width:var(--mc-hand-w,115px)}.mc-card.mc-size-large,.card-back.mc-size-large{width:var(--mc-large-w,360px);max-width:100%}.mc-card.common{--corner-top:url(/frames/common-corner.svg);--corner-low:url(/frames/common-corner-low.svg);--crest:url(/frames/common-crest.svg);--clasp:url(/frames/common-clasp.svg);--crest-w:22cqw}.mc-card.rare{--corner-top:url(/frames/rare-corner.svg);--corner-low:url(/frames/rare-corner-low.svg);--crest:url(/frames/rare-crest.svg);--clasp:url(/frames/rare-clasp.svg);--crest-w:30cqw}.mc-card.epic{--corner-top:url(/frames/epic-corner.svg);--corner-low:url(/frames/epic-corner-low.svg);--crest:url(/frames/epic-crest.svg);--clasp:url(/frames/epic-clasp.svg);--crest-w:42cqw}.mc-card.legend{--corner-top:url(/frames/legend-corner.svg);--corner-low:url(/frames/legend-corner-low.svg);--crest:url(/frames/legend-crest.svg);--clasp:url(/frames/legend-clasp.svg);--crest-w:46cqw}.mc-body,.cb-face{border-radius:inherit;background:linear-gradient(140deg, transparent 0 32%, #ffffff29 45%, transparent 58%), repeating-linear-gradient(90deg, #ffffff09 0 1px, transparent 1px 3px), linear-gradient(150deg, var(--m0) 0%, var(--m1) 13%, var(--m2) 27%, var(--m0) 45%, var(--m1) 62%, var(--m2) 78%, var(--m0) 100%);box-shadow:inset 0 0 0 1px #0000008c, inset 0 0 0 1.6px color-mix(in srgb, var(--m1) 50%, transparent);display:block;position:absolute;inset:0;overflow:hidden}.mc-window{background:var(--el-shadow);box-shadow:0 0 0 .35cqw color-mix(in srgb, var(--m0) 70%, #000), 0 0 0 .75cqw color-mix(in srgb, var(--m1) 45%, transparent);border-radius:2.6cqw;display:block;position:absolute;inset:3cqw;overflow:hidden}.mc-art{object-fit:cover;object-position:50% 30%;width:100%;max-width:none;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.mc-art-cut{aspect-ratio:1;object-fit:contain;width:88%;height:auto;inset:2% 6% auto}.mc-window:has(.mc-art-cut){background:radial-gradient(70% 45% at 50% 34%, color-mix(in srgb, var(--el) 45%, transparent), transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--el-shadow) 70%, #0c1c26), #07121a)}.mc-card.is-active .mc-art{transform:scale(1.05) translate(calc(var(--px) * -2.4%), calc(var(--py) * -2%));transition:transform .18s linear}.mc-card:is(.rare,.epic,.legend) .mc-window:after{content:"";border:1px solid color-mix(in srgb, var(--m1) 40%, transparent);pointer-events:none;border-radius:1.6cqw;position:absolute;inset:1.6cqw;box-shadow:inset 0 0 0 1px #0000004d;-webkit-mask:linear-gradient(#000 50%,#0000 63%);mask:linear-gradient(#000 50%,#0000 63%)}.mc-card.is-unowned .mc-art{filter:grayscale()brightness(.6)contrast(.92)}.mc-shade{background:linear-gradient(#07121a8c,#0000 19%),radial-gradient(130% 100% at 50% 36%,#0000 56%,#040a0f80);display:block;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000080,inset 0 0 3cqw #00000073}.mc-panel{--ink:color-mix(in srgb, var(--el-shadow) 40%, #07121a);background:radial-gradient(85% 34% at 50% 24%, color-mix(in srgb, var(--el) 17%, transparent), transparent 72%), linear-gradient(180deg, transparent, color-mix(in srgb, var(--ink) 72%, transparent) 19%, color-mix(in srgb, var(--ink) 93%, transparent) 36%, var(--ink) 100%);height:49%;display:block;position:absolute;inset:auto 0 0}.mc-card.is-unowned .mc-panel{--ink:#0a141a}.mc-corner{width:var(--corner);height:var(--corner);pointer-events:none;background:50%/100% 100% no-repeat;display:block;position:absolute}.mc-tl,.mc-tr{background-image:var(--corner-top);top:0}.mc-bl,.mc-br{background-image:var(--corner-low);bottom:0}.mc-tl,.mc-bl{left:0}.mc-tr,.mc-br{right:0}.mc-tr{transform:scaleX(-1)}.mc-bl{transform:scaleY(-1)}.mc-br{transform:scale(-1)}.mc-crest{width:var(--crest-w);aspect-ratio:4;background:var(--crest) no-repeat center top / 100% 100%;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.mc-clasp{aspect-ratio:80/24;background:var(--clasp) no-repeat center / 100% 100%;width:21cqw;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%,1.2cqw)}.mc-medal,.mc-level{z-index:3;top:calc(var(--corner) * .45 - var(--medal) / 2);width:var(--medal);height:var(--medal);pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.mc-medal{left:calc(var(--corner) * .45 - var(--medal) / 2);color:var(--el);--ic2:var(--el-glow);background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--el) 34%, #07121a) 0%, #0a1820 62%, #050d12 100%);box-shadow:inset 0 0 0 .3cqw color-mix(in srgb, var(--el) 50%, transparent), inset 0 -.8cqw 1.6cqw #0009, 0 0 2.6cqw color-mix(in srgb, var(--el) 40%, transparent)}.mc-medal .mc-icon{width:64%;height:64%}.mc-level{right:calc(var(--corner) * .45 - var(--medal) / 2);box-shadow:inset 0 0 0 .3cqw color-mix(in srgb, var(--accent) 55%, transparent), inset 0 -.8cqw 1.6cqw #0009;background:radial-gradient(circle at 50% 34%,#1d3442,#091620 64%,#050d12);gap:.2cqw}.mc-level small{font:600 1.95cqw/1 var(--mc-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:block}.mc-level b{font:700 5.8cqw/.95 var(--mc-serif);font-variant-numeric:lining-nums tabular-nums;color:var(--parchment);text-shadow:0 .3cqw .6cqw #000;display:block}.mc-icon{flex:none;width:1em;height:1em;display:block;overflow:visible}.mc-info{z-index:3;pointer-events:none;flex-direction:column;align-items:center;padding:0 4.4cqw 4.4cqw;display:flex;position:absolute;bottom:3cqw;left:3cqw;right:3cqw}.mc-rarity{width:100%;height:4cqw;color:var(--accent);font:700 2.5cqw/1 var(--mc-sans);letter-spacing:.22em;text-transform:uppercase;justify-content:center;align-items:center;gap:1.4cqw;display:flex}.mc-rule{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 85%, transparent));flex:0 11cqw;height:1px;display:block}.mc-rule-r{transform:scaleX(-1)}.mc-gems{gap:1.1cqw;padding:0 .4cqw;display:flex}.mc-gem{background:linear-gradient(135deg, #fff 0%, var(--m1) 28%, var(--accent) 55%, var(--m0) 100%);width:2.1cqw;height:2.1cqw;box-shadow:0 0 0 .3cqw #07121a, 0 0 1.5cqw color-mix(in srgb, var(--accent) 70%, transparent);display:block;transform:rotate(45deg)}.mc-rarity-name{white-space:nowrap;text-shadow:0 1px 2px #000}.mc-plate{clip-path:polygon(0 50%,3.4% 0,96.6% 0,100% 50%,96.6% 100%,3.4% 100%);background:linear-gradient(90deg, var(--m0), var(--m1) 12%, var(--m2) 30%, var(--m0) 50%, var(--m2) 70%, var(--m1) 88%, var(--m0));place-items:center;width:94%;height:10.8cqw;margin-top:1.3cqw;display:grid;position:relative}.mc-plate:before,.mc-plate:after{content:"";clip-path:polygon(0 50%,3% 0,97% 0,100% 50%,97% 100%,3% 100%);position:absolute}.mc-plate:before{background:radial-gradient(70% 150% at 50% 0%, color-mix(in srgb, var(--el) 24%, #0c1b24), #07121a 78%);inset:.5cqw .9cqw}.mc-plate:after{border-block:1px solid color-mix(in srgb, var(--m1) 26%, transparent);inset:1.25cqw 2.2cqw}.mc-name{z-index:1;max-width:88%;font:700 7.7cqw/1.05 var(--mc-serif);letter-spacing:.015em;white-space:nowrap;text-overflow:ellipsis;color:var(--parchment);text-shadow:0 .3cqw .7cqw #000, 0 0 2.4cqw color-mix(in srgb, var(--el) 30%, transparent);position:relative;overflow:hidden}.mc-card.is-unowned .mc-name{color:#cfc8b8}.mc-title{max-width:100%;font:italic 600 4.2cqw/1.15 var(--mc-serif);white-space:nowrap;text-overflow:ellipsis;color:#dccfb2;text-shadow:0 1px 2px #000;margin-top:1.3cqw;display:block;overflow:hidden}.mc-skill{width:100%;height:6.6cqw;font:600 3.3cqw/1 var(--mc-sans);border-block:1px solid color-mix(in srgb, var(--m1) 20%, transparent);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--el) 11%, transparent) 25% 75%, transparent);align-items:center;gap:1.6cqw;margin-top:1.7cqw;padding:0 1cqw;display:flex}.mc-skill-icon{width:4.9cqw;height:4.9cqw;color:var(--el-glow);--ic2:var(--el);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--el) 30%, #07121a), #07121a 70%);box-shadow:inset 0 0 0 .3cqw color-mix(in srgb, var(--el) 60%, transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.mc-skill-icon .mc-icon{width:66%;height:66%}.mc-skill-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#f2dcab;flex:1;min-width:0;overflow:hidden}.mc-skill-kind{letter-spacing:.1em;text-transform:uppercase;color:#9fb2ae;flex:none;font-size:2.2cqw;font-weight:600}.mc-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6cqw;width:100%;margin-top:2cqw;display:grid}.mc-stat{box-sizing:border-box;background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--st) 15%, transparent), transparent 70%), linear-gradient(#0e1f29, #060f15);min-height:13.4cqw;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--m1) 26%, transparent), inset 0 -1cqw 1.6cqw #0009, 0 1px 0 #ffffff0f;border-radius:1.8cqw;flex-direction:column;justify-content:center;align-items:center;gap:.5cqw;padding:1.7cqw .6cqw 1.1cqw;display:flex;position:relative}.mc-stat:before{content:"";background:var(--st);height:.4cqw;box-shadow:0 0 1.2cqw var(--st);opacity:.85;border-radius:0 0 1cqw 1cqw;position:absolute;top:0;left:32%;right:32%}.mc-stat-label{font:600 2.3cqw/1.3 var(--mc-sans);letter-spacing:.08em;text-transform:uppercase;color:#a3b4b1;align-items:center;gap:.6cqw;display:flex}.mc-stat-label small{line-height:1.3}.mc-stat-label .mc-icon{width:2.7cqw;height:2.7cqw;color:var(--st);--ic2:var(--parchment)}.mc-stat b{font:700 5.5cqw/1 var(--mc-sans);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--parchment);text-shadow:0 1px 2px #000;display:block}.mc-foot{width:100%;font:600 2.1cqw/1 var(--mc-sans);letter-spacing:.14em;text-transform:uppercase;color:#b9c6c3b3;justify-content:space-between;align-items:center;margin-top:2.3cqw;display:flex}.mc-foot>span{white-space:nowrap;align-items:center;gap:.8cqw;display:flex}.mc-foot>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.08em}.mc-foot .mc-icon{width:2.7cqw;height:2.7cqw;color:var(--accent);--ic2:var(--accent)}.mc-foil,.mc-glare,.mc-tapglare,.mc-rimglow{pointer-events:none;display:block;position:absolute;inset:0}.mc-glare{z-index:3;border-radius:inherit;background:radial-gradient(farthest-corner circle at var(--mx) var(--my), #fffaebb3 0%, #fffaeb2e 24%, #00000047 92%);mix-blend-mode:overlay;opacity:calc(.42 + var(--hyp) * .45)}.mc-card.common .mc-glare{opacity:calc(.22 + var(--hyp) * .25)}.mc-card.is-ambient:not(.is-active) .mc-glare{opacity:calc(.18 + var(--hyp) * .3)}.mc-card.is-ambient:not(.is-active) .mc-foil{opacity:calc(.16 + var(--hyp) * .24)}.mc-foil-silver{background:repeating-linear-gradient(118deg,#0000 0%,#d6f1ff00 4%,#d6f1ff8c 7%,#ffffff40 8.5%,#0000 12% 19%) 0 0/260% 260%,linear-gradient(118deg,#0000 22%,#d6f1ff73 48%,#0000 72%) 0 0/220% 220%;background-position:calc(50% + var(--px) * 160%) calc(50% + var(--py) * 160%), calc(50% - var(--px) * 120%) 50%;mix-blend-mode:color-dodge;opacity:calc(.24 + var(--hyp) * .3)}.mc-foil-prism,.mc-foil-lattice{background-image:repeating-linear-gradient(128deg, #ee6c58 0%, #f39e49 3.5%, #ecdc51 7%, #59cf94 10.5%, #58c1e4 14%, #a17edd 17.5%, #e36db0 21%, #ee6c58 24.5%), repeating-conic-gradient(from 0deg at var(--mx) var(--my), #fff0 0deg 7deg, #ffffff38 9deg, #fff0 11deg 20deg);background-size:420% 420%,100% 100%;background-position:calc(50% + var(--px) * 220%) calc(50% + var(--py) * 220%), 0 0;mix-blend-mode:color-dodge}.mc-foil-prism{-webkit-mask:radial-gradient(farthest-corner circle at var(--mx) var(--my), #000, #0009 40%, #0002);-webkit-mask:radial-gradient(farthest-corner circle at var(--mx) var(--my), #000, #0009 40%, #0002);mask:radial-gradient(farthest-corner circle at var(--mx) var(--my), #000, #0009 40%, #0002);opacity:calc(.12 + var(--hyp) * .22)}.mc-foil-lattice{-webkit-mask:url(/frames/foil-lattice.svg) 0 0 / 9cqw 9cqw repeat, radial-gradient(farthest-corner circle at var(--mx) var(--my), #000, #0008 28%, transparent 62%);-webkit-mask-composite:source-in;-webkit-mask:url(/frames/foil-lattice.svg) 0 0 / 9cqw 9cqw repeat, radial-gradient(farthest-corner circle at var(--mx) var(--my), #000, #0008 28%, transparent 62%);mask:url(/frames/foil-lattice.svg) 0 0 / 9cqw 9cqw repeat, radial-gradient(farthest-corner circle at var(--mx) var(--my), #000, #0008 28%, transparent 62%);opacity:calc(.55 + var(--hyp) * .45);-webkit-mask-composite:source-in;mask-composite:intersect}.mc-foil-gold{background:repeating-linear-gradient(112deg, transparent 0% 5%, #ffe19680 8%, #fff8dcb3 9%, #ffe19680 10%, transparent 13% 22%), radial-gradient(farthest-corner circle at var(--mx) var(--my), #ffe6a073, transparent 55%);background-size:300% 300%,100% 100%;background-position:calc(50% + var(--px) * 180%) calc(50% + var(--py) * 180%), 0 0;mix-blend-mode:color-dodge;opacity:calc(.3 + var(--hyp) * .3)}.mc-foil-glitter{background:url(/frames/glitter.svg) 0 0/52cqw 52cqw;background-position:calc(var(--px) * -16cqw) calc(var(--py) * -16cqw);mix-blend-mode:color-dodge;opacity:calc(.5 + var(--hyp) * .5);-webkit-mask:radial-gradient(farthest-corner circle at var(--mx) var(--my), #000, #0006 45%, #0002);-webkit-mask:radial-gradient(farthest-corner circle at var(--mx) var(--my), #000, #0006 45%, #0002);mask:radial-gradient(farthest-corner circle at var(--mx) var(--my), #000, #0006 45%, #0002)}.mc-tapglare{z-index:3;mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 38%,#fffaeb99 49%,#fffaeb26 54%,#0000 62%);animation:.75s cubic-bezier(.2,.8,.2,1) forwards mc-tap;inset:0 -70%;transform:translate(-40%)}@keyframes mc-tap{to{transform:translate(40%)}}.mc-aura{z-index:-1;border-radius:inherit;background:conic-gradient(from var(--mc-angle), transparent 0deg 40deg, var(--accent) 70deg, #fff6d6 90deg, var(--accent) 110deg, transparent 140deg 220deg, var(--accent) 250deg, #fff6d6 270deg, var(--accent) 290deg, transparent 320deg);opacity:0;pointer-events:none;transition:opacity .4s;display:block;position:absolute;inset:-2px}.mc-card.is-active .mc-aura,.mc-card.is-ambient .mc-aura,.mc-card.mc-size-large .mc-aura{opacity:.95;animation:7s linear infinite mc-spin}.mc-rimglow{z-index:2;border-radius:inherit;background:conic-gradient(from var(--mc-angle), transparent 0deg 50deg, #fff6d6e6 90deg, transparent 130deg 230deg, #fff6d6e6 270deg, transparent 310deg);-webkit-mask-composite:xor;mix-blend-mode:overlay;padding:3cqw;animation:7s linear infinite mc-spin;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes mc-spin{to{--mc-angle:360deg}}.mc-card.is-ambient:not(.is-active){animation:7s ease-in-out infinite alternate mc-drift}@keyframes mc-drift{0%{--mx:22%;--my:28%;--px:-.28;--py:-.22;--hyp:.5}50%{--mx:62%;--my:46%;--px:.12;--py:-.04;--hyp:.2}to{--mx:80%;--my:70%;--px:.3;--py:.2;--hyp:.55}}.mc-seal{z-index:5;color:#e6d8b9;pointer-events:none;background:radial-gradient(circle,#0b161ed9 60%,#0b161e99 71%,#0000 72%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.8cqw;width:30cqw;height:30cqw;display:flex;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:0 0 0 .45cqw #e6d8b980,0 0 0 1.1cqw #0b161e66}.mc-seal:before{content:"";border:1px dashed #e6d8b966;border-radius:50%;position:absolute;inset:1.4cqw}.mc-seal .mc-icon{color:#b9c6c3;--ic2:#0b161e;width:8cqw;height:8cqw}.mc-seal span{max-width:24cqw;font:700 2.6cqw/1.15 var(--mc-sans);letter-spacing:.14em;text-transform:uppercase}.mc-card .mc-check{z-index:6;color:#07121a;background:radial-gradient(circle at 35% 30%,#fff1b8,#e8c477 45%,#9c7a3c);border-radius:50%;justify-content:center;align-items:center;width:9cqw;min-width:16px;height:9cqw;min-height:16px;display:flex;position:absolute;top:21cqw;left:auto;right:5cqw;box-shadow:0 0 0 .45cqw #07121a,0 0 2.4cqw #e8c477aa}.mc-card .mc-check svg{stroke-width:3px;width:62%;height:62%}.cb-field{box-shadow:0 0 0 .35cqw color-mix(in srgb, var(--m0) 70%, #000), 0 0 0 .75cqw color-mix(in srgb, var(--m1) 45%, transparent), inset 0 0 4cqw #000a;background:#07121a url(/frames/back-field.svg) 50%/cover no-repeat;border-radius:2.6cqw;display:block;position:absolute;inset:3cqw}.cb-field:after{content:"";border:1px solid #e8c47766;border-radius:1.4cqw;position:absolute;inset:2.3cqw}.cb-face .mc-corner{background-image:url(/frames/legend-corner-low.svg)}.cb-gem{width:3.6cqw;height:3.6cqw;box-shadow:0 0 0 .5cqw var(--m0), 0 0 0 .85cqw color-mix(in srgb, var(--m1) 50%, transparent);background:linear-gradient(135deg,#fff6d0,#e9b949 45%,#3d2a07);display:block;position:absolute;left:50%}.cb-gem-top{top:1.5cqw;transform:translate(-50%,-50%)rotate(45deg)}.cb-gem-bottom{bottom:1.5cqw;transform:translate(-50%,50%)rotate(45deg)}.sc-art{background:radial-gradient(55% 40% at 50% 36%, color-mix(in srgb, var(--el) 50%, transparent), transparent 72%), radial-gradient(120% 70% at 50% 108%, var(--el-shadow), transparent 70%), linear-gradient(180deg, #0a1620, color-mix(in srgb, var(--el-shadow) 70%, #07121a));display:block;position:absolute;inset:0}.sc-art .rune-circle{width:84cqw;height:84cqw;color:var(--el-glow);opacity:.5;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.mc-card.is-active .sc-art .rune-circle{animation:24s linear infinite sc-turn}@keyframes sc-turn{to{transform:translate(-50%,-50%)rotate(360deg)}}.sc-glyph{width:30cqw;height:30cqw;color:var(--el);--ic2:var(--el-glow);background:radial-gradient(circle, color-mix(in srgb, var(--el-glow) 38%, transparent), transparent 70%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.sc-glyph .mc-icon{width:72%;height:72%}.mc-spell .mc-level .mc-icon{width:60%;height:60%;color:var(--accent);--ic2:var(--parchment)}.sc-type{font:700 2.7cqw/1 var(--mc-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--el-glow);justify-content:center;align-items:center;gap:1.2cqw;margin-top:1.6cqw;display:flex}.sc-type .mc-icon{width:3.4cqw;height:3.4cqw;color:var(--el);--ic2:var(--el-glow)}.sc-type em{color:#a3b4b1;font-style:normal}.sc-desc{width:100%;min-height:3lh;font:500 3.5cqw/1.38 var(--mc-sans);color:#e6dcc6;border-top:1px solid color-mix(in srgb, var(--m1) 20%, transparent);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:1.8cqw;padding-top:1.8cqw;display:-webkit-box;overflow:hidden}.mc-spell.trap .mc-plate:before{background:radial-gradient(70% 150% at 50% 0,#4a1c1c,#07121a 78%)}.sc-wrap{flex-direction:column;gap:10px;min-width:0;display:flex}@container mc (width<=262px){.mc-stat-label small,.mc-skill-kind,.mc-foot-set{display:none}.mc-stat-label .mc-icon{width:3.8cqw;height:3.8cqw}.mc-stat b{font-size:6.4cqw}.mc-skill{font-size:3.9cqw}.mc-rarity{font-size:3cqw}.mc-foot{font-size:2.7cqw}.mc-foot .mc-icon{width:3.3cqw;height:3.3cqw}.sc-desc{font-size:3.9cqw}}@container mc (width<=190px){.mc-corner{width:30cqw;height:30cqw}.mc-medal,.mc-level{--corner:30cqw}.mc-title,.mc-foot,.mc-skill,.mc-rarity-name,.mc-rule,.mc-level small,.mc-stat-label small,.sc-desc,.sc-type em{display:none}.mc-info{padding:0 2.6cqw 5cqw}.mc-rarity{height:5cqw}.mc-gems{gap:1.6cqw}.mc-gem{width:3.2cqw;height:3.2cqw}.mc-plate{width:100%;height:14cqw;margin-top:1.2cqw}.mc-name{font-size:10.6cqw}.mc-stats{gap:1.4cqw;margin-top:2.2cqw}.mc-stat{border-radius:2.4cqw;gap:.6cqw;min-height:16cqw;padding:1.2cqw .4cqw}.mc-stat-label .mc-icon{width:4.6cqw;height:4.6cqw}.mc-stat b{letter-spacing:-.04em;font-size:7.6cqw}.mc-level b{font-size:8.4cqw}.mc-clasp{width:26cqw}.mc-seal{width:40cqw;height:40cqw}.mc-seal .mc-icon{width:12cqw;height:12cqw}.mc-seal span{letter-spacing:.06em;max-width:32cqw;font-size:4.4cqw}.mc-card .mc-check{width:13cqw;height:13cqw;top:30cqw}.sc-type{margin-top:2cqw;font-size:4.6cqw}.sc-type .mc-icon{width:5.4cqw;height:5.4cqw}}@container mc (width<=104px){.mc-stats,.mc-seal span,.sc-type{display:none}.mc-name{font-size:11.5cqw}.mc-plate{height:16cqw}.mc-info{padding-bottom:6cqw}}@media (prefers-reduced-motion:reduce){.mc-card,.mc-card.is-active,button.mc-card:hover,button.mc-card.is-active:hover,.mc-card .mc-art,.mc-card.is-active .mc-art{transition:none;transform:none}.mc-card .mc-foil,.mc-card .mc-glare,.mc-card .mc-tapglare,.mc-card .mc-rimglow{display:none}.mc-card .mc-aura,.mc-card.is-ambient,.sc-art .rune-circle{animation:none}}html[data-motion=reduced] .mc-card,html[data-motion=reduced] .mc-card.is-active,html[data-motion=reduced] button.mc-card:hover,html[data-motion=reduced] button.mc-card.is-active:hover,html[data-motion=reduced] .mc-card .mc-art,html[data-motion=reduced] .mc-card.is-active .mc-art{transition:none;transform:none}html[data-motion=reduced] .mc-card .mc-aura,html[data-motion=reduced] .mc-card.is-ambient,html[data-motion=reduced] .sc-art .rune-circle{animation:none}html[data-motion=reduced] .mc-card .mc-foil,html[data-motion=reduced] .mc-card .mc-glare,html[data-motion=reduced] .mc-card .mc-tapglare,html[data-motion=reduced] .mc-card .mc-rimglow,.game-hud.hunting{display:none}.hunt-hud.hh-root{--edge:22px;--hh-gold:var(--gold-300,#e8c477);--hh-gold-hi:var(--gold-100,#fff3cf);--hh-text:var(--parchment,#fff1d2);--hh-dim:var(--parchment-dim,#b9c6c3);--hh-mint:#9fe0c0;--hh-red:#ef7d6d;--hh-ease:var(--ease-out,cubic-bezier(.2, .8, .2, 1));--hh-display:var(--font-display,"Cormorant Garamond", Georgia, serif);--hh-body:var(--font-body,"Be Vietnam Pro", "Segoe UI", sans-serif);z-index:4;color:var(--hh-text);font-family:var(--hh-body);font-variant-numeric:lining-nums;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#0612189e,#0000 26%),linear-gradient(#0000 66%,#040c12c7);position:absolute;inset:0}.hh-root button{pointer-events:auto;color:inherit;font-family:inherit}.hh-root button:disabled{cursor:default;opacity:.42}.hh-root :where(svg.lucide){width:1em;height:1em}.hh-root kbd{min-width:18px;height:18px;font:600 9px/1 var(--hh-body);color:var(--hh-dim);background:#03090db3;border:1px solid #e8c47747;border-radius:4px;place-items:center;padding:0 4px;display:inline-grid}.hh-heading{left:50%;top:calc(18px + env(safe-area-inset-top));text-align:center;text-shadow:0 2px 8px #000c;white-space:nowrap;justify-items:center;gap:4px;display:grid;position:absolute;translate:-50%}.hh-eyebrow{letter-spacing:.32em;color:var(--hh-dim);font-size:9px;font-weight:600}.hh-heading>strong{font:600 30px/1.05 var(--hh-display);letter-spacing:.06em;background:linear-gradient(#fff8e1,#e8c477 60%,#b98a3a);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #00000080);-webkit-background-clip:text;background-clip:text;padding-top:.2em}.hh-affinity{color:#e6e1cf;text-shadow:none;background:#050e14c7;border:1px solid #e8c4773d;border-radius:99px;align-items:center;gap:6px;margin-top:4px;padding:4px 11px 4px 8px;font-size:11px;font-weight:600;display:inline-flex}.hh-affinity .mc-icon{width:16px;height:16px;color:var(--hh-gold);--ic2:#fff8e6}.hh-affinity i{color:var(--hh-dim);font-style:normal}.hh-affinity.is-good{color:#2a1a05;background:linear-gradient(#ffe7a6,#e2b45a);border-color:#fff3cf}.hh-affinity.is-good .mc-icon{color:#5a3a0a;--ic2:#fff}.hh-affinity.is-good i{color:#6d4a12}.hh-affinity.is-bad{color:#d8e6ec;background:#1a2e3ae0;border-color:#84c7e866}.hh-unit{top:calc(20px + env(safe-area-inset-top));left:calc(var(--edge) + env(safe-area-inset-left));pointer-events:auto;background:radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--el) 16%, transparent), transparent 60%), linear-gradient(160deg, #0e1f29f0, #060e14eb);border:1px solid #e8c47742;border-top:2px solid color-mix(in srgb, var(--el) 80%, white 5%);width:350px;scale:var(--ui-scale,1);transform-origin:0 0;border-radius:14px;gap:12px;padding:12px 14px 12px 12px;display:flex;position:absolute;box-shadow:0 14px 34px -8px #0000009e,inset 0 1px #fff1d214}.hh-unit.is-enemy{left:auto;right:calc(var(--edge) + env(safe-area-inset-right));text-align:right;background:radial-gradient(90% 120% at 100% 0%, color-mix(in srgb, var(--el) 16%, transparent), transparent 60%), linear-gradient(200deg, #0e1f29f0, #060e14eb);transform-origin:100% 0;flex-direction:row-reverse}.hh-unit.is-down{border-top-color:var(--hh-red)}.hh-unit.is-down .hh-portrait img{filter:grayscale()brightness(.6)}.hh-portrait{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--el) 55%, transparent), transparent 70%), radial-gradient(circle, var(--el-shadow), #050b10);width:72px;height:72px;box-shadow:0 0 0 2px #0a141a, 0 0 0 3.5px color-mix(in srgb, var(--el) 70%, #e8c477), 0 0 18px color-mix(in srgb, var(--el) 35%, transparent), inset 0 -10px 16px #0000008c;border-radius:50%;flex:none;position:relative}.hh-portrait img{object-fit:contain;filter:drop-shadow(0 4px 4px #0000008c);width:112%;height:102%;position:absolute;inset:-6% -6% 4%}.hh-unit.is-enemy .hh-portrait img{transform:scaleX(-1)}.hh-portrait-medal{width:24px;height:24px;color:var(--el);--ic2:var(--el-glow);background:radial-gradient(circle at 40% 35%,#213641,#070f15);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-4px;box-shadow:0 0 0 1.5px #c99a3e,0 2px 6px #0009}.hh-unit.is-enemy .hh-portrait-medal{left:-4px;right:auto}.hh-portrait-medal .mc-icon{width:15px;height:15px}.hh-unit-body{flex:1;gap:6px;min-width:0;display:grid}.hh-unit-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.hh-unit.is-enemy .hh-unit-top{flex-direction:row-reverse}.hh-rarity{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--hh-dim);font-size:9.5px;font-weight:700;overflow:hidden}.hh-rarity.r-rare{color:#a8d8ec}.hh-rarity.r-epic{color:#f0b4a2}.hh-rarity.r-legend{color:#f3d58a}.hh-unit-top b{white-space:nowrap;color:#241707;background:linear-gradient(#fbe6b0,#d4a957);border-radius:99px;flex:none;padding:2px 8px;font-size:11px}.hh-unit h2{font:600 24px/1.05 var(--hh-display);color:var(--hh-text);white-space:nowrap;align-items:baseline;gap:8px;margin:0;display:flex;overflow:hidden}.hh-unit.is-enemy h2{flex-direction:row-reverse}.hh-unit h2 small{font:600 11px/1 var(--hh-body);letter-spacing:.06em;color:var(--el)}.hh-hp{background:linear-gradient(#050b10,#0c1820);border-radius:5px;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000c,0 0 0 1px #e8c47738}.hh-hp>i{width:calc(var(--fill) * 100%);position:absolute;inset:0 auto 0 0}.hh-unit.is-enemy .hh-hp>i{inset:0 0 0 auto}.hh-hp-ghost{opacity:.75;transition:width .7s var(--hh-ease) .45s;background:linear-gradient(#fff3cf,#e8c477)}.hh-hp-fill{transition:width .28s var(--hh-ease);background:linear-gradient(#ffffff47,#0000 50%),linear-gradient(90deg,#2f8f6c,#8fdcae);box-shadow:inset 0 -2px #00000040}.hh-hp.is-enemy .hh-hp-fill{background:linear-gradient(#ffffff42,#0000 50%),linear-gradient(270deg,#a5402f,#f0a473)}.hh-hp.is-low .hh-hp-fill{background:linear-gradient(#ffffff42,#0000 50%),linear-gradient(90deg,#8d2a22,#ef7d6d)}.hh-hp>span{font-variant-numeric:lining-nums tabular-nums;color:#fffaf0;text-shadow:0 1px 2px #000,0 0 4px #000;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.hh-hp>span small{opacity:.8;font-size:10px;font-weight:500}.hh-tempo{background:#ffffff14;border-radius:2px;height:3px;overflow:hidden}.hh-tempo i{background:linear-gradient(90deg, color-mix(in srgb, var(--el) 60%, transparent), var(--el));height:100%;box-shadow:0 0 6px var(--el);display:block}.hh-unit.is-enemy .hh-tempo i{background:linear-gradient(270deg, color-mix(in srgb, var(--el) 60%, transparent), var(--el));margin-left:auto}.hh-unit-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.hh-unit.is-enemy .hh-unit-foot{flex-direction:row-reverse}.hh-unit-foot>span{min-width:0;color:var(--hh-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.hh-unit-foot>span.is-urgent{color:#ffb4a4}.hh-unit-foot dl{gap:9px;margin:0;display:flex}.hh-unit-foot dl div{justify-items:center;display:grid}.hh-unit-foot dt{letter-spacing:.08em;text-transform:uppercase;color:#8fa4a4;font-size:8.5px}.hh-unit-foot dd{font:700 14px/1.1 var(--hh-display);font-variant-numeric:lining-nums tabular-nums;margin:0}.hh-log{left:calc(var(--edge) + env(safe-area-inset-left));gap:4px;width:300px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:46%}.hh-log li{border-left:2px solid var(--hh-gold);color:#e3e6dc;text-shadow:0 1px 2px #000;animation:hh-in .32s var(--hh-ease) both;background:linear-gradient(90deg,#050d13d6,#050d1300);border-radius:0 8px 8px 0;padding:6px 12px 6px 10px;font-size:11.5px;line-height:1.35}.hh-log li:nth-child(2){opacity:.66}.hh-log li:nth-child(3){opacity:.38}.hh-deck{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));pointer-events:auto;translate:-50%;scale:var(--ui-scale,1);transform-origin:50% 100%;background:linear-gradient(#fff1d20d,#0000 40%),linear-gradient(160deg,#0e1f29f2,#050d13f0);border:1px solid #e8c4774d;border-radius:18px;align-items:stretch;gap:14px;padding:12px 14px;transition:opacity .3s;display:flex;position:absolute;box-shadow:0 18px 40px -10px #000000b3,inset 0 1px #fff1d21a}.hh-root.is-sealing .hh-deck{opacity:.55}.hh-root.is-sealing .hh-log{visibility:hidden}.hh-label{white-space:nowrap;letter-spacing:.18em;text-transform:uppercase;color:var(--hh-dim);font-size:9px;font-weight:700}.hh-label.is-alert{color:#ffb4a4}.hh-bench{border-top:1px solid #e8c47724;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;padding-top:8px;display:flex}.hh-bench-list{gap:6px;display:flex}.hh-bench .hh-label{letter-spacing:.12em}.hh-member{--hp:1;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--el) 40%, #0c1c26), #050b10 75%);cursor:pointer;border-radius:50%;flex:none;width:28px;height:28px;padding:0;position:relative}.hh-member-ring{background:conic-gradient(var(--el) calc(var(--hp) * 360deg), #ffffff1a 0);border-radius:50%;position:absolute;inset:-3px;-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(circle closest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px))}.hh-member img{object-fit:contain;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.hh-member small{color:#241707;background:linear-gradient(#fbe6b0,#d4a957);border-radius:99px;min-width:14px;padding:1px 3px;font-size:8px;font-weight:700;line-height:1.2;position:absolute;bottom:-5px;right:-6px}.hh-member.is-active{box-shadow:0 0 0 2px #0a141a, 0 0 0 3.5px var(--hh-gold), 0 0 14px #e8c4778c}.hh-member.is-active:disabled{opacity:1}.hh-member.is-down img{filter:grayscale()brightness(.5)}.hh-member:not(:disabled):hover{transform:translateY(-2px)}.hh-seals{align-items:flex-end;gap:8px;display:flex}.hh-seal{--accent:#aaa591;aspect-ratio:300/420;cursor:pointer;background:linear-gradient(150deg, var(--m0), var(--m1) 22%, var(--m2) 45%, var(--m0) 70%, var(--m1) 100%);width:76px;transition:transform .2s var(--hh-ease), box-shadow .2s, filter .2s;border-radius:9px;padding:3px;position:relative;box-shadow:0 8px 16px -6px #000000bf,0 0 0 1px #000000b3,inset 0 1px #ffffff4d}.hh-seal-face{background:radial-gradient(70% 45% at 50% 34%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 75%), repeating-conic-gradient(from 0deg at 50% 36%, #ffffff08 0deg 8deg, transparent 8deg 16deg), linear-gradient(180deg, #13242e, #060d12);border-radius:6px;align-content:space-between;justify-items:center;height:100%;padding:9px 4px 7px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000000b3}.hh-seal-glyph{width:36px;height:36px;color:var(--accent);--ic2:#fff8e6;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 35%, transparent);background:radial-gradient(circle at 50% 40%,#ffffff1a,#0000 70%);border-radius:50%;place-items:center;margin-top:2px;display:grid}.hh-seal-glyph .mc-icon{width:24px;height:24px}.hh-seal-name{font:600 13px/1 var(--hh-display);color:var(--hh-text);white-space:nowrap}.hh-seal-chance{white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;color:#0b1b14;background:linear-gradient(180deg, #e9fff4, var(--hh-mint));border-radius:99px;padding:2px 7px;font-size:11px;font-weight:800}.hh-seal.is-empty .hh-seal-chance{color:var(--hh-dim);background:#ffffff14;font-weight:600}.hh-seal-count{color:#241707;background:linear-gradient(#fbe6b0,#d4a957);border-radius:99px;min-width:26px;padding:3px 6px;font-size:11px;font-weight:800;position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 1.5px #0a141a,0 3px 6px #00000080}.hh-seal.is-empty .hh-seal-count{color:#cfd8d8;background:#26353d}.hh-seal kbd{min-width:15px;height:15px;font-size:8px;position:absolute;bottom:-9px;left:50%;translate:-50%}.hh-seal:not(:disabled):hover{transform:translateY(-4px)}.hh-seal.is-selected{box-shadow:0 14px 22px -8px #000c, 0 0 0 1px #000000b3, 0 0 0 3px var(--hh-gold), 0 0 22px #e8c4778c, inset 0 1px 0 #ffffff4d;transform:translateY(-8px)}.hh-seal.is-selected .hh-seal-glyph{animation:2.4s ease-in-out infinite hh-glyph}.hh-seal:disabled{filter:saturate(.25)brightness(.7)}.hh-seal.is-selected:disabled{filter:none;opacity:.8}.hh-seal:focus-visible{outline:2px solid var(--hh-text);outline-offset:4px}.hh-act{border-left:1px solid #e8c47729;align-items:center;gap:12px;padding-left:14px;display:flex}.hh-gauge{--tone:var(--hh-mint);flex:none;align-content:center;place-items:center;width:84px;height:84px;display:grid;position:relative}.hh-gauge svg{width:100%;height:100%;position:absolute;inset:0;rotate:135deg}.hh-gauge-track,.hh-gauge-arc{fill:none;stroke-width:7px;stroke-linecap:round}.hh-gauge-track{stroke:#ffffff17}.hh-gauge-arc{stroke:var(--tone);filter:drop-shadow(0 0 4px var(--tone));transition:stroke-dasharray .45s var(--hh-ease), stroke .3s}.hh-gauge-tick{stroke:#fff1d24d;stroke-width:1.2px;transform-origin:42px 42px;rotate:-135deg}.hh-gauge b{font:700 25px/1 var(--hh-display);font-variant-numeric:lining-nums tabular-nums;color:var(--hh-text);margin-top:4px;position:relative}.hh-gauge small{letter-spacing:.16em;text-transform:uppercase;color:var(--hh-dim);font-size:8.5px;position:relative}.hh-gauge.is-high{--tone:#8fe3b4}.hh-gauge.is-mid{--tone:#f0c36a}.hh-gauge.is-low{--tone:#ff8a6e}.hh-gauge.is-locked{--tone:#6f8282}.hh-act-buttons{gap:6px;display:grid}.hh-seal-btn{--cool:0;text-align:left;cursor:pointer;min-width:250px;min-height:58px;transition:transform .16s var(--hh-ease), filter .2s, box-shadow .2s;background:linear-gradient(#fbe6b0 0%,#e2b866 46%,#b08236 100%);border:1px solid #fff3cf9e;border-radius:12px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -6px #000000b3,0 0 0 1px #3a280c,inset 0 1px #fffaf0,inset 0 -3px #6e4a16b3;color:#241707!important}.hh-seal-btn.is-cooling:after{content:"";pointer-events:none;background:#060e1461;position:absolute;inset:0}.hh-seal-btn:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 24px -6px #000000b3,0 0 0 1px #3a280c,0 0 22px #e8c47780,inset 0 1px #fffaf0,inset 0 -3px #6e4a16b3}.hh-seal-btn:not(:disabled):active{transform:translateY(1px)}.hh-seal-btn:disabled{filter:saturate(.4);opacity:.55!important}.hh-seal-btn.is-cooling:disabled{filter:none;opacity:.9!important}.hh-seal-btn-icon{z-index:1;color:#fff3cf;--ic2:#fff;background:radial-gradient(circle at 40% 35%,#5a3f14,#241707);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px #c99a3e,0 2px 4px #0006}.hh-seal-btn.is-cooling .hh-seal-btn-icon:before{content:"";background:conic-gradient(#fff3cf calc((1 - var(--cool)) * 1turn), #00000073 0);filter:drop-shadow(0 0 3px #fff3cfb3);border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(circle closest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3px))}.hh-seal-btn.is-cooling>span:nth-child(2){z-index:1;position:relative}.hh-seal-btn-icon .mc-icon{width:24px;height:24px}.hh-seal-btn>span:nth-child(2){white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;flex:1;gap:3px;min-width:0;font-size:15px;font-weight:800;display:grid}.hh-seal-btn small{letter-spacing:.02em;text-transform:none;white-space:normal;overflow-wrap:break-word;text-wrap:balance;color:#4d3510;max-width:100%;font-size:10px;font-weight:600;line-height:1.25}.hh-seal-btn kbd{z-index:1;color:#f7e6bb;background:#3a280c;border-color:#6d5223;position:relative}.hh-flee{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#03090d8c;border:1px solid #e8c47733;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:11px;font-weight:600;display:inline-flex;color:var(--hh-dim)!important}.hh-flee svg{width:13px;height:13px}.hh-flee:not(:disabled):hover{border-color:#ef7d6d8c;color:#ffd2c6!important}.hh-sealing{left:50%;bottom:calc(176px + env(safe-area-inset-bottom));z-index:3;animation:hh-pop .3s var(--hh-ease) both;background:#050d13e6;border:1px solid #e8c4778c;border-radius:999px;align-items:center;gap:12px;padding:10px 20px 10px 10px;display:flex;position:absolute;translate:-50%;box-shadow:0 14px 30px #0009,0 0 30px #e8c47740}.hh-sealing-ring{width:46px;height:46px;color:var(--hh-gold);--ic2:#fff8e6;place-items:center;display:grid;position:relative}.hh-sealing-ring .rune-circle{width:100%;height:100%;color:var(--hh-gold);animation:3.2s linear infinite hh-spin;position:absolute;inset:0}.hh-sealing-ring .mc-icon{width:22px;height:22px;animation:.5s ease-in-out infinite hh-wobble}.hh-sealing strong{font:600 20px/1 var(--hh-display);letter-spacing:.04em;white-space:nowrap}.hh-pips{gap:6px;display:flex}.hh-pips i{background:#ffffff1f;border-radius:50%;width:10px;height:10px;animation:.4s ease-out both hh-pip;box-shadow:inset 0 0 0 1px #e8c47766}.hh-pips i:first-child{animation-delay:.6s}.hh-pips i:nth-child(2){animation-delay:1.1s}.hh-pips i:nth-child(3){animation-delay:1.6s}.hh-result{z-index:10;pointer-events:auto;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:hidden}.hh-result-backdrop{background:radial-gradient(circle at 50% 46%,#0a1e2259,#03080cd1 72%);animation:.45s ease-out both hh-fade;position:absolute;inset:0}.hh-result.is-captured .hh-result-backdrop{background:radial-gradient(circle at 50% 44%,#30240a73,#03080cd6 72%)}.hh-result.is-lost .hh-result-backdrop{-webkit-backdrop-filter:grayscale(.85)brightness(.75);backdrop-filter:grayscale(.85)brightness(.75);background:radial-gradient(circle at 50% 44%,#360c0c80,#030609e6 70%)}.hh-result.is-expired .hh-result-backdrop,.hh-result.is-fled .hh-result-backdrop{background:radial-gradient(circle at 50% 44%,#0e1a2066,#03080cd6 72%)}.hh-rays{aspect-ratio:1;background:repeating-conic-gradient(#f7dc9c3d 0deg 5deg,#0000 5deg 15deg);width:160vmax;animation:.8s ease-out both hh-fade,60s linear infinite hh-spin;position:absolute;top:44%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0 6%,#00000080 22%,#0000 48%);mask:radial-gradient(circle,#000 0 6%,#00000080 22%,#0000 48%)}.hh-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hh-confetti i{top:-20px;left:var(--x);background:var(--c);width:7px;height:12px;animation:hh-fall var(--t) cubic-bezier(.3, .5, .5, 1) var(--d) 2 both;border-radius:1px;position:absolute}.hh-confetti i:nth-child(3n){border-radius:50%;height:7px}.hh-result-card{text-align:center;width:min(460px,100%);animation:hh-card-in .55s var(--hh-ease) 50ms both;background:radial-gradient(120% 70% at 50% 0,#e8c47724,#0000 60%),linear-gradient(#0e1f29f7,#060e14f7);border:1px solid #e8c47773;border-radius:16px;justify-items:center;padding:64px 28px 22px;display:grid;position:relative;box-shadow:0 30px 70px #000000b3,inset 0 1px #fff1d21f}.hh-result.is-captured .hh-result-card{border-color:#f7dc9cbf;box-shadow:0 30px 70px #000000b3,0 0 46px #e8c4774d,inset 0 1px #fff1d229}.hh-result.is-lost .hh-result-card{background:linear-gradient(#18181bf7,#0a0b0df7);border-color:#ef7d6d80}.hh-result.is-fled .hh-result-card,.hh-result.is-expired .hh-result-card{border-color:#b9c6c359}.hh-result-emblem{width:104px;height:104px;color:var(--hh-gold);--ic2:#fff8e6;animation:hh-emblem .7s var(--ease-back,cubic-bezier(.34, 1.56, .64, 1)) .15s both;background:radial-gradient(circle at 50% 42%,#3a2a10,#0a1218 72%);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:50%;translate:-50% -54%;box-shadow:0 0 0 3px #c99a3e,0 0 0 5px #0a141a,0 12px 26px #0009}.hh-result-emblem.is-svg{box-shadow:none;background:0 0}.hh-result-emblem .rune-circle{opacity:.8;width:calc(100% - 12px);height:calc(100% - 12px);animation:18s linear infinite hh-spin;position:absolute;inset:6px}.hh-result-emblem.is-captured{width:128px;height:128px;translate:-50% -62%}.hh-result-emblem.is-captured img{object-fit:contain;filter:drop-shadow(0 6px 8px #0009);width:118%;height:118%;margin-top:-14%;position:relative}.hh-result-emblem>span{place-items:center;display:grid;position:relative}.hh-result-emblem>span svg{width:40px;height:40px}.hh-result.is-captured .hh-result-emblem{box-shadow:0 0 0 3px #f3d58a,0 0 0 5px #0a141a,0 0 34px #f7dc9ca6}.hh-result-emblem.is-fled,.hh-result-emblem.is-expired{color:var(--hh-dim);background:radial-gradient(circle at 50% 42%,#1b2a33,#070f15 72%);box-shadow:0 0 0 3px #6f8282,0 0 0 5px #0a141a,0 12px 26px #0009}.hh-crack{fill:none;stroke:#ff6b55;stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px #ff3b28);stroke-dasharray:160;animation:.9s ease-out .45s both hh-crack}.hh-crack.thin{stroke-width:1.4px;animation-delay:.85s}.hh-result-eyebrow{letter-spacing:.24em;color:var(--hh-dim);font-size:10px;font-weight:700}.hh-result h2{font:700 clamp(26px, 5.4vw, 40px) / 1.1 var(--hh-display);white-space:nowrap;letter-spacing:.04em;background:linear-gradient(#fff8e1 10%,#f0cf86 55%,#b98a3a 95%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #00000080);-webkit-background-clip:text;background-clip:text;margin:2px 0 4px;padding-top:.2em}.hh-result.is-lost h2{background:linear-gradient(#f1e4df 10%,#d29b90 55%,#8a4436 95%);-webkit-background-clip:text;background-clip:text}.hh-result.is-fled h2,.hh-result.is-expired h2{background:linear-gradient(#f4f7f6 10%,#b9c6c3 60%,#6f8282 95%);-webkit-background-clip:text;background-clip:text}.hh-result-species{font:600 16px/1.3 var(--hh-display);color:#f3d58a;margin:0}.hh-result-text{max-width:320px;color:var(--hh-dim);margin:8px 0 0;font-size:13px;line-height:1.55}.hh-result-loot{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.hh-result-loot span{color:#e9d7ff;background:#8f9be029;border:1px solid #8f9be073;border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:700}.hh-btn-gold{min-height:44px;font:700 12.5px/1 var(--hh-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#fbe6b0 0%,#e2b866 46%,#b08236 100%);border:1px solid #fff3cf9e;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:0 22px;display:inline-flex;box-shadow:0 8px 18px -6px #000000b3,0 0 0 1px #3a280c,inset 0 1px #fffaf0,inset 0 -2px #6e4a16b3;color:#241707!important}.hh-btn-gold svg{width:16px;height:16px}.hh-btn-gold:hover{filter:brightness(1.07)}.hh-result-hint{color:#7f9494;margin-top:10px;font-size:10px}@keyframes hh-in{0%{opacity:0;transform:translate(-12px)}}@keyframes hh-pop{0%{opacity:0;scale:.88}}@keyframes hh-glyph{50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 80%, transparent), 0 0 22px color-mix(in srgb, var(--accent) 60%, transparent)}}@keyframes hh-spin{to{rotate:360deg}}@keyframes hh-wobble{25%{rotate:-9deg}75%{rotate:9deg}}@keyframes hh-pip{0%{background:#ffffff1f;scale:1}50%{scale:1.5}to{background:#f3d58a;scale:1;box-shadow:0 0 10px #e8c477}}@keyframes hh-fade{0%{opacity:0}}@keyframes hh-fall{0%{transform:translate(0,0)rotate3d(1,.4,.2,0)}to{transform:translate3d(var(--dx), 112vh, 0) rotate3d(1, .4, .2, var(--r))}}@keyframes hh-card-in{0%{opacity:0;transform:translateY(22px)scale(.95)}}@keyframes hh-emblem{0%{opacity:0;scale:.4}}@keyframes hh-crack{0%{stroke-dashoffset:160px}to{stroke-dashoffset:0}}@media (max-width:1100px){.hunt-hud.hh-root{--edge:14px}.hh-unit{width:324px}.hh-bench .hh-label{display:none}.hh-heading>strong{font-size:24px}.hh-log{width:250px}}@media (max-width:760px){.hunt-hud.hh-root{--edge:8px}.hh-heading{top:calc(8px + env(safe-area-inset-top));gap:2px}.hh-eyebrow{display:none}.hh-heading>strong{font-size:19px}.hh-affinity{margin-top:2px;padding:2px 8px 2px 6px;font-size:10px}.hh-affinity .mc-icon{width:13px;height:13px}.hh-unit{top:calc(68px + env(safe-area-inset-top));border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;width:calc(50% - 12px);padding:8px}.hh-unit.is-enemy{flex-direction:column}.hh-portrait{width:40px;height:40px;position:absolute;top:8px;left:8px}.hh-unit.is-enemy .hh-portrait{left:auto;right:8px}.hh-portrait-medal{width:18px;height:18px}.hh-portrait-medal .mc-icon{width:11px;height:11px}.hh-unit-body{gap:5px}.hh-unit-top,.hh-unit.is-enemy .hh-unit-top{flex-direction:column;align-items:flex-start;gap:3px;padding-left:48px}.hh-unit.is-enemy .hh-unit-top{align-items:flex-end;padding:0 48px 0 0}.hh-unit-top{justify-content:center;min-height:44px}.hh-rarity{letter-spacing:.08em;font-size:7.5px}.hh-unit-top b{padding:1px 6px;font-size:9.5px}.hh-unit h2{min-height:0;font-size:17px}.hh-unit h2 small{display:none}.hh-hp{height:15px}.hh-hp>span{font-size:9.5px}.hh-unit-foot,.hh-unit.is-enemy .hh-unit-foot{flex-direction:column;align-items:stretch;gap:4px}.hh-unit-foot>span{font-size:9px}.hh-unit-foot dl{justify-content:space-between}.hh-unit-foot dd{font-size:12px}.hh-log{top:auto;left:8px;right:8px;bottom:calc(246px + env(safe-area-inset-bottom));justify-items:center;width:auto}.hh-log li{background:#050d13b8;border-radius:8px;padding:4px 10px;font-size:10px}.hh-log li:not(:first-child){display:none}.hh-deck{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));transform-origin:50% 100%;border-radius:16px;grid-template-columns:1fr;gap:10px;padding:10px;display:grid;translate:none}.hh-bench{padding-top:6px}.hh-bench .hh-label{display:none}.hh-bench-list{gap:6px}.hh-member{width:24px;height:24px}.hh-member small{display:none}.hh-seals{justify-content:space-between;padding-top:8px}.hh-seal{width:calc(25% - 6px);max-width:84px}.hh-seal kbd{display:none}.hh-act{border:0;padding:0}.hh-gauge{width:70px;height:70px}.hh-gauge b{font-size:21px}.hh-act-buttons{flex:1;grid-template-columns:1fr auto;align-items:stretch}.hh-seal-btn{min-width:0;min-height:54px}.hh-seal-btn kbd{display:none}.hh-flee{gap:0;padding:0 12px;font-size:0}.hh-flee svg{width:17px;height:17px}.hh-sealing{bottom:calc(250px + env(safe-area-inset-bottom))}.hh-result-card{padding:58px 18px 18px}}@media (max-height:520px) and (min-width:561px){.hunt-hud.hh-root{--edge:10px}.hh-heading{top:calc(6px + env(safe-area-inset-top));gap:1px}.hh-eyebrow{display:none}.hh-heading>strong{font-size:18px}.hh-affinity{padding:2px 8px 2px 6px;font-size:9.5px}.hh-unit{top:calc(8px + env(safe-area-inset-top));gap:8px;width:232px;padding:7px 9px 7px 7px}.hh-portrait{width:46px;height:46px}.hh-portrait-medal{width:18px;height:18px}.hh-portrait-medal .mc-icon{width:11px;height:11px}.hh-unit-body{gap:4px}.hh-rarity{font-size:7.5px}.hh-unit-top b{padding:1px 6px;font-size:9px}.hh-unit h2{font-size:16px}.hh-unit h2 small{font-size:9px}.hh-hp{height:13px}.hh-hp>span{font-size:9px}.hh-unit-foot dl{display:none}.hh-unit-foot>span{font-size:9px}.hh-log{top:calc(150px + env(safe-area-inset-top));width:230px}.hh-log li{padding:3px 8px;font-size:9.5px}.hh-log li:not(:first-child){display:none}.hh-deck{bottom:calc(6px + env(safe-area-inset-bottom));border-radius:14px;gap:10px;padding:7px 10px}.hh-bench{padding-top:5px}.hh-bench .hh-label{display:none}.hh-bench-list{gap:6px}.hh-member{width:24px;height:24px}.hh-seals{gap:6px}.hh-seal{width:60px}.hh-seal-face{padding:5px 2px 4px}.hh-seal-glyph{width:24px;height:24px}.hh-seal-glyph .mc-icon{width:16px;height:16px}.hh-seal-name{font-size:9.5px}.hh-seal-chance{white-space:nowrap;padding:1px 5px;font-size:9.5px}.hh-seal-count{min-width:22px;padding:2px 4px;font-size:9.5px}.hh-seal kbd{display:none}.hh-act{gap:8px;padding-left:10px}.hh-gauge{width:60px;height:60px}.hh-gauge b{font-size:17px}.hh-gauge small{font-size:7px}.hh-seal-btn{gap:8px;min-width:186px;min-height:46px}.hh-seal-btn>span:nth-child(2){white-space:nowrap}.hh-seal-btn-icon{width:32px;height:32px}.hh-seal-btn-icon .mc-icon{width:19px;height:19px}.hh-seal-btn>span:nth-child(2){font-size:13px}.hh-seal-btn small{font-size:9px}.hh-act-buttons{grid-template-columns:1fr auto;align-items:stretch}.hh-flee{min-height:40px;padding:0 12px}.hh-sealing{padding:6px 14px 6px 6px;bottom:104px}.hh-sealing-ring{width:34px;height:34px}.hh-sealing strong{font-size:16px}.hh-result{padding:10px}.hh-result-card{text-align:left;justify-items:start;width:min(540px,100%);padding:16px 20px 14px 128px}.hh-result-emblem{width:84px;height:84px;top:50%;left:64px;translate:-50% -50%}.hh-result h2{margin:6px 0 2px;font-size:28px}.hh-result-loot{justify-content:flex-start}.hh-btn-gold{min-height:38px;margin-top:12px}.hh-result-hint{display:none}}@media (prefers-reduced-motion:reduce){.hh-root *,.hh-root :before,.hh-root :after{transition:none!important;animation:none!important}.hh-confetti{display:none}.hh-pips i{background:#f3d58a}}html[data-motion=reduced] .hh-root *,html[data-motion=reduced] .hh-root :before,html[data-motion=reduced] .hh-root :after{transition:none!important;animation:none!important}html[data-motion=reduced] .hh-confetti{display:none}html[data-motion=reduced] .hh-pips i{background:#f3d58a}.bh-root{--card-w:112px;--card-h:calc(var(--card-w) * 440 / 300);--peek:.07;--edge:18px;--side-w:292px;--dock-clear:0px;--sel-raise:-30px;--bh-gold:var(--gold-300,#e8c477);--bh-gold-hi:var(--gold-100,#fff3cf);--bh-ink:var(--ink-900,#07121a);--bh-text:var(--parchment,#fff1d2);--bh-dim:var(--parchment-dim,#b9c6c3);--bh-mint:#9fe0c0;--bh-foe:#ef7d6d;--bh-ease:var(--ease-out,cubic-bezier(.2, .8, .2, 1));--bh-display:var(--font-display,"Cormorant Garamond", Georgia, serif);--bh-body:var(--font-body,"Be Vietnam Pro", "Segoe UI", sans-serif);z-index:4;pointer-events:none;color:var(--bh-text);font-family:var(--bh-body);font-variant-numeric:lining-nums;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.pc-game:not(.battle-mode):has(.game-menu-dock) .bh-root{--dock-clear:92px}.bh-root button{pointer-events:auto;font-family:inherit}.bh-root .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bh-root :where(svg.lucide){width:1em;height:1em}.bh-plate{pointer-events:auto;background:linear-gradient(#fff1d20d,#0000 38%),linear-gradient(160deg,#0f212cf0,#060f16eb);border:1px solid #e8c47742;border-radius:12px;transition:border-color .4s,box-shadow .4s;position:absolute;box-shadow:0 14px 34px -8px #0000009e,inset 0 1px #fff1d217,inset 0 0 0 1px #00000073}.bh-plate:before,.bh-plate:after{content:"";pointer-events:none;border-color:var(--bh-gold);opacity:.75;border-style:solid;width:14px;height:14px;position:absolute}.bh-plate:before{border-width:2px 0 0 2px;border-top-left-radius:12px;top:-1px;left:-1px}.bh-plate:after{border-width:0 2px 2px 0;border-bottom-right-radius:12px;bottom:-1px;right:-1px}.bh-plate.is-active{border-color:#e8c4779e;box-shadow:0 14px 34px -8px #0000009e,0 0 26px -4px #e8c47761,inset 0 1px #fff1d21f,inset 0 0 0 1px #00000073}.bh-foe.is-active{border-color:#ef7d6d99;box-shadow:0 14px 34px -8px #0000009e,0 0 26px -4px #ef7d6d66,inset 0 0 0 1px #00000073}.bh-btn-gold,.bh-btn-ghost,.bh-btn-danger,.bh-btn-skill{min-height:38px;font:700 12px/1 var(--bh-body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .16s var(--bh-ease), box-shadow .2s, filter .2s, opacity .2s;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 16px;display:inline-flex}.bh-btn-gold{color:#241707;text-shadow:0 1px #fff3cf8c;background:linear-gradient(#fbe6b0 0%,#e2b866 46%,#b08236 100%);border:1px solid #fff3cf9e;box-shadow:0 8px 18px -6px #000000b3,0 0 0 1px #3a280c,inset 0 1px #fffaf0,inset 0 -2px #6e4a16b3}.bh-btn-gold:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 22px -6px #000000b3,0 0 0 1px #3a280c,0 0 18px #e8c47773,inset 0 1px #fffaf0,inset 0 -2px #6e4a16b3}.bh-btn-gold:not(:disabled):active{transform:translateY(1px)}.bh-btn-ghost{color:var(--bh-text);background:#0a1a22b8;border:1px solid #e8c47752}.bh-btn-ghost:not(:disabled):hover{background:#142c36d1;border-color:#e8c477b3}.bh-btn-danger{color:#fff1ea;background:linear-gradient(#c8584a,#842d24);border:1px solid #ffb4a466;box-shadow:inset 0 1px #ffd6cc55}.bh-root button:disabled{cursor:default;opacity:.42;filter:saturate(.35)}.bh-btn-gold svg,.bh-btn-ghost svg,.bh-btn-skill svg{width:15px;height:15px}.bh-icon-btn{width:30px;height:30px;color:var(--bh-dim);background:#060f16cc;border:1px solid #e8c47740;border-radius:50%;place-items:center;display:grid}.bh-icon-btn svg{width:14px;height:14px}.bh-icon-btn:hover{color:var(--bh-text)}.bh-orb{--size:74px;--liquid-a:#6fd3b0;--liquid-b:#1d7a6c;--liquid-c:#0b3a38;--rim-a:#fff1b8;--rim-b:#c99a3e;--rim-c:#6d5223;width:var(--size);height:var(--size);flex:none;place-items:center;display:grid;position:relative}.bh-orb.is-foe{--liquid-a:#ff9a7c;--liquid-b:#b2392e;--liquid-c:#4a0f12;--rim-a:#e9c3b0;--rim-b:#8a4436;--rim-c:#3a1612}.bh-orb-frame{background:conic-gradient(from 210deg, var(--rim-c), var(--rim-a), var(--rim-b), var(--rim-c), var(--rim-a), var(--rim-c));border-radius:50%;padding:4px;position:absolute;inset:0;box-shadow:0 8px 18px -4px #000000b3,0 0 0 1px #000000b3}.bh-orb-well{isolation:isolate;background:radial-gradient(circle at 50% 30%,#1b2b35,#03080c 72%);border-radius:50%;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #000,inset 0 0 14px #000}.bh-orb-ghost,.bh-orb-liquid{height:calc(var(--fill) * 100%);position:absolute;bottom:0;left:0;right:0}.bh-orb-ghost{transition:height .7s var(--bh-ease) .45s;background:#ffecc88c}.bh-orb-liquid{background:linear-gradient(180deg, var(--liquid-a), var(--liquid-b) 55%, var(--liquid-c));transition:height .32s var(--bh-ease)}.bh-orb-wave{width:200%;height:7px;fill:var(--liquid-a);animation:2.6s linear infinite bh-wave;position:absolute;bottom:calc(100% - 3px);left:0}.bh-orb-glass{background:radial-gradient(60% 34% at 50% 17%,#ffffff6b,#0000 70%),radial-gradient(circle at 50% 120%,#ffffff1f,#0000 55%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 -6px 12px #00000073}.bh-orb-hit{opacity:0;background:radial-gradient(circle,#ff5a4600,#ff4632bf);border-radius:50%;animation:.6s ease-out bh-hit;position:absolute;inset:0}.bh-orb:has(.bh-orb-hit) .bh-orb-frame{animation:.42s ease-out bh-orb-shake}.bh-orb-value{z-index:1;font:700 17px/1 var(--bh-display);letter-spacing:.02em;color:#fffaf0;text-shadow:0 1px 2px #000,0 0 8px #000000d9;font-variant-numeric:lining-nums tabular-nums;position:relative}.bh-orb.is-low .bh-orb-frame{box-shadow:0 8px 18px -4px #000000b3,0 0 0 1px #000000b3,0 0 16px #ef7d6d8c}.bh-float{--k:0;--side:1;left:calc(50% + var(--side) * var(--k) * 9px);top:calc(2px - var(--k) * 16px);z-index:3;font:800 20px/1 var(--bh-display);white-space:nowrap;pointer-events:none;animation:bh-float 1.4s var(--bh-ease) both;position:absolute;translate:-50%}.bh-float.is-dmg{color:#ffb19f;text-shadow:0 2px #4a0f12,0 0 10px #ff5a46}.bh-float.is-heal{color:#b9f5c9;text-shadow:0 2px #0b3a28,0 0 10px #4fd08a}.bh-foe{top:calc(64px + env(safe-area-inset-top));translate:-50%;scale:var(--ui-scale,1);transform-origin:50% 0;align-items:center;gap:14px;padding:8px 16px 8px 10px;display:flex;left:50%}.bh-foe .bh-orb{--size:62px}.bh-foe .bh-orb-value{font-size:15px}.bh-foe-id{gap:2px;min-width:0;max-width:190px;display:grid}.bh-tag{letter-spacing:.14em;text-transform:uppercase;color:#ffd8cf;background:#ef7d6d29;border:1px solid #ef7d6d66;border-radius:99px;justify-self:start;padding:2px 7px;font-size:9px;font-weight:700}.bh-foe-id strong{font:600 19px/1.1 var(--bh-display);color:var(--bh-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bh-foe-id small{color:var(--bh-dim);letter-spacing:.04em;font-size:10px}.bh-foe.is-active .bh-foe-id small{color:#ffc7b9}.bh-foe-counts{border-left:1px solid #e8c4772e;gap:12px;padding-left:12px;display:flex}.bh-count{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:7px;display:grid}.bh-count>b{font:700 18px/1 var(--bh-display);font-variant-numeric:lining-nums tabular-nums}.bh-count>small{color:var(--bh-dim);letter-spacing:.06em;text-transform:uppercase;grid-column:2;font-size:9px}.bh-minifan,.bh-minipile{grid-row:span 2;width:30px;height:30px;position:relative}.bh-minifan i,.bh-minipile i{background:radial-gradient(circle,#e8c4778c 0 2px,#0000 2.5px),linear-gradient(150deg,#1e3a47,#0b1b24);border:1px solid #c99a3e;border-radius:2px;width:15px;height:22px;position:absolute;top:3px;left:9px;box-shadow:0 2px 4px #0009}.bh-minifan i{transform-origin:50% 120%;transform:rotate(calc(var(--k) * 14deg))}.bh-minifan{animation:bh-pop .45s var(--bh-ease)}.bh-minipile i:first-child{translate:-3px 3px}.bh-minipile i:nth-child(2){translate:-1.5px 1.5px}.bh-traps{align-items:center;gap:4px;display:flex}.bh-foe .bh-traps{border-left:1px solid #e8c4772e;padding-left:12px}.bh-trap{border-radius:3px;place-items:center;width:20px;height:29px;display:grid;position:relative}.bh-trap .card-back{width:20px}.bh-trap.is-own{color:#f2dc6a;--ic2:#fffbe0;background:linear-gradient(160deg,#2b2a16,#0d1416);border:1px solid #f2dc6a8c;box-shadow:inset 0 0 8px #000000b3}.bh-trap.is-own .mc-icon{width:13px;height:13px}.bh-reveals{z-index:5;pointer-events:none;gap:6px;display:grid;position:absolute}.bh-reveals.is-below{top:calc(100% + 10px);right:12px}.bh-reveals.is-above{bottom:calc(100% + 10px);left:10px}.bh-reveal{white-space:nowrap;animation:bh-reveal 2.4s var(--bh-ease) both;background:linear-gradient(160deg,#4e3f10,#1d1806 70%);border:1px solid #f2dc6a;border-radius:10px;align-items:center;gap:9px;padding:6px 14px 6px 6px;display:flex;box-shadow:0 10px 24px #0000008c,0 0 22px #f2dc6a73}.bh-reveal-icon{color:#f2dc6a;--ic2:#fffbe0;background:radial-gradient(circle at 40% 35%,#5a4a12,#120f04);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 0 1.5px #f2dc6a}.bh-reveal-icon .mc-icon{width:18px;height:18px}.bh-reveal>span:last-child{gap:2px;display:grid}.bh-reveal small{letter-spacing:.16em;text-transform:uppercase;color:#e6d38a;font-size:8.5px;font-weight:700}.bh-reveal b{font:700 15px/1 var(--bh-display);color:#fffbe0}.bh-log{left:calc(var(--edge) + env(safe-area-inset-left));width:290px;scale:var(--ui-scale,1);transform-origin:0;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:34%}.bh-log-line{--tone:var(--bh-gold);border-left:2px solid var(--tone);color:#e3e6dc;text-shadow:0 1px 2px #000;animation:bh-log-in .36s var(--bh-ease) both;background:linear-gradient(90deg,#050d13db,#050d138c 70%,#050d1300);border-radius:0 8px 8px 0;align-items:flex-start;gap:8px;padding:6px 12px 6px 8px;font-size:11.5px;line-height:1.35;transition:opacity .4s;display:flex}.bh-log-line:nth-last-child(n+4){opacity:.62}.bh-log-line:nth-last-child(n+6){opacity:.32}.bh-log-line.from-foe{--tone:var(--bh-foe)}.bh-log-line.from-me{--tone:var(--bh-mint)}.bh-log-line.is-turn{--tone:var(--bh-gold);color:var(--bh-gold-hi);letter-spacing:.02em;font-weight:600}.bh-log-line[style]{border-left-color:var(--tone)}.bh-log-icon{width:16px;height:16px;color:var(--tone);--ic2:#fff8e6;flex:none;place-items:center;margin-top:.5px;display:grid}.bh-log-icon svg{width:15px;height:15px}.bh-log-text b{font-weight:700}.bh-log-text b.is-mine{color:#c9f3df}.bh-log-text b.is-foe{color:#ffc8bb}.bh-log-text em{font-variant-numeric:lining-nums tabular-nums;margin-left:2px;font-style:normal;font-weight:800}.bh-log-text em.v-dmg{color:#ff9e88}.bh-log-text em.v-heal{color:#9be8b4}.bh-log-text em.v-miss{color:#cfd8ff}.bh-log-text em.v-adv,.bh-log-text em.v-res{letter-spacing:.05em;text-transform:uppercase;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9.5px}.bh-log-text em.v-adv{color:#2a1a05;background:linear-gradient(#ffe7a6,#e2b45a)}.bh-log-text em.v-res{color:#cfe0e6;background:#84c7e838}.bh-turn{right:calc(var(--edge) + env(safe-area-inset-right));width:158px;translate:0 -50%;scale:var(--ui-scale,1);transform-origin:100%;justify-items:center;gap:8px;padding:14px 12px 10px;display:grid;top:50%}.bh-turn-text{justify-items:center;gap:3px;display:grid}.bh-turn-text strong{font:600 18px/1 var(--bh-display);letter-spacing:.04em;color:var(--bh-gold-hi);white-space:nowrap}.bh-turn.is-foe .bh-turn-text strong{color:#ffc8bb}.bh-turn-text small{letter-spacing:.16em;text-transform:uppercase;color:var(--bh-dim);font-size:10px}.bh-turn.is-critical{border-color:#ef7d6d99;box-shadow:0 14px 34px -8px #0000009e,0 0 24px -4px #ef7d6d73,inset 0 0 0 1px #00000073}.bh-end{width:100%;min-height:42px;font-size:13px}.bh-end.is-suggested:not(:disabled){animation:1.6s ease-in-out infinite bh-suggest}.bh-turn.has-confirm{z-index:12}.bh-surrender{color:#9fb0ae;letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:4px 10px;font-size:10px;display:inline-flex}.bh-surrender svg{width:12px;height:12px}.bh-surrender:not(:disabled):hover{color:#ffb4a4}.bh-confirm{width:210px;animation:bh-pop .22s var(--bh-ease);background:#081219f7;border:1px solid #ef7d6d80;border-radius:10px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 30px #0009}.bh-confirm p{color:var(--bh-text);text-align:center;margin:0 0 10px;font-size:12px;line-height:1.4}.bh-confirm div{gap:6px;display:flex}.bh-confirm button{flex:1;min-height:40px;padding:0 8px;font-size:11px}.bh-clock{--ring:var(--bh-mint);place-items:center;width:64px;height:64px;display:grid;position:relative}.bh-clock svg{width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.bh-clock-track{fill:#03090dd9;stroke:#fff1d21a;stroke-width:5px}.bh-clock-arc{fill:none;stroke:var(--ring);stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--ring));transition:stroke-dashoffset .25s linear,stroke .3s}.bh-clock-tick{stroke:#fff1d247;stroke-width:1.2px}.bh-clock b{font:700 22px/1 var(--bh-display);font-variant-numeric:lining-nums tabular-nums;color:var(--bh-text);position:relative}.bh-clock b svg{width:22px;height:22px;color:var(--bh-dim);display:block}.bh-clock.is-warning{--ring:#f0b34a}.bh-clock.is-warning b{color:#ffd98a}.bh-clock.is-critical{--ring:#ff6b55;animation:.9s ease-in-out infinite bh-clock-pulse}.bh-clock.is-critical b{color:#ffb4a4}.bh-clock.is-idle{--ring:#b9c6c373}.bh-dots{gap:4px;display:flex}.bh-dots i{background:#ffc8bb;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite bh-dot}.bh-dots i:nth-child(2){animation-delay:.2s}.bh-dots i:nth-child(3){animation-delay:.4s}@keyframes bh-dot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}.bh-me{left:calc(var(--edge) + env(safe-area-inset-left));bottom:calc(var(--edge) + env(safe-area-inset-bottom));width:292px;scale:var(--ui-scale,1);transform-origin:0 100%;gap:10px;padding:10px 12px 12px 10px;display:grid}.bh-me-head{align-items:center;gap:12px;display:flex}.bh-me-id{gap:3px;min-width:0;display:grid}.bh-me-id strong{font:600 18px/1.1 var(--bh-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bh-me-id>small{color:var(--bh-dim);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.bh-pips{flex-wrap:wrap;gap:5px;margin-top:3px;display:flex}.bh-pips>span{letter-spacing:.04em;color:#6f8282;background:#0000004d;border:1px solid #b9c6c324;border-radius:99px;align-items:center;gap:4px;padding:3px 7px 3px 5px;font-size:9.5px;font-weight:600;transition:color .3s,border-color .3s,background .3s;display:inline-flex}.bh-pips .mc-icon{--ic2:currentColor;width:11px;height:11px}.bh-pips>span.is-on{color:#d9f7ea;background:#7fd6c424;border-color:#9fe0c08c;box-shadow:0 0 10px #7fd6c438}.bh-sockets{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.bh-socket{--el:#6b7f86;--el-shadow:#0d1a20;--hp:0;aspect-ratio:3/4;cursor:pointer;background:radial-gradient(80% 60% at 50% 38%, color-mix(in srgb, var(--el) 42%, transparent), transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--el-shadow) 80%, #0a161d), #050b10);min-width:0;transition:transform .18s var(--bh-ease), border-color .2s, box-shadow .2s;border:1px solid #e8c47742;border-radius:7px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009,inset 0 -14px 18px #0000008c,0 4px 10px #0006}.bh-socket.is-empty{background:repeating-linear-gradient(135deg,#e8c4770d 0 4px,#0000 4px 9px),linear-gradient(#0b1820,#050b10);border-style:dashed;border-color:#e8c47738}.bh-socket-rune{border:1px solid #e8c4774d;border-radius:50%;position:absolute;inset:26% 22% 30%;box-shadow:inset 0 0 0 4px #e8c4770f}.bh-socket-rune:before,.bh-socket-rune:after{content:"";background:#e8c47773;width:9px;height:1px;position:absolute;top:50%;left:50%;translate:-50% -50%}.bh-socket-rune:after{rotate:90deg}.bh-socket img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 3px #0009);pointer-events:none;width:96%;position:absolute;top:4%;left:2%}.bh-socket-n{font:700 10px/1 var(--bh-display);color:#fff1d2b3;text-shadow:0 1px 2px #000;position:absolute;top:3px;left:4px}.bh-socket-hp{background:#000000b3;border-radius:2px;height:4px;position:absolute;bottom:4px;left:4px;right:4px;box-shadow:0 0 0 1px #0009}.bh-socket-hp:before{content:"";width:calc(var(--hp) * 100%);border-radius:inherit;transition:width .4s var(--bh-ease);background:linear-gradient(90deg,#4fbf8a,#a8eac0);position:absolute;inset:0 auto 0 0}.bh-socket-guard{color:#9fe6f5;--ic2:#fff;position:absolute;bottom:10px;left:3px}.bh-socket-guard .mc-icon{width:11px;height:11px}.bh-socket-ready{color:#2a1a05;background:radial-gradient(circle at 40% 35%,#fff3cf,#e2b45a);border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;top:2px;right:2px;box-shadow:0 0 8px #e8c477cc}.bh-socket-ready svg{width:10px;height:10px}.bh-socket:not(:disabled):hover{border-color:#e8c47799;transform:translateY(-2px)}.bh-socket.is-selected{border:1.5px solid var(--bh-gold);box-shadow:inset 0 0 0 1px #0009,inset 0 -14px 18px #0000008c,0 0 14px #e8c47773}.bh-socket.is-target{border:1.5px solid var(--bh-mint);animation:1.3s ease-in-out infinite bh-target;box-shadow:inset 0 0 14px #9fe0c04d,0 0 14px #7fd6c48c}.bh-socket.is-hover{border-color:#fff;transform:translateY(-4px)scale(1.08);box-shadow:inset 0 0 18px #9fe0c073,0 0 22px #9fe0c0d9}.bh-board-head{justify-content:space-between;align-items:center;gap:8px;min-height:18px;margin-bottom:-4px;display:flex}.bh-board-head>span{letter-spacing:.18em;text-transform:uppercase;color:#8fa4a4;font-size:9px;font-weight:700}.bh-board-head .bh-trap{width:18px;height:25px}.bh-deck{right:calc(var(--edge) + 6px + env(safe-area-inset-right));bottom:calc(var(--edge) + var(--dock-clear) + env(safe-area-inset-bottom));pointer-events:auto;scale:var(--ui-scale,1);transform-origin:100% 100%;justify-items:center;gap:2px;display:grid;position:absolute}.bh-deck-stack{width:58px;height:85px;position:relative}.bh-deck-card.card-back{width:58px;position:absolute;inset:0;box-shadow:0 6px 14px #0000008c}.bh-deck-card.d2{translate:-3px 3px}.bh-deck-card.d3{translate:-6px 6px}.bh-deck-card.d1{animation:bh-deck-lift .6s var(--bh-ease)}.bh-deck-empty{background:#280a0a66;border:1px dashed #ef7d6d80;border-radius:6px;position:absolute;inset:0}.bh-deck>b{font:700 18px/1 var(--bh-display);text-shadow:0 1px 3px #000;margin-top:4px}.bh-deck>small{letter-spacing:.12em;text-transform:uppercase;color:var(--bh-dim);text-shadow:0 1px 3px #000;font-size:9px}.bh-context{left:50%;bottom:calc(var(--card-h) * (1 - var(--peek)) + 46px + env(safe-area-inset-bottom));z-index:8;pointer-events:auto;animation:bh-rise .24s var(--bh-ease) both;white-space:nowrap;background:#050d13d6;border:1px solid #e8c4774d;border-radius:999px;align-items:center;gap:10px;padding:6px;display:flex;position:absolute;translate:-50%;box-shadow:0 12px 26px #00000080}.bh-context .bh-btn-gold,.bh-context .bh-btn-skill{border-radius:999px;min-height:34px;padding:0 16px;font-size:11.5px}.bh-context .mc-icon{--ic2:#fff8e6;width:14px;height:14px}.bh-context-hint{text-overflow:ellipsis;max-width:250px;color:var(--bh-dim);font-size:11px;overflow:hidden}.bh-context.is-blocked .bh-context-hint,.bh-context.is-slot .bh-context-hint{color:#ffc8bb}.bh-context.is-waiting .bh-context-hint,.bh-context.is-queued .bh-context-hint,.bh-context.is-busy .bh-context-hint{color:#f6e2ae}.bh-context .bh-icon-btn{margin-left:-2px}.bh-btn-gold.is-queued{color:#fff3cf;text-shadow:0 1px 2px #000;background:linear-gradient(#4a3a17,#2a1f0a);border-color:#e8c477cc;animation:1.4s ease-in-out infinite bh-queued;box-shadow:0 0 0 1px #3a280c,0 0 16px #e8c47766}.bh-btn-gold.is-queued svg{color:var(--bh-gold)}@keyframes bh-queued{50%{box-shadow:0 0 0 1px #3a280c,0 0 26px 3px #e8c47799}}.bh-btn-skill{--el:var(--bh-gold);color:#fff8e6;background:radial-gradient(120% 140% at 50% 0%, color-mix(in srgb, var(--el) 55%, transparent), transparent 70%), linear-gradient(180deg, #1d3542, #0c1b24);border:1px solid color-mix(in srgb, var(--el) 75%, white 10%);box-shadow:0 0 16px color-mix(in srgb, var(--el) 40%, transparent), inset 0 1px 0 #fff3;text-shadow:0 1px 2px #000}.bh-btn-skill svg{color:var(--el)}.bh-hand{--fan-max:clamp(300px, calc(100vw - 2 * (var(--side-w) + var(--edge) + 14px) - var(--card-w)), 700px);--step:min(calc(var(--card-w) * .76), calc((var(--fan-max) - var(--card-w)) / max(1, var(--n) - 1)));--tilt:min(5deg, calc(30deg / var(--n)));--arc:3px;--mc-hand-w:var(--card-w);left:50%;bottom:calc(var(--card-h) * var(--peek) * -1 + env(safe-area-inset-bottom));z-index:7;width:0;height:var(--card-h);scale:var(--ui-scale,1);transform-origin:50% 100%;position:absolute}.bh-card{left:calc(var(--card-w) / -2);width:var(--card-w);pointer-events:auto;touch-action:none;transform-origin:50% 100%;transform:translateX(calc(var(--i) * var(--step) + var(--shift,0px))) translateY(calc(var(--i) * var(--i) * var(--arc))) rotate(calc(var(--i) * var(--tilt)));transition:transform .3s var(--bh-ease), opacity .2s;-webkit-touch-callout:none;position:absolute;bottom:0}.bh-card.is-selected{transform:translateX(calc(var(--i) * var(--step) + var(--shift,0px))) translateY(var(--sel-raise)) rotate(calc(var(--i) * var(--tilt) * .35))}.bh-card.is-lift{transform:translateX(calc(var(--i) * var(--step))) translateY(calc(var(--card-h) * (var(--peek) * -1) - 14px)) rotate(0deg) scale(1.16);transition-duration:.22s}.bh-card.is-dragging{opacity:.22}.bh-card-inner{border-radius:6px;transition:filter .25s;position:relative}.bh-card-inner>.mc-card{width:var(--card-w)}.bh-card.is-dim .bh-card-inner{filter:saturate(.4)brightness(.62)}.bh-card.is-dim.is-lift .bh-card-inner,.bh-card.is-dim.is-selected .bh-card-inner{filter:saturate(.7)brightness(.86)}.bh-hand.can-act .bh-card.is-ready .bh-card-inner:before{content:"";z-index:-1;background:linear-gradient(#9fe0c0d9,#7fd6c459);border-radius:9px;animation:2.2s ease-in-out infinite bh-ready;position:absolute;inset:-3px;box-shadow:0 0 16px 2px #7fd6c48c}.bh-card.is-drawn .bh-card-inner{animation:bh-draw .66s var(--bh-ease) both}.bh-card.is-nudge .bh-card-inner{animation:.42s ease-out bh-shake}.bh-card-reason{z-index:3;color:#ffe1d9;white-space:nowrap;animation:bh-rise .2s var(--bh-ease) both;pointer-events:none;background:#280c0af0;border:1px solid #ef7d6d8c;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%;box-shadow:0 8px 18px #00000080}.bh-card.is-selected .bh-card-reason{display:none}.bh-ghost{z-index:70;pointer-events:none;will-change:transform;width:0;height:0;position:fixed;top:0;left:0}.bh-ghost-card{--mc-hand-w:var(--card-w);left:calc(var(--card-w) / -2);top:calc(var(--card-h) * -.62);width:var(--card-w);transform:rotate(var(--tilt,0deg)) scale(1.06);transform-origin:50% 62%;transition:transform .16s var(--bh-ease), box-shadow .2s;border-radius:7px;position:absolute;box-shadow:0 26px 38px -12px #000000d9,0 0 0 1px #fff1d240}.bh-ghost.is-over .bh-ghost-card{box-shadow:0 0 0 2px var(--bh-mint), 0 0 28px #7fd6c4bf;transform:rotate(0)scale(.8)}.bh-ghost-label{left:0;top:calc(var(--card-h) * .48);white-space:nowrap;color:var(--bh-dim);background:#050d13e6;border:1px solid #e8c4774d;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:700;position:absolute;translate:-50%}.bh-ghost.is-over .bh-ghost-label{color:#062019;background:linear-gradient(#c9f3df,#7fd6c4);border-color:#e9fff4}.bh-trapzone{letter-spacing:.04em;color:#fffbe0;--ic2:#fff;animation:bh-pop .2s var(--bh-ease);background:#1e1a08b3;border:1.5px dashed #f2dc6a99;border-radius:14px;align-items:center;gap:8px;padding:14px 22px;font-size:13px;font-weight:700;display:flex;position:absolute;top:46%;left:50%;translate:-50% -50%}.bh-trapzone .mc-icon{color:#f2dc6a;width:18px;height:18px}.bh-trapzone.is-over{border-style:solid;box-shadow:0 0 30px #f2dc6a80}.bh-preview{--mc-large-w:min(250px, 62vw);left:clamp(calc(var(--mc-large-w) / 2 + 12px), var(--pv-x,50%), calc(100% - var(--mc-large-w) / 2 - 12px));bottom:calc(100% - var(--pv-y,50%) + 26px);z-index:80;pointer-events:none;filter:drop-shadow(0 30px 40px #000000bf);animation:bh-preview-in .26s var(--bh-ease) both;position:absolute;translate:-50%}.bh-preview.is-center{pointer-events:auto;top:50%;bottom:auto;left:50%;translate:-50% -50%}.bh-banner{z-index:20;pointer-events:none;place-items:center;display:grid;position:absolute;top:40%;left:0;right:0;translate:0 -50%}.bh-banner-band{--b1:#fff3cf;--b2:#e8c477;--b3:#b8893b;--line:#e8c477;width:min(820px,96vw);animation:bh-band 1.15s var(--bh-ease) both;background:linear-gradient(90deg,#0000,#040b10e0 20% 80%,#0000);justify-items:center;gap:6px;padding:18px 0 16px;display:grid;position:relative}.bh-banner-band:before,.bh-banner-band:after{content:"";background:linear-gradient(90deg, transparent, var(--line), transparent);height:1px;position:absolute;left:8%;right:8%}.bh-banner-band:before{top:0}.bh-banner-band:after{bottom:0}.bh-banner h2{font:700 clamp(30px, 4.4vw, 52px) / 1.1 var(--bh-display);letter-spacing:.16em;color:var(--b2);background:linear-gradient(180deg, var(--b1) 10%, var(--b2) 55%, var(--b3) 95%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #0009);animation:bh-title 1.15s var(--bh-ease) both;-webkit-background-clip:text;background-clip:text;margin:0;padding:.22em 0 .06em .16em}.bh-banner-band>span{letter-spacing:.3em;text-transform:uppercase;color:var(--bh-dim);font-size:11px;font-weight:600}.bh-banner-icon{color:var(--b2);width:26px!important;height:26px!important}.bh-banner.is-foe .bh-banner-band{--b1:#ffe1d9;--b2:#ef8d7c;--b3:#a13a2e;--line:#ef7d6d}.bh-banner.is-clash .bh-banner-band{--b1:#fff0b8;--b2:#ffad5c;--b3:#c44d1c;--line:#ff9a4c}.bh-result{z-index:40;pointer-events:auto;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:hidden}.bh-result-backdrop{background:radial-gradient(circle at 50% 42%,#1e180873,#03080cdb 72%);animation:.5s ease-out both bh-fade;position:absolute;inset:0}.bh-result.is-defeat .bh-result-backdrop{-webkit-backdrop-filter:grayscale(.85)brightness(.75);backdrop-filter:grayscale(.85)brightness(.75);background:radial-gradient(circle at 50% 42%,#300c0c80,#030609e6 70%)}.bh-result.is-draw .bh-result-backdrop{background:radial-gradient(circle at 50% 42%,#14202673,#03080ce0 72%)}.bh-rays{aspect-ratio:1;background:repeating-conic-gradient(#f7dc9c42 0deg 5deg,#0000 5deg 15deg);width:170vmax;animation:.8s ease-out both bh-fade,60s linear infinite bh-spin;position:absolute;top:40%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0 6%,#0000008c 22%,#0000 48%);mask:radial-gradient(circle,#000 0 6%,#0000008c 22%,#0000 48%)}.bh-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bh-confetti i{top:-24px;left:var(--x);width:var(--w);height:calc(var(--w) * 1.7);background:var(--c);animation:bh-fall var(--t) cubic-bezier(.3, .5, .5, 1) var(--d) 2 both;border-radius:1px;position:absolute;box-shadow:inset 0 -2px #0003}.bh-confetti i:nth-child(3n){height:var(--w);border-radius:50%}.bh-result-card{text-align:center;width:min(470px,100%);animation:bh-card-in .6s var(--bh-ease) 80ms both;background:radial-gradient(120% 70% at 50% 0,#e8c47729,#0000 60%),linear-gradient(#0e1f29f7,#060e14f7);border:1px solid #e8c4778c;border-radius:16px;padding:62px 30px 26px;position:relative;box-shadow:0 30px 70px #000000b3,0 0 40px #e8c4772e,inset 0 1px #fff1d21f}.bh-result.is-defeat .bh-result-card{background:linear-gradient(#18181bf7,#0a0b0df7);border-color:#ef7d6d73;box-shadow:0 30px 70px #000000bf,inset 0 1px #ffffff0f}.bh-result.is-draw .bh-result-card{border-color:#b9c6c373}.bh-result-emblem{width:108px;height:108px;animation:bh-emblem-in .7s var(--ease-back,cubic-bezier(.34, 1.56, .64, 1)) .2s both;position:absolute;top:0;left:50%;translate:-50% -56%}.bh-result.is-victory .bh-result-emblem{filter:drop-shadow(0 0 22px #f7dc9c99)}.bh-emblem{width:100%;height:100%}.bh-crack{fill:none;stroke:#ff6b55;stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px #ff3b28);stroke-dasharray:160;animation:.9s ease-out .5s both bh-crack}.bh-crack.thin{stroke-width:1.4px;animation-delay:.9s}.bh-result-eyebrow{letter-spacing:.24em;color:var(--bh-dim);font-size:10px;font-weight:700;display:block}.bh-result h2{font:700 clamp(30px, 5vw, 46px) / 1.1 var(--bh-display);letter-spacing:.1em;white-space:nowrap;background:linear-gradient(#fff8e1 10%,#f0cf86 50%,#b98a3a 92%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #0000008c);-webkit-background-clip:text;background-clip:text;margin:2px 0 8px;padding:.22em 0 .06em .1em}.bh-result.is-defeat h2{background:linear-gradient(#e8e3df 10%,#b9aaa5 55%,#7c615c 95%);-webkit-background-clip:text;background-clip:text}.bh-result.is-draw h2{background:linear-gradient(#f4f7f6 10%,#b9c6c3 60%,#6f8282 95%);-webkit-background-clip:text;background-clip:text}.bh-result-text{max-width:320px;color:var(--bh-dim);margin:0 auto;font-size:13px;line-height:1.55}.bh-result-stats{background:#e8c4772e;border:1px solid #e8c4772e;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0 0;display:grid;overflow:hidden}.bh-result-stats div{background:#040b10eb;gap:4px;padding:10px 6px;display:grid}.bh-result-stats dt{letter-spacing:.08em;text-transform:uppercase;color:var(--bh-dim);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.bh-result-stats dd{font:700 22px/1 var(--bh-display);font-variant-numeric:lining-nums tabular-nums;margin:0}.bh-result-reward{color:#f7e6bb;background:#e8c4771a;border:1px solid #e8c4774d;border-radius:8px;margin:14px 0 0;padding:9px 12px;font-size:12px;line-height:1.5}.bh-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.bh-result-actions button{min-width:170px;min-height:44px}@keyframes bh-wave{to{translate:-50%}}@keyframes bh-hit{0%{opacity:1}}@keyframes bh-orb-shake{20%{translate:-3px 1px}45%{translate:3px -1px}70%{translate:-2px}}@keyframes bh-float{0%{opacity:0;transform:translateY(6px)scale(.6)}18%{opacity:1;transform:translateY(-10px)scale(1.15)}70%{opacity:1}to{opacity:0;transform:translateY(-34px)scale(1)}}@keyframes bh-pop{0%{opacity:0;scale:.86}}@keyframes bh-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes bh-reveal{0%{opacity:0;transform:perspective(200px)rotateY(90deg)}16%{opacity:1;transform:perspective(200px)rotateY(0)scale(1.15)}26%{transform:none}82%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@keyframes bh-log-in{0%{opacity:0;transform:translate(-14px)}}@keyframes bh-suggest{50%{box-shadow:0 8px 18px -6px #000000b3,0 0 0 1px #3a280c,0 0 24px 4px #e8c47799,inset 0 1px #fffaf0,inset 0 -2px #6e4a16b3}}@keyframes bh-clock-pulse{50%{scale:1.08}}@keyframes bh-target{50%{border-color:#9fe0c073;box-shadow:inset 0 0 8px #9fe0c033,0 0 6px #7fd6c44d}}@keyframes bh-deck-lift{35%{transform:translate(-10px,-16px)rotate(-8deg)}}@keyframes bh-ready{50%{opacity:.45}}@keyframes bh-draw{0%{opacity:0;transform:translate(var(--draw-x,300px), -60px) rotate(24deg) scale(.5)}55%{opacity:1}}@keyframes bh-shake{20%{transform:translate(-6px)rotate(-2deg)}45%{transform:translate(6px)rotate(2deg)}70%{transform:translate(-3px)}}@keyframes bh-preview-in{0%{opacity:0;transform:translateY(14px)scale(.92)}}@keyframes bh-band{0%{opacity:0;clip-path:inset(0 50%)}18%{opacity:1;clip-path:inset(0)}78%{opacity:1}to{opacity:0}}@keyframes bh-title{0%{letter-spacing:.5em;opacity:0}30%{letter-spacing:.16em;opacity:1}}@keyframes bh-fade{0%{opacity:0}}@keyframes bh-spin{to{rotate:360deg}}@keyframes bh-fall{0%{transform:translate(0,0)rotate3d(1,.4,.2,0)}to{transform:translate3d(var(--dx), 112vh, 0) rotate3d(1, .4, .2, var(--r))}}@keyframes bh-card-in{0%{opacity:0;transform:translateY(24px)scale(.94)}}@keyframes bh-emblem-in{0%{opacity:0;scale:.4}}@keyframes bh-crack{0%{stroke-dashoffset:160px}to{stroke-dashoffset:0}}@media (max-width:1100px){.bh-root{--card-w:100px;--edge:14px}.bh-log{width:240px}.bh-root{--side-w:262px}.bh-me{width:262px}}@media (max-width:760px){.bh-root{--card-w:80px;--peek:.2;--edge:10px;--sel-raise:-10px;--row:calc(var(--card-h) * (1 - var(--peek)) + 10px + env(safe-area-inset-bottom));--socket-h:calc((min(250px, 66vw) - 20px) / 5 * 4 / 3)}.bh-plate:before,.bh-plate:after{width:10px;height:10px}.bh-foe{top:calc(env(safe-area-inset-top) + 96px);grid-template-rows:auto auto;grid-template-columns:auto auto auto;gap:4px 10px;max-width:calc(100% - 20px);padding:6px 12px 6px 7px;display:grid}.bh-foe .bh-orb{grid-row:span 2}.bh-foe-id{grid-area:1/2;grid-template-columns:auto 1fr;align-items:center;column-gap:6px}.bh-foe-id .bh-tag{grid-row:1}.bh-foe-counts{border:0;grid-area:2/2;padding:0}.bh-foe .bh-traps{grid-area:span 2/3}.bh-me:before,.bh-me:after{display:none}.bh-foe .bh-orb{--size:46px}.bh-foe .bh-orb-value{font-size:12px}.bh-foe-id{min-width:140px;max-width:180px}.bh-foe-id strong{min-width:0;max-width:170px;font-size:15px}.bh-foe-id small{display:none}.bh-tag{padding:1px 5px;font-size:8px}.bh-foe-counts{gap:8px;padding-left:9px}.bh-count>small{display:none}.bh-count>b{font-size:15px}.bh-minifan,.bh-minipile{grid-row:auto;width:22px;height:26px}.bh-minifan i,.bh-minipile i{width:12px;height:18px;left:5px}.bh-foe .bh-traps{padding-left:8px}.bh-trap{width:15px;height:22px}.bh-trap .card-back{width:15px}.bh-log{top:calc(env(safe-area-inset-top) + 160px);align-items:center;width:auto;left:10px;right:10px}.bh-log-line{background:#050d13b8;border-left-width:2px;border-radius:8px;max-width:100%;padding:4px 10px 4px 7px;font-size:10.5px}.bh-log-line:not(:nth-last-child(-n+3)){display:none}.bh-log-line:nth-last-child(2){opacity:.72}.bh-log-line:nth-last-child(3){opacity:.45}.bh-me{display:contents}.bh-me-head{left:calc(var(--edge) + env(safe-area-inset-left));bottom:var(--row);z-index:8;pointer-events:auto;background:#060f16e0;border:1px solid #e8c47742;border-radius:999px;gap:8px;padding:5px 10px 5px 5px;position:absolute;box-shadow:0 8px 20px #00000080}.bh-me .bh-orb{--size:48px}.bh-me .bh-orb-value{font-size:12px}.bh-me-id strong{max-width:120px;font-size:14px}.bh-me-id>small{display:none}.bh-pips{flex-wrap:nowrap;gap:3px;margin:0}.bh-pips>span{padding:3px;font-size:0}.bh-pips .mc-icon{width:12px;height:12px}.bh-foe .bh-tag{display:none}.bh-sockets{left:50%;bottom:calc(var(--row) + 66px);z-index:8;pointer-events:auto;gap:5px;width:min(250px,66vw);position:absolute;translate:-50%}.bh-board-head{left:calc(var(--edge) + env(safe-area-inset-left));bottom:calc(var(--row) + 66px);width:calc(50% - min(125px, 33vw) - var(--edge) - 6px);justify-content:flex-start;align-items:flex-end;min-height:0;margin:0;position:absolute}.bh-board-head>span{display:none}.bh-board-head .bh-traps{flex-wrap:wrap;gap:3px}.bh-board-head .bh-trap{width:15px;height:22px}.bh-turn{top:auto;right:calc(var(--edge) + env(safe-area-inset-right));bottom:var(--row);z-index:8;border-radius:999px;align-items:center;gap:7px;width:auto;padding:5px;display:flex;translate:none}.bh-turn:before,.bh-turn:after{display:none}.bh-clock{width:46px;height:46px}.bh-clock b{font-size:16px}.bh-turn-text{display:none}.bh-end{border-radius:999px;width:auto;min-height:40px;padding:0 12px;font-size:11.5px}.bh-surrender{background:#060f16e0;border:1px solid #e8c47738;border-radius:50%;justify-content:center;width:40px;height:40px;min-height:0;padding:0;font-size:0;position:absolute;bottom:calc(100% + 8px);right:2px}.bh-surrender svg{width:15px;height:15px}.bh-confirm{top:auto;bottom:calc(100% + 56px)}.bh-root.is-confirming .bh-context,.bh-deck{display:none}.bh-context{bottom:calc(var(--row) + 66px + var(--socket-h) + 8px);gap:6px;max-width:calc(100% - 20px)}.bh-context-hint{display:none}.bh-context-hint.is-note{text-align:center;white-space:normal;pointer-events:none;background:#050d13eb;border:1px solid #e8c47742;border-radius:8px;width:max-content;max-width:min(320px,100vw - 32px);padding:5px 10px;font-size:11px;line-height:1.3;display:block;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%;box-shadow:0 8px 18px #00000073}.bh-hand{--fan-max:calc(100vw - 16px);--arc:2px;--tilt:min(4deg, calc(24deg / var(--n)))}.bh-card.is-lift{transform:translateX(calc(var(--i) * var(--step))) translateY(calc(var(--card-h) * (var(--peek) * -1) - 10px)) rotate(0deg) scale(1.22)}.bh-card.is-nudge{z-index:70!important}.bh-card-reason{text-align:center;white-space:normal;width:max-content;max-width:150px;padding:5px 8px;font-size:10px;line-height:1.3;top:8px;bottom:auto}.bh-banner{top:44%}.bh-result-card{padding:56px 18px 20px}.bh-result-actions button{flex:1;min-width:0}}@media (max-height:520px) and (min-width:561px){.bh-root{--card-w:72px;--peek:.3;--edge:10px;--sel-raise:-16px}.bh-foe{top:calc(env(safe-area-inset-top) + 8px);gap:8px;padding:4px 10px 4px 5px}.bh-foe .bh-orb{--size:40px}.bh-foe .bh-orb-value{font-size:11px}.bh-foe-id strong{font-size:14px}.bh-foe-id small,.bh-count>small{display:none}.bh-tag{font-size:7.5px}.bh-foe-counts{gap:6px;padding-left:8px}.bh-count>b{font-size:14px}.bh-minifan,.bh-minipile{grid-row:auto;width:20px;height:24px}.bh-minifan i,.bh-minipile i{width:11px;height:16px;left:4px}.bh-log{width:210px;top:70px}.bh-log-line{padding:3px 8px 3px 6px;font-size:9.5px}.bh-log-line:not(:nth-last-child(-n+3)){display:none}.bh-turn{gap:5px;width:120px;padding:8px 8px 6px}.bh-turn .bh-end{gap:4px;padding:0 8px}.bh-clock{width:44px;height:44px}.bh-clock b{font-size:15px}.bh-turn-text strong{font-size:13px}.bh-turn-text small{font-size:8.5px}.bh-end{min-height:40px;font-size:11px}.bh-me{gap:6px;width:196px;padding:6px 8px 8px 6px}.bh-me .bh-orb{--size:44px}.bh-me .bh-orb-value{font-size:11px}.bh-me-head{gap:7px}.bh-me-id strong{font-size:13px}.bh-me-id>small{display:none}.bh-sockets{gap:4px}.bh-deck{display:none}.bh-hand{--fan-max:min(420px, 48vw)}.bh-context{bottom:calc(var(--card-h) * (1 - var(--peek)) + 24px)}.bh-context-hint{display:none}.bh-context-hint.is-note{white-space:normal;max-width:150px;font-size:10px;line-height:1.25;display:block}.bh-banner h2{font-size:30px}.bh-result{padding:10px}.bh-result-card{text-align:left;width:min(560px,100%);padding:18px 20px 14px 130px}.bh-result-emblem{width:92px;height:92px;top:50%;left:66px;translate:-50% -50%}.bh-result h2{margin:6px 0 4px;font-size:34px}.bh-result-text{margin:0}.bh-result-stats{margin-top:10px}.bh-result-stats div{padding:6px}.bh-result-stats dd{font-size:17px}.bh-result-actions{justify-content:flex-start;margin-top:12px}.bh-result-actions button{min-width:0;min-height:38px}.bh-board-head{margin:0;position:absolute;top:6px;right:8px}.bh-board-head>span{display:none}.bh-pips{flex-wrap:nowrap}.bh-pips>span{padding:3px;font-size:0}.bh-pips .mc-icon{width:12px;height:12px}.bh-log{top:calc(env(safe-area-inset-top) + 64px)}.bh-log-line:not(:last-child){display:none}}@media (max-height:520px) and (min-width:761px){.bh-surrender{width:100%;min-height:40px}}@media (pointer:coarse){.bh-context .bh-btn-gold,.bh-context .bh-btn-skill{min-height:40px}.bh-context .bh-icon-btn{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.bh-root *,.bh-root :before,.bh-root :after{transition:none!important;animation:none!important}.bh-confetti,.bh-orb-wave{display:none}}html[data-motion=reduced] .bh-root *,html[data-motion=reduced] .bh-root :before,html[data-motion=reduced] .bh-root :after{transition:none!important;animation:none!important}html[data-motion=reduced] .bh-confetti,html[data-motion=reduced] .bh-orb-wave{display:none}.cr-overlay{--card-w:min(74vw, 300px, calc((100dvh - 260px) * .682));z-index:1200;padding:max(20px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom));color:#fff1d2;grid-template-rows:minmax(0,1fr) auto auto;place-items:center;font-family:Be Vietnam Pro,Verdana,sans-serif;animation:.35s ease-out both cr-fade;display:grid;position:fixed;inset:0;overflow:hidden}.cr-backdrop{background:radial-gradient(ellipse 60% 50% at 50% 42%, color-mix(in srgb, var(--cr) 20%, #0c1c26) 0%, transparent 70%), radial-gradient(ellipse at 50% 42%, #0c1c26 0%, #07121a 55%, #03080c 100%);position:absolute;inset:0}.cr-stage{place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative}.cr-fx{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.cr-fx>*{position:absolute;top:0;left:0;translate:-50% -50%}.cr-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--cr) 60%, transparent) 0deg 2.6deg, transparent 2.6deg 11deg);opacity:0;border-radius:50%;width:160vmax;height:160vmax;-webkit-mask:radial-gradient(closest-side,#000 6%,#0009 26%,#0000 58%);mask:radial-gradient(closest-side,#000 6%,#0009 26%,#0000 58%)}.cr-rays-2{background:repeating-conic-gradient(from 6deg, color-mix(in srgb, var(--cr-hi) 55%, transparent) 0deg 1.4deg, transparent 1.4deg 17deg)}.cr-revealed .cr-rays{animation:cr-rays-in var(--t-flare) cubic-bezier(.2, .8, .2, 1) both, cr-turn 48s linear infinite}.cr-revealed .cr-rays-2{animation:cr-rays-in var(--t-flare) cubic-bezier(.2, .8, .2, 1) both, cr-turn-back 36s linear infinite}@keyframes cr-rays-in{0%{opacity:0;scale:.25}25%{opacity:1}to{opacity:.42;scale:1}}.cr-ring{width:min(94vmin,640px);height:min(94vmin,640px);color:var(--cr);opacity:0}.cr-ring-inner{width:min(62vmin,420px);height:min(62vmin,420px);color:var(--cr-hi)}.cr-ring .rune-circle{width:100%;height:100%;animation:22s linear infinite cr-turn;display:block}.cr-ring-inner .rune-circle{animation:14s linear infinite cr-turn-back}.cr-phase-charge .cr-ring{animation:cr-ring-in var(--t-charge) cubic-bezier(.2, .8, .2, 1) both}.cr-phase-spin .cr-ring,.cr-phase-flip .cr-ring{opacity:.85}.cr-revealed .cr-ring{opacity:.32;transition:opacity .8s}@keyframes cr-ring-in{0%{opacity:0;scale:.5}to{opacity:.85;scale:1}}.cr-core{background:radial-gradient(circle, #fffef2 0%, color-mix(in srgb, var(--cr-hi) 85%, transparent) 9%, color-mix(in srgb, var(--cr) 45%, transparent) 26%, transparent 62%);opacity:0;border-radius:50%;width:min(56vmin,420px);height:min(56vmin,420px)}.cr-phase-charge .cr-core{animation:cr-core-charge var(--t-charge) cubic-bezier(.6, 0, .8, .6) both}.cr-phase-spin .cr-core{animation:cr-core-out var(--t-spin) ease-out both}.cr-revealed .cr-core{opacity:.35}@keyframes cr-core-charge{0%{opacity:0;scale:.1}to{opacity:1;scale:.9}}@keyframes cr-core-out{0%{opacity:1;scale:.9}to{opacity:.25;scale:1.5}}.cr-motes,.cr-sparks{width:0;height:0}.cr-motes i,.cr-sparks i{opacity:0;display:block;position:absolute;top:0;left:0}.cr-motes i{width:calc(7px * var(--s));height:calc(7px * var(--s));margin:calc(-3.5px * var(--s));background:radial-gradient(circle, #fff, var(--cr-hi) 40%, transparent 72%);border-radius:50%}.cr-phase-charge .cr-motes i{animation:cr-converge var(--t-charge) cubic-bezier(.5, 0, .75, 0) var(--t) both}@keyframes cr-converge{0%{opacity:0;transform:rotate(var(--a)) translateX(calc(46vmin * var(--d)))}35%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(0)}}.cr-sparks i{width:calc(26px * var(--s));height:calc(3px * var(--s) + 1px);margin-top:calc(-1.5px * var(--s));background:linear-gradient(90deg, transparent, var(--cr) 40%, #fffef2);transform-origin:0;border-radius:99px}.cr-revealed .cr-sparks i{animation:cr-burst calc(var(--t-flare) * .75) cubic-bezier(.1, .7, .2, 1) var(--t) both}@keyframes cr-burst{0%{opacity:1;transform:rotate(var(--a)) translateX(4vmin) scaleX(1.6)}70%{opacity:.9}to{opacity:0;transform:rotate(var(--a)) translateX(calc(54vmin * var(--d))) scaleX(.4)}}.cr-flash{background:radial-gradient(circle, #fffef5 0%, color-mix(in srgb, var(--cr-hi) 70%, transparent) 14%, transparent 46%);opacity:0;border-radius:50%;width:130vmax;height:130vmax}.cr-phase-flare .cr-flash{animation:.75s ease-out both cr-flash}@keyframes cr-flash{0%{opacity:.95;scale:.25}to{opacity:0;scale:1}}.cr-pillars{background:repeating-linear-gradient(90deg, transparent 0 7vw, color-mix(in srgb, var(--cr) 26%, transparent) 8.5vw, transparent 10vw 16vw);opacity:0;pointer-events:none;position:absolute;inset:0;-webkit-mask:radial-gradient(46% 80% at 50% 45%,#000 15%,#0000 72%);mask:radial-gradient(46% 80% at 50% 45%,#000 15%,#0000 72%)}.cr-legend.cr-revealed .cr-pillars{animation:cr-pillars var(--t-flare) cubic-bezier(.2, .8, .2, 1) both}@keyframes cr-pillars{0%{opacity:0;scale:1 .1}30%{opacity:1}to{opacity:.45;scale:1}}.cr-legend .cr-flash{width:170vmax;height:170vmax}.cr-legend.cr-phase-flare .cr-flash{animation-duration:1.2s}.cr-legend .cr-sparks i{width:calc(34px * var(--s))}.cr-legend .cr-caption h2{background:linear-gradient(#fff6d8,#e8c477 60%,#b88a3a);color:#0000;-webkit-background-clip:text;background-clip:text}.cr-card{z-index:1;width:var(--card-w);aspect-ratio:300/440;perspective:1300px;position:relative}.cr-flipper{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateY(180deg)}.cr-face{backface-visibility:hidden;position:absolute;inset:0}.cr-back{transform:rotateY(180deg)}.cr-face>.mc-card,.cr-face>.card-back{width:100%}.cr-phase-charge .cr-card{opacity:0;scale:.2}.cr-phase-spin .cr-card{animation:cr-card-in var(--t-spin) cubic-bezier(.2, .8, .2, 1) both}.cr-phase-spin .cr-flipper{animation:cr-spin-y var(--t-spin) cubic-bezier(.25, .8, .25, 1) both}.cr-phase-flip .cr-flipper{animation:cr-flip var(--t-flip) cubic-bezier(.6, 0, .2, 1) both}.cr-revealed .cr-flipper,.cr-still .cr-flipper{transform:none}.cr-revealed .cr-card{animation:cr-settle var(--t-flare) cubic-bezier(.2, .8, .2, 1) both}@keyframes cr-card-in{0%{opacity:0;translate:0 8%;rotate:-12deg;scale:.15}35%{opacity:1}to{opacity:1;translate:0;rotate:0deg;scale:1}}@keyframes cr-spin-y{0%{transform:rotateY(900deg)}to{transform:rotateY(180deg)}}@keyframes cr-flip{0%{transform:rotateY(180deg)}62%{transform:rotateY(-14deg)scale(1.07)}to{transform:rotateY(0)}}@keyframes cr-settle{0%{filter:brightness(1.6);scale:1.06}to{filter:brightness();scale:1}}.cr-caption{text-align:center;opacity:0;margin-top:18px;position:relative}.cr-revealed .cr-caption{animation:.6s cubic-bezier(.2,.8,.2,1) .15s both cr-rise}.cr-still .cr-caption{opacity:1;animation:none}.cr-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--cr);font-size:11px;font-weight:700;display:block}.cr-caption h2{color:#fff1d2;text-shadow:0 0 26px color-mix(in srgb, var(--cr) 45%, transparent);margin:6px 0 4px;font:600 clamp(30px,7vw,46px)/1.05 Cormorant Garamond,Georgia,serif}.cr-caption p{color:#b9c6c3;margin:0;font-size:13px}.cr-rarity{color:var(--cr);font-weight:700}.cr-actions{place-items:center;min-height:50px;margin-top:14px;display:grid;position:relative}.cr-continue{color:#fff1d2;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#2d4644,#182c31);border:1px solid #e8c477;border-radius:3px;min-width:190px;min-height:46px;padding:12px 28px;font:700 13px/1 Be Vietnam Pro,Verdana,sans-serif;animation:.45s cubic-bezier(.2,.8,.2,1) both cr-rise;box-shadow:0 0 0 3px #07121a,0 0 0 4px #e8c47755,0 10px 26px #000b}.cr-continue:hover{background:linear-gradient(#3a5856,#203a3f)}.cr-continue:focus-visible,.cr-skip:focus-visible{outline-offset:4px;outline:2px solid #fff1d2}.cr-skip{top:max(14px, env(safe-area-inset-top));color:#b9c6c3;letter-spacing:.08em;cursor:pointer;background:#07121acc;border:1px solid #b9c6c355;border-radius:3px;min-height:36px;padding:8px 14px;font:600 12px/1 Be Vietnam Pro,Verdana,sans-serif;position:fixed;right:14px}.cr-skip:hover{color:#fff1d2;border-color:#fff1d288}@keyframes cr-fade{0%{opacity:0}}@keyframes cr-rise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes cr-turn{to{rotate:360deg}}@keyframes cr-turn-back{to{rotate:-360deg}}@media (max-height:640px){.cr-overlay{--card-w:min(64vw, 250px, calc((100dvh - 200px) * .682));padding-top:12px}.cr-caption{margin-top:10px}.cr-caption h2{font-size:28px}}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orivorn-0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orivorn-1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orivorn-2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/orivorn-3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/orivorn-4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/orivorn-5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/orivorn-6.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/orivorn-7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/orivorn-8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orivorn-9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orivorn-10.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orivorn-11.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/orivorn-12.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/orivorn-13.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/orivorn-14.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/orivorn-15.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/orivorn-16.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/orivorn-12.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/orivorn-13.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/orivorn-14.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/orivorn-15.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/orivorn-16.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orivorn-17.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orivorn-18.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orivorn-19.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orivorn-20.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orivorn-21.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/orivorn-17.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/orivorn-18.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/orivorn-19.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/orivorn-20.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/orivorn-21.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/orivorn-17.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/orivorn-18.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/orivorn-19.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/orivorn-20.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/orivorn-21.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orivorn-17.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orivorn-18.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orivorn-19.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orivorn-20.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orivorn-21.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--serif:var(--font-display,"Cormorant Garamond", Georgia, serif);--sans:var(--font-body,"Be Vietnam Pro", "Segoe UI", system-ui, sans-serif);--pn-surface:linear-gradient(180deg, #152c3cb8, #091720db);--pn-surface-hi:linear-gradient(180deg, #1d384ac7, #0d1e29e6);--pn-inset:inset 0 1px 0 #fff1d20f, inset 0 0 0 1px #00000038;--pn-gold-grad:linear-gradient(180deg, #fbe3a6 0%, #e2b964 46%, #b8893b 100%);--pn-focus:0 0 0 2px var(--ink-900,#07121a), 0 0 0 4px var(--gold-300,#e8c477);font-family:var(--sans);font-synthesis:none;color:var(--parchment,#fff1d2);font-size:13px;line-height:1.6}*{box-sizing:border-box}body{background:var(--ink-900,#07121a);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:not-allowed}button,a,input,select{-webkit-tap-highlight-color:transparent}:is(button,input,select,textarea,a,[tabindex]):focus-visible{outline:2px solid var(--gold-300,#e8c477);outline-offset:3px}h1,h2,h3,h4,p,dl,dd,ol,ul,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12}svg{flex-shrink:0}img{max-width:100%}small{font-size:11px}::selection{color:var(--parchment,#fff1d2);background:#e8c47773}.spin{animation:1.1s linear infinite pn-rotate}@keyframes pn-rotate{to{transform:rotate(360deg)}}.eyebrow{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-300,#e8c477);align-items:center;gap:8px;font-size:10px;font-weight:600;display:inline-flex}.button{--b-bg:linear-gradient(180deg, #213e50eb, #112532f5);--b-fg:var(--parchment,#fff1d2);--b-line:var(--line-strong,#e8c47773);border:1px solid var(--b-line);border-radius:var(--radius-sm,6px);background:var(--b-bg);min-height:40px;color:var(--b-fg);font-family:var(--sans);letter-spacing:.01em;white-space:nowrap;transition:transform var(--dur-fast,.16s) var(--ease-out), filter var(--dur-fast,.16s), border-color var(--dur-fast,.16s), box-shadow var(--dur-med,.28s);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff1d217,0 4px 12px -6px #0009}.button:hover:not(:disabled){--b-line:var(--gold-300,#e8c477);filter:brightness(1.12)}.button:active:not(:disabled){transform:translateY(1px)}.button:focus-visible{box-shadow:var(--pn-focus);outline:none}.button.button:disabled{--b-bg:linear-gradient(180deg, #182c3ab3, #0c1c26bf);--b-fg:#e9dcbc85;--b-line:#e8c47729;text-shadow:none;box-shadow:none;filter:none}.button.btn-primary{--b-bg:var(--pn-gold-grad);--b-fg:#1c1305;--b-line:#ffecbab3;text-shadow:0 1px #fff0c873;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #62401259,0 6px 18px -8px #e8c477b3}.button.btn-primary:hover:not(:disabled){--b-line:#fff3cf;filter:brightness(1.07)saturate(1.05)}.button.btn-secondary{--b-line:var(--line-strong,#e8c47773)}.button.btn-ghost{--b-bg:#07121a59;--b-fg:var(--parchment-2,#e9dcbc);--b-line:var(--line,#e8c47738);box-shadow:none}.button.btn-danger{--b-bg:linear-gradient(180deg, #7a2b24, #4f1813);--b-line:#ef7d6d99}.button.btn-sm{min-height:34px;padding:6px 13px;font-size:12px}.button .btn-note{opacity:.75;font-size:11px;font-weight:500}.button.full-width,.full-width{width:100%}.button.pulse:not(:disabled){animation:pn-pulse 1.8s var(--ease-out,ease-out) infinite}@keyframes pn-pulse{0%,to{box-shadow:inset 0 1px #ffffff73,0 0 #e8c4778c}60%{box-shadow:inset 0 1px #ffffff73,0 0 0 9px #e8c47700}}.pn-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.pn{color:var(--parchment,#fff1d2);font-family:var(--sans);-webkit-user-select:text;user-select:text;font-size:13px;line-height:1.6}.pn p{color:var(--parchment-dim,#b9c6c3)}.pn .pn-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;padding-bottom:20px;display:flex;position:relative}.pn .pn-head-main{min-width:0}.pn .pn-head h1{font-family:var(--serif);letter-spacing:-.01em;color:var(--parchment,#fff1d2);text-wrap:balance;margin:8px 0;font-size:clamp(30px,3.4vw,42px);font-weight:600;line-height:1.04}.pn .pn-head h1 em{color:var(--gold-200,#f7dc9c);font-style:italic;font-weight:500}.pn .pn-lead{max-width:620px;color:var(--parchment-dim,#b9c6c3);font-size:13px}.pn .pn-head-aside{color:var(--gold-400,#d4a957);flex-shrink:0}.pn .pn-rule{background:linear-gradient(90deg, var(--line-strong), var(--line) 40%, transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.pn .pn-rule i{background:var(--gold-300,#e8c477);width:7px;height:7px;position:absolute;top:-3px;left:0;transform:rotate(45deg);box-shadow:0 0 10px #e8c47799}.pn .pn-eyebrow,.pn-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold-300,#e8c477);align-items:center;gap:9px;font-size:10px;font-weight:600;display:inline-flex}.pn .pn-eyebrow>i,.pn-eyebrow>i{border:1px solid;width:6px;height:6px;transform:rotate(45deg)}.pn .pn-eyebrow-sm{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-300,#e8c477);font-size:10px;font-weight:600}.pn .pn-section{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin:30px 0 14px;padding-bottom:9px;display:flex}.pn .pn-section h2{color:var(--parchment-2,#e9dcbc);font-size:24px}.pn .pn-section>span{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted,#8fa4a4);text-align:right;font-size:10px;font-weight:600}.pn .pn-subhead{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-2,#e9dcbc);align-items:center;gap:9px;margin:22px 0 10px;font-size:12px;font-weight:600;display:flex}.pn .pn-subhead small{color:var(--gold-200,#f7dc9c);letter-spacing:0;background:#e8c4771f;border-radius:99px;padding:1px 8px;font-size:11px}.pn .pn-micro{color:var(--text-muted,#8fa4a4);margin-top:8px;font-size:11px;line-height:1.55}.pn .pn-link{color:var(--gold-200,#f7dc9c);text-underline-offset:4px;background:0 0;align-items:center;gap:7px;margin-top:10px;padding:4px 0;font-size:12px;font-weight:500;-webkit-text-decoration:underline #e8c47759;text-decoration:underline #e8c47759;display:inline-flex}.pn .pn-link:hover{color:var(--gold-100,#fff3cf);text-decoration-color:currentColor}.pn .pn-loading{min-height:300px;color:var(--parchment-dim,#b9c6c3);justify-content:center;align-items:center;gap:10px;display:flex}.pn .pn-badge-rule{border:1px solid var(--line);border-radius:var(--radius-sm,6px);color:var(--parchment-2,#e9dcbc);letter-spacing:.12em;text-transform:uppercase;background:#07121a73;align-items:center;gap:9px;padding:10px 15px;font-size:11px;font-weight:600;display:inline-flex}.pn .pn-badge-rule svg{color:var(--gold-300,#e8c477)}.pn :is(.pn-framed,.pn-quest,.pn-raid,.pn-quality-card.active,.pn-codes,.pn-yourank):after{content:"";pointer-events:none;border-radius:inherit;--c:#f7dc9cbf;background:linear-gradient(var(--c), var(--c)) left top / 14px 1px, linear-gradient(var(--c), var(--c)) left top / 1px 14px, linear-gradient(var(--c), var(--c)) right top / 14px 1px, linear-gradient(var(--c), var(--c)) right top / 1px 14px, linear-gradient(var(--c), var(--c)) left bottom / 14px 1px, linear-gradient(var(--c), var(--c)) left bottom / 1px 14px, linear-gradient(var(--c), var(--c)) right bottom / 14px 1px, linear-gradient(var(--c), var(--c)) right bottom / 1px 14px;background-repeat:no-repeat;position:absolute;inset:-1px}.pn .pn-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:2px;margin-bottom:20px;display:flex;overflow-x:auto}.pn .pn-tabs::-webkit-scrollbar{display:none}.pn .pn-tabs>button{min-height:44px;color:var(--parchment-dim,#b9c6c3);border-radius:var(--radius-sm,6px) var(--radius-sm,6px) 0 0;transition:color var(--dur-fast,.16s), background var(--dur-fast,.16s);background:0 0;flex-shrink:0;align-items:center;gap:8px;padding:10px 15px 12px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.pn .pn-tabs>button svg{color:var(--text-muted,#8fa4a4);transition:color var(--dur-fast,.16s)}.pn .pn-tabs>button:hover{color:var(--parchment,#fff1d2);background:#e8c4770d}.pn .pn-tabs>button small{min-width:22px;color:var(--parchment-dim,#b9c6c3);text-align:center;background:#fff1d214;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:600}.pn .pn-tabs>button.active{color:var(--parchment,#fff1d2);font-weight:600}.pn .pn-tabs>button.active svg{color:var(--gold-300,#e8c477)}.pn .pn-tabs>button.active small{color:var(--gold-100,#fff3cf);background:#e8c47733}.pn .pn-tabs>button:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-300,#e8c477), transparent);opacity:0;height:2px;transition:opacity var(--dur-med,.28s), transform var(--dur-med,.28s) var(--ease-out);border-radius:2px;position:absolute;bottom:-1px;left:12px;right:12px;transform:scaleX(.4);box-shadow:0 0 10px #e8c477b3}.pn .pn-tabs>button.active:after{opacity:1;transform:none}.pn .pn-tabs>button:focus-visible{outline-offset:-3px}.pn .pn-tabs.vertical{border-bottom:0;flex-direction:column;gap:4px;overflow:visible}.pn .pn-tabs.vertical>button{border-radius:var(--radius-sm,6px);border:1px solid #0000;justify-content:flex-start;min-height:46px;padding:11px 14px}.pn .pn-tabs.vertical>button:after{background:var(--gold-300,#e8c477);width:2px;height:auto;inset:10px auto 10px -1px;transform:scaleY(.3)}.pn .pn-tabs.vertical>button.active{border-color:var(--line);background:linear-gradient(90deg,#e8c47721,#e8c47708)}.pn .pn-tabs.vertical>button.active:after{transform:none}.pn .pn-chips{scrollbar-width:none;gap:6px;margin:0 0 20px;padding-bottom:2px;display:flex;overflow-x:auto}.pn .pn-chips::-webkit-scrollbar{display:none}.pn .pn-chip{border:1px solid var(--line);min-height:34px;color:var(--parchment-dim,#b9c6c3);transition:border-color var(--dur-fast,.16s), background var(--dur-fast,.16s), color var(--dur-fast,.16s);background:#07121a73;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.pn .pn-chip:hover{border-color:var(--line-strong);color:var(--parchment,#fff1d2)}.pn .pn-chip.active{border-color:var(--gold-300,#e8c477);color:var(--parchment,#fff1d2);background:#e8c47724}.pn .pn-chip-el .mc-icon{width:17px;height:17px;color:var(--el);--ic2:var(--el-glow)}.pn .pn-chip-el.active{border-color:var(--el);background:color-mix(in srgb, var(--el) 16%, transparent);box-shadow:0 0 14px -4px var(--el)}.pn .pn-input,.pn .pn-select,.pn .pn-search{border:1px solid var(--line);border-radius:var(--radius-sm,6px);min-height:42px;color:var(--parchment,#fff1d2);transition:border-color var(--dur-fast,.16s), box-shadow var(--dur-fast,.16s);background:#040b1099;box-shadow:inset 0 1px 3px #00000059}.pn .pn-input{width:100%;min-width:0;padding:10px 13px;font-size:13px}.pn .pn-input::placeholder,.pn .pn-search input::placeholder{color:#b9c6c38c}.pn .pn-input:hover,.pn .pn-select:hover,.pn .pn-search:hover{border-color:var(--line-strong)}.pn .pn-input:focus,.pn .pn-select:focus,.pn .pn-search:focus-within{border-color:var(--gold-300,#e8c477);outline:none;box-shadow:inset 0 1px 3px #00000059,0 0 0 3px #e8c47729}.pn .pn-mono{letter-spacing:.06em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.pn .pn-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23e8c477' stroke-width='1.6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;min-width:150px;padding:9px 36px 9px 13px;font-size:13px}.pn .pn-select option{color:#fff1d2;background:#0c1c26}.pn .pn-search{color:var(--text-muted,#8fa4a4);align-items:center;gap:9px;padding:0 10px 0 13px;display:flex;position:relative}.pn .pn-search input{min-width:0;height:40px;color:var(--parchment,#fff1d2);background:0 0;border:0;outline:none;flex:1;font-size:13px}.pn .pn-search input::-webkit-search-cancel-button{display:none}.pn .pn-search button{width:26px;height:26px;color:var(--parchment-dim,#b9c6c3);background:#fff1d214;border-radius:50%;place-items:center;display:grid}.pn .pn-search.compact{min-width:220px;min-height:38px}.pn .pn-search.compact input{height:36px}.pn .pn-field{color:var(--parchment-2,#e9dcbc);gap:6px;font-size:12px;font-weight:600;display:grid}.pn .pn-field>small{color:var(--text-muted,#8fa4a4);font-size:11px;font-weight:400}.pn .pn-input-row{gap:8px;display:flex}.pn .pn-input-row .button{flex-shrink:0}.pn .pn-password{display:block;position:relative}.pn .pn-password .pn-input{padding-right:46px}.pn .pn-password button{border-radius:var(--radius-xs,3px);width:34px;height:34px;color:var(--parchment-dim,#b9c6c3);background:0 0;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pn .pn-password button:hover{color:var(--gold-200,#f7dc9c)}.pn .pn-tag{border:1px solid var(--line);color:var(--parchment-dim,#b9c6c3);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pn .pn-tag.ok{color:var(--success,#8fd6a0);background:#8fd6a01a;border-color:#8fd6a073}.pn .pn-tag.warn{color:var(--warning,#f0c36a);background:#f0c36a1a;border-color:#f0c36a73}.pn-rarity{--r:var(--rarity-common,#aaa591);letter-spacing:.14em;text-transform:uppercase;color:var(--r);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.pn-rarity.rare{--r:var(--rarity-rare,#77b8d4)}.pn-rarity.epic{--r:var(--rarity-epic,#dd8b76)}.pn-rarity.legend{--r:var(--rarity-legend,#dfbb67);text-shadow:0 0 12px #dfbb6773}.pn-rarity-gem{background:var(--r);width:7px;height:7px;box-shadow:0 0 6px var(--r);transform:rotate(45deg)}.pn-element{color:var(--parchment-2,#e9dcbc);white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.pn-element .mc-icon{width:17px;height:17px;color:var(--el);--ic2:var(--el-glow);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--el) 50%, transparent))}.pn-stat{align-items:center;gap:4px;font-size:12px;display:inline-flex}.pn .pn-resource{color:var(--parchment-2,#e9dcbc);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pn .pn-resource svg{color:var(--gold-300,#e8c477)}.pn .pn-resource b{font-variant-numeric:tabular-nums;color:var(--parchment,#fff1d2);font-weight:700}.pn .pn-resource small{color:var(--text-muted,#8fa4a4);font-size:11px}.pn .pn-resource.missing,.pn .pn-resource.missing b,.pn .pn-resource.missing svg{color:var(--danger,#ef7d6d)}.pn .pn-health>div,.pn .pn-meter-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.pn .pn-health span,.pn .pn-meter-row span{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted,#8fa4a4);font-size:10px;font-weight:600}.pn .pn-health b,.pn .pn-meter-row b{font-variant-numeric:tabular-nums;color:var(--parchment,#fff1d2);font-size:13px;font-weight:700}.pn .pn-health b small{color:var(--text-muted,#8fa4a4);font-weight:500}.pn .pn-health>i,.pn .pn-meter>i{background:#00000073;border-radius:99px;height:8px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0009,0 0 0 1px #fff1d212}.pn .pn-health>i>span,.pn .pn-meter>i>span{border-radius:inherit;transition:width var(--dur-slow,.6s) var(--ease-out);background:linear-gradient(#b8f0c6,#5fbf7c 60%,#3c8c58);position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #8fd6a080}.pn .pn-health.low>i>span{background:linear-gradient(#ffb3a6,#e0614f 60%,#a3372a);box-shadow:0 0 10px #ef7d6d8c}.pn .pn-health.boss>i{height:12px}.pn .pn-health.boss>i>span{background:linear-gradient(#ffd1a0,#e0784f 55%,#9c3524);box-shadow:0 0 14px #ef7d6d80}.pn .pn-meter>i>span{background:linear-gradient(#fbe3a6,#d4a957 60%,#9c7a3c);box-shadow:0 0 10px #e8c47773}.pn .pn-meter.teal>i>span{background:linear-gradient(#c6f5ea,#7fd6c4 60%,#3d9c8a);box-shadow:0 0 10px #7fd6c473}.pn .pn-meter.done>i>span{background:linear-gradient(#d6f7de,#8fd6a0 60%,#4f9c66)}.pn .pn-meter.done .pn-meter-row b{color:var(--success,#8fd6a0)}.pn .pn-empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius-md,10px);background:radial-gradient(60% 80% at 50% 0,#e8c4770f,#0000 70%);justify-items:center;gap:8px;padding:44px 20px;display:grid}.pn .pn-empty.compact{padding:26px 16px}.pn .pn-empty-sigil{border:1px solid var(--line-strong);width:62px;height:62px;color:var(--gold-300,#e8c477);background:radial-gradient(circle,#e8c4771f,#0000 70%);border-radius:50%;place-items:center;margin-bottom:6px;display:grid;box-shadow:0 0 0 6px #e8c4770a,0 0 24px #e8c4771f}.pn .pn-empty.compact .pn-empty-sigil{width:48px;height:48px}.pn .pn-empty h3{color:var(--parchment,#fff1d2);font-size:23px}.pn .pn-empty p{max-width:420px;font-size:13px}.pn .pn-empty .button{margin-top:8px}.pn .pn-notice{border:1px solid var(--line);border-left:3px solid var(--info,#84c7e8);border-radius:var(--radius-sm,6px);color:var(--parchment-2,#e9dcbc);background:linear-gradient(90deg,#84c7e817,#07121a4d);align-items:center;gap:14px;margin:18px 0;padding:14px 16px;font-size:12px;line-height:1.6;display:flex}.pn .pn-notice>svg{color:var(--info,#84c7e8)}.pn .pn-notice>div{flex:1;min-width:0}.pn .pn-notice b{color:var(--parchment,#fff1d2)}.pn .pn-notice>.button{flex-shrink:0}.pn .pn-notice.warning{border-left-color:var(--warning,#f0c36a);background:linear-gradient(90deg,#f0c36a1a,#07121a4d)}.pn .pn-notice.warning>svg{color:var(--warning,#f0c36a)}.pn .pn-notice.danger{border-left-color:var(--danger,#ef7d6d);background:linear-gradient(90deg,#ef7d6d21,#07121a4d)}.pn .pn-notice.danger>svg{color:var(--danger,#ef7d6d)}.pn .pn-notice.success{border-left-color:var(--success,#8fd6a0);background:linear-gradient(90deg,#8fd6a01a,#07121a4d)}.pn .pn-notice.success>svg{color:var(--success,#8fd6a0)}.pn-portrait{--rc:var(--rarity-common,#aaa591);width:var(--pz,56px);height:var(--pz,56px);background:radial-gradient(60% 55% at 50% 40%, color-mix(in srgb, var(--el) 55%, transparent), transparent 75%), radial-gradient(circle at 50% 100%, var(--el-shadow), #07121a 80%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rc) 85%, #000), inset 0 0 0 3px #0000008c, inset 0 -8px 16px #00000073, 0 3px 10px #00000080;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.pn-portrait>img{object-fit:contain;filter:drop-shadow(0 3px 4px #0000008c);-webkit-user-drag:none;border-radius:50%;width:90%;height:90%}.pn-portrait>img.is-art{object-fit:cover;object-position:50% 30%;width:100%;height:100%}.pn-portrait.legend{box-shadow:inset 0 0 0 2px var(--rc), inset 0 0 0 3px #0000008c, inset 0 -8px 16px #00000073, 0 0 14px -2px #dfbb6799, 0 3px 10px #00000080}.pn-portrait-lv{border:1px solid color-mix(in srgb, var(--rc) 80%, #fff);min-width:21px;height:21px;color:var(--parchment,#fff1d2);background:#0b1a23;border-radius:99px;place-items:center;padding:0 4px;font-size:11px;font-style:normal;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-2px;right:-3px}.pn-portrait-hp{background:#000000b3;border-radius:99px;height:4px;position:absolute;bottom:-7px;left:14%;right:14%;overflow:hidden;box-shadow:0 0 0 1px #00000080}.pn-portrait-hp>span{background:linear-gradient(90deg,#5fbf7c,#b8f0c6);height:100%;display:block}.pn-portrait-hp.low>span{background:linear-gradient(90deg,#a3372a,#ef7d6d)}.pn .pn-rune{--r:var(--rarity-common,#aaa591);border:1px solid color-mix(in srgb, var(--r) 70%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--r) 28%, transparent), #07121a 75%);border-radius:8px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;transform:rotate(45deg)}.pn .pn-rune.rare{--r:var(--rarity-rare,#77b8d4)}.pn .pn-rune.epic{--r:var(--rarity-epic,#dd8b76)}.pn .pn-rune.legend{--r:var(--rarity-legend,#dfbb67)}.pn .pn-rune .mc-icon{width:22px;height:22px;color:var(--r);--ic2:#fff1d2;transform:rotate(-45deg)}.pn .pn-rows{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;padding:0;list-style:none;display:grid}.pn .pn-row{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);width:100%;min-height:62px;box-shadow:var(--pn-inset);color:var(--parchment,#fff1d2);text-align:left;transition:border-color var(--dur-fast,.16s), background var(--dur-fast,.16s), transform var(--dur-fast,.16s) var(--ease-out);align-items:center;gap:13px;padding:8px 14px 8px 8px;display:flex;position:relative}.pn .pn-row:hover:not(:disabled){border-color:var(--line-strong);background:var(--pn-surface-hi)}.pn .pn-row:disabled{opacity:.5}.pn .pn-row.selected{border-color:var(--gold-300,#e8c477);box-shadow:var(--pn-inset), 0 0 18px -8px #e8c477cc;background:linear-gradient(90deg,#e8c47729,#091720d9 70%)}.pn .pn-row.fainted .pn-portrait{filter:grayscale(.85)brightness(.75)}.pn .pn-row-main{flex:1;gap:3px;min-width:0;display:grid}.pn .pn-row-main b{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:600;line-height:1.1;overflow:hidden}.pn .pn-row-main small{color:var(--parchment-dim,#b9c6c3);align-items:center;gap:6px;font-size:11px;display:flex}.pn .pn-row-main .pn-element .mc-icon{width:15px;height:15px}.pn .pn-row-mark{border:1px solid var(--line);width:30px;height:30px;color:var(--parchment-dim,#b9c6c3);border-radius:50%;place-items:center;display:grid}.pn .pn-row.selected .pn-row-mark{background:var(--pn-gold-grad);color:#1c1305;border-color:#0000}.pn .pn-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:26px;display:flex}.pn .pn-pagination ol{gap:4px;padding:0;list-style:none;display:flex}.pn .pn-pagination ol button{border-radius:var(--radius-sm,6px);min-width:34px;height:34px;color:var(--parchment-dim,#b9c6c3);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;font-weight:600}.pn .pn-pagination ol button:hover{border-color:var(--line);color:var(--parchment,#fff1d2)}.pn .pn-pagination ol button.active{border-color:var(--gold-300,#e8c477);color:var(--gold-100,#fff3cf);background:#e8c47724}.pn-shade{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pn-fade var(--dur-med,.28s) var(--ease-out);background:radial-gradient(80% 70% at 50% 45%,#07121a8c,#03090de0),#03090d59;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}@keyframes pn-fade{0%{opacity:0}}@keyframes pn-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}}.pn-modal{border:1px solid var(--line-strong);border-radius:var(--radius-md,10px);width:min(560px,100%);max-height:calc(100dvh - 48px);animation:pn-rise var(--dur-med,.28s) var(--ease-out);background:radial-gradient(90% 50% at 50% 0,#e8c47712,#0000 70%),linear-gradient(170deg,#142a38 0%,#0b1a24 55%,#08141c 100%);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff1d214,inset 0 0 0 4px #040b108c,inset 0 0 0 5px #e8c4771f,0 30px 90px #000000b3}.pn-modal:focus{outline:none}.pn-modal-scroll{overscroll-behavior:contain;scrollbar-color:#4f6a6a transparent;flex:auto;min-height:0;padding:36px 34px 30px;overflow:auto}.pn-modal.wide{width:min(1060px,100%)}.pn-modal-orn{pointer-events:none;border-color:var(--gold-300,#e8c477);opacity:.8;border-style:solid;width:22px;height:22px;position:absolute}.pn-modal-orn.tl{border-width:1px 0 0 1px;top:8px;left:8px}.pn-modal-orn.tr{border-width:1px 1px 0 0;top:8px;right:8px}.pn-modal-orn.bl{border-width:0 0 1px 1px;bottom:8px;left:8px}.pn-modal-orn.br{border-width:0 1px 1px 0;bottom:8px;right:8px}.pn-modal-close{z-index:5;border:1px solid var(--line);width:40px;height:40px;color:var(--parchment-2,#e9dcbc);transition:border-color var(--dur-fast,.16s), color var(--dur-fast,.16s), transform var(--dur-med,.28s) var(--ease-out);background:#07121ab3;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.pn-modal-close:hover{border-color:var(--gold-300,#e8c477);color:var(--parchment,#fff1d2);transform:rotate(90deg)}.pn .pn-modal-foot{border-top:1px solid var(--line);background:linear-gradient(#08141ceb,#08141c);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 34px;display:flex;box-shadow:0 -12px 24px -12px #000000b3}.pn .pn-modal-foot>span{color:var(--parchment-dim,#b9c6c3);font-size:13px}.pn .pn-modal-foot>span b{color:var(--gold-200,#f7dc9c);font-size:20px;font-weight:700}.pn .pn-invite{border-radius:var(--radius-md,10px);background:linear-gradient(100deg,#dfbb672e,#091720d9 60%);border:1px solid #dfbb678c;align-items:center;gap:16px;margin-bottom:14px;padding:12px 16px 12px 12px;display:flex;box-shadow:0 0 26px -10px #dfbb67b3}.pn .pn-invite>div{flex:1;gap:2px;min-width:0;display:grid}.pn .pn-invite b{font-family:var(--serif);color:var(--gold-100,#fff3cf);font-size:22px}.pn .pn-invite span{color:var(--parchment-dim,#b9c6c3);font-size:12px}.pn .pn-raid-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:20px;display:grid}.pn .pn-raid{--rc:var(--rarity-epic,#dd8b76);border:1px solid color-mix(in srgb, var(--rc) 45%, transparent);border-radius:var(--radius-md,10px);background:var(--pn-surface);box-shadow:var(--pn-inset), 0 18px 40px -22px #000c;flex-direction:column;display:flex;position:relative;overflow:hidden}.pn .pn-raid:after{--c:color-mix(in srgb, var(--rc) 85%, #fff)}.pn .pn-raid.joined{box-shadow:var(--pn-inset), 0 0 0 1px color-mix(in srgb, var(--rc) 60%, transparent), 0 0 34px -12px var(--rc)}.pn .pn-raid-art{background:#07121a;height:256px;position:relative;overflow:hidden}.pn .pn-raid-art>img{object-fit:cover;object-position:50% 36%;width:100%;height:100%;transition:transform 1.2s var(--ease-out);position:absolute;inset:0;transform:scale(1.02)}.pn .pn-raid:hover .pn-raid-art>img{transform:scale(1.08)}.pn .pn-raid-art:after{content:"";background:linear-gradient(#07121a8c,#0000 30% 45%,#091720f5 100%),radial-gradient(120% 90% at 50% 40%,#0000 50%,#040a0f99);position:absolute;inset:0}.pn .pn-raid-edition{z-index:1;border:1px solid var(--line);letter-spacing:.22em;text-transform:uppercase;color:var(--parchment-2,#e9dcbc);text-shadow:0 1px 4px #000;background:#040b10b8;border-radius:99px;padding:4px 11px;font-size:10px;font-weight:600;position:absolute;top:10px;left:12px}.pn .pn-raid-status{z-index:1;border:1px solid var(--line);color:var(--parchment-2,#e9dcbc);background:#040b10b8;border-radius:99px;align-items:center;gap:7px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:10px;right:12px}.pn .pn-raid-status i{background:var(--text-muted,#8fa4a4);border-radius:50%;width:7px;height:7px}.pn .pn-raid-status.active i{background:var(--danger,#ef7d6d);box-shadow:0 0 8px var(--danger,#ef7d6d);animation:1.2s ease-in-out infinite pn-blink}.pn .pn-raid-status.gathering i{background:var(--warning,#f0c36a);box-shadow:0 0 8px var(--warning,#f0c36a)}.pn .pn-raid-status.won i{background:var(--success,#8fd6a0)}@keyframes pn-blink{50%{opacity:.35}}.pn .pn-raid-title{z-index:1;position:absolute;bottom:14px;left:18px;right:18px}.pn .pn-raid-title .pn-rarity{border:1px solid color-mix(in srgb, var(--r) 45%, transparent);background:#040b10b8;border-radius:99px;padding:3px 10px 3px 8px}.pn .pn-raid-title h2{color:var(--parchment,#fff1d2);text-shadow:0 2px 12px #000c;margin:2px 0;font-size:40px;line-height:1}.pn .pn-raid-title p{color:var(--parchment-2,#e9dcbc);text-shadow:0 1px 4px #000;align-items:center;gap:8px;font-size:12px;font-style:italic;display:flex}.pn .pn-raid-body{gap:14px;padding:16px 18px 18px;display:grid}.pn .pn-raid-facts{color:var(--parchment-dim,#b9c6c3);flex-wrap:wrap;gap:8px 18px;font-size:12px;display:flex}.pn .pn-raid-facts span{align-items:center;gap:6px;display:inline-flex}.pn .pn-raid-facts svg{color:var(--gold-300,#e8c477)}.pn .pn-raid-facts b{color:var(--parchment,#fff1d2);font-variant-numeric:tabular-nums}.pn .pn-raid-facts small{color:var(--text-muted,#8fa4a4);font-size:11px}.pn .pn-raid-facts .live b{color:var(--warning,#f0c36a)}.pn .pn-raid-desc{font-size:12px;line-height:1.6}.pn .pn-raid-body .pn-micro,.pn .pn-raid-body .pn-link{margin-top:-6px}.pn .pn-raid-team{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:#040b1073;justify-content:space-between;gap:6px;padding:10px 6px 14px;display:flex}.pn .pn-raid-team.ready{justify-content:center;gap:10px}.pn .pn-raid-team>button{transition:transform var(--dur-fast,.16s) var(--ease-out);background:0 0;border-radius:50%;place-items:center;padding:3px;display:grid}.pn .pn-raid-team>button:hover:not(:disabled){transform:translateY(-2px)}.pn .pn-raid-team>button:disabled{cursor:default}.pn .pn-raid-team>button.active{box-shadow:0 0 0 2px var(--gold-300,#e8c477), 0 0 16px #e8c4778c}.pn .pn-raid-team>button.fainted .pn-portrait{filter:grayscale()brightness(.55)}.pn .pn-raid-combat{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pn .pn-raid-combat .button{min-height:46px}.pn .pn-feed{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:#040b1080;padding:12px 14px}.pn .pn-feed h4{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-300,#e8c477);align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:600;display:flex}.pn .pn-feed ol{gap:5px;max-height:170px;padding:0;list-style:none;display:grid;overflow:auto}.pn .pn-feed li{color:var(--parchment-dim,#b9c6c3);align-items:baseline;gap:8px;font-size:12px;line-height:1.45;display:flex}.pn .pn-feed li.mine{color:var(--parchment,#fff1d2)}.pn .pn-feed li.mine:before{content:"Bạn";color:var(--gold-200,#f7dc9c);background:#e8c4772e;border-radius:3px;flex-shrink:0;padding:0 6px;font-size:10px;font-weight:700;line-height:17px}.pn .pn-feed li.start,.pn .pn-feed li.finish{color:var(--gold-200,#f7dc9c);font-weight:600}.pn .pn-feed li.skill span{font-style:italic}.pn .pn-feed-dot{background:var(--el);width:7px;height:7px;box-shadow:0 0 6px var(--el);flex-shrink:0;transform:rotate(45deg)translateY(-1px)}.pn .pn-ladder{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);margin-top:22px;padding:16px 18px}.pn .pn-ladder h3{color:var(--parchment-2,#e9dcbc);align-items:center;gap:8px;margin-bottom:10px;font-size:22px;display:flex}.pn .pn-ladder h3 svg{color:var(--gold-300,#e8c477)}.pn .pn-ladder ol{gap:4px;padding:0;list-style:none;display:grid}.pn .pn-ladder li{border-radius:var(--radius-sm,6px);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:grid}.pn .pn-ladder li:nth-child(odd){background:#fff1d208}.pn .pn-ladder li.you{box-shadow:inset 0 0 0 1px var(--line-strong);background:#e8c47721}.pn .pn-ladder-rank{color:var(--gold-300,#e8c477);text-align:center;font-size:14px;font-weight:700}.pn .pn-ladder li>span:last-child{color:var(--parchment-dim,#b9c6c3);font-variant-numeric:tabular-nums}.pn .pn-tray{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:#040b1080;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px;padding:14px;list-style:none;display:grid}.pn .pn-tray li{justify-items:center;gap:8px;display:grid}.pn .pn-tray li>span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted,#8fa4a4);font-size:10px;font-weight:600}.pn .pn-tray li:first-child>span{color:var(--gold-300,#e8c477)}.pn .pn-tray li>i{border:1px dashed var(--line-strong);background:#e8c4770a;border-radius:50%;width:54px;height:54px}.pn .pn-tray button{background:0 0;border-radius:50%;padding:2px}.pn .pn-pick-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;display:grid}.pn .pn-pick{position:relative}.pn .pn-pick.fainted .mc-card{filter:grayscale(.9)brightness(.6);pointer-events:none}.pn .pn-pick-note{color:var(--danger,#ef7d6d);white-space:nowrap;background:#240a08d9;border:1px solid #ef7d6d99;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.pn-modal.pn-sanctum{width:min(480px,100%)}.pn-sanctum>.pn-modal-scroll{text-align:center;justify-items:center;gap:6px;display:grid}.pn .pn-sanctum-stage{place-items:center;width:280px;height:280px;margin:10px 0 6px;display:grid;position:relative}.pn .pn-sanctum-stage:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--rc) 35%, transparent), transparent 70%);filter:blur(6px);border-radius:50%;position:absolute;inset:10%}.pn .pn-sanctum-ring{color:var(--rc);opacity:.75;animation:40s linear infinite pn-rotate;position:absolute;inset:0}.pn .pn-sanctum-ring.inner{color:var(--el);opacity:.55;animation-duration:26s;animation-direction:reverse;inset:13%}.pn .pn-sanctum-ring svg{width:100%;height:100%}.pn .pn-sanctum-portrait{z-index:1;position:relative}.pn .pn-sanctum-stage.broken .pn-sanctum-portrait{animation:pn-shake .5s var(--ease-out)}.pn .pn-sanctum-stage.broken .pn-sanctum-ring{color:var(--danger,#ef7d6d)}@keyframes pn-shake{20%{transform:translate(-6px)rotate(-2deg)}45%{transform:translate(5px)rotate(2deg)}70%{transform:translate(-3px)}}.pn-sanctum h2{color:var(--parchment,#fff1d2);font-size:40px}.pn .pn-sanctum-copy{max-width:360px;font-size:13px}.pn .pn-sanctum-facts{color:var(--parchment-dim,#b9c6c3);gap:22px;margin:8px 0 12px;font-size:12px;display:flex}.pn .pn-sanctum-facts span{align-items:center;gap:6px;display:inline-flex}.pn .pn-sanctum-facts svg{color:var(--gold-300,#e8c477)}.pn .pn-sanctum-facts b{color:var(--parchment,#fff1d2);font-size:15px}.pn .pn-purse{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);box-shadow:var(--pn-inset);flex-wrap:wrap;align-items:center;gap:10px 26px;padding:14px 18px;display:flex}.pn .pn-purse .pn-resource b{font-size:19px;font-weight:700}.pn .pn-place{color:var(--warning,#f0c36a);border:1px solid #f0c36a66;border-radius:99px;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.pn .pn-place.ok{color:var(--success,#8fd6a0);border-color:#8fd6a073}.pn .pn-spell-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 18px;display:grid}.pn .pn-spell-grid.wide{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.pn .pn-spell-grid .pn-card-cell>.mc-card{width:100%}.pn .pn-spell-grid.forge{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px}.pn .pn-spell-grid>.mc-card,.pn .pn-spell-grid>.sc-wrap{width:100%}.pn .pn-spell-grid .sc-wrap{flex-direction:column;gap:10px;display:flex}.pn .pn-cost{flex-wrap:wrap;justify-content:center;gap:6px 12px;display:flex}.pn .pn-spring{border-radius:var(--radius-md,10px);background:linear-gradient(100deg,#7fd6c41f,#091720cc 65%);border:1px solid #7fd6c44d;align-items:center;gap:16px;margin-top:30px;padding:16px 18px;display:flex}.pn .pn-spring-icon{width:48px;height:48px;color:var(--accent-teal,#7fd6c4);background:radial-gradient(circle,#7fd6c44d,#0000 70%);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #7fd6c473}.pn .pn-spring>div{flex:1;gap:2px;display:grid}.pn .pn-spring b{font-family:var(--serif);color:var(--parchment,#fff1d2);font-size:22px}.pn .pn-spring small{color:var(--parchment-dim,#b9c6c3);font-size:12px}.pn .pn-shop{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:0;list-style:none;display:grid}.pn .pn-shop-item{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);box-shadow:var(--pn-inset);align-items:center;gap:14px;padding:14px 16px;display:flex}.pn .pn-shop-item>div{flex:1;gap:2px;min-width:0;display:grid}.pn .pn-shop-item h3{color:var(--parchment,#fff1d2);font-size:21px}.pn .pn-shop-item p{font-size:12px;line-height:1.45}.pn .pn-shop-item small{color:var(--text-muted,#8fa4a4);font-size:11px}.pn .pn-shop-icon{border:1px solid var(--line-strong);width:46px;height:46px;color:var(--gold-200,#f7dc9c);background:radial-gradient(circle,#e8c4772e,#07121a 75%);border-radius:8px;place-items:center;display:grid;transform:rotate(45deg)}.pn .pn-shop-icon svg{transform:rotate(-45deg)}.pn .pn-shop-icon.rare{color:var(--rarity-rare,#77b8d4);border-color:#77b8d499}.pn .pn-shop-icon.potion{color:#f3a194;border-color:#ef7d6d80}.pn .pn-arena-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:34px;display:grid}.pn .pn-arena-ring{aspect-ratio:1;width:100%;max-width:400px;margin:0 auto;position:relative}.pn .pn-arena-glow{filter:blur(4px);background:radial-gradient(circle,#e8c47742,#7fd6c414 50%,#0000 70%);border-radius:50%;position:absolute;inset:12%}.pn .pn-arena-circle{border:1px solid var(--line-strong);border-radius:50%;position:absolute;inset:4%;box-shadow:inset 0 0 40px #e8c4771a,0 0 0 6px #e8c47708}.pn .pn-arena-circle:before{content:"";border:1px dashed #e8c4774d;border-radius:50%;animation:60s linear infinite pn-rotate;position:absolute;inset:7%}.pn .pn-arena-circle.inner{border-color:#7fd6c459;inset:30%}.pn .pn-arena-circle.inner:before{display:none}.pn .pn-arena-seat{position:absolute;transform:translate(-50%,-50%)}.pn .pn-arena-seat.s0{top:50%;left:50%}.pn .pn-arena-seat.s1{top:18%;left:18%}.pn .pn-arena-seat.s2{top:18%;left:82%}.pn .pn-arena-seat.s3{top:82%;left:82%}.pn .pn-arena-seat.s4{top:82%;left:18%}.pn .pn-arena-panel{gap:14px;display:grid}.pn .pn-gate{flex-wrap:wrap;gap:8px;display:flex}.pn .pn-gate-step{border:1px solid var(--line);color:var(--parchment-dim,#b9c6c3);background:#040b1066;border-radius:99px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.pn .pn-gate-step.done{color:var(--success,#8fd6a0);border-color:#8fd6a073}.pn .pn-arena-actions{gap:8px;margin-top:4px;display:grid}.pn .pn-arena-actions .button{min-height:46px}.pn .pn-arena-panel .pn-link{justify-self:start;margin-top:0}.pn .pn-arena-panel .pn-micro{margin-top:0}.pn .pn-rules{counter-reset:rule;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;padding:0;list-style:none;display:grid}.pn .pn-rules li{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);counter-increment:rule;padding:18px;position:relative}.pn .pn-rules li:before{content:"0" counter(rule);letter-spacing:.2em;color:#e8c47773;font-size:13px;font-weight:700;line-height:1;position:absolute;top:16px;right:18px}.pn .pn-rules li>svg{color:var(--gold-300,#e8c477)}.pn .pn-rules h3{color:var(--parchment,#fff1d2);margin:10px 0 6px;font-size:21px}.pn .pn-rules p{font-size:12px;line-height:1.6}.pn-modal.pn-settings{width:min(980px,100%);height:min(700px,100dvh - 48px)}.pn-settings>.pn-modal-scroll{grid-template-columns:236px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.pn .pn-settings-title{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin:0 -34px 6px;padding:4px 64px 18px 34px;display:flex}.pn .pn-settings-title>span{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--gold-200,#f7dc9c);background:radial-gradient(circle,#e8c4772e,#07121a 75%);border-radius:8px;place-items:center;display:grid;transform:rotate(45deg)}.pn .pn-settings-title>span svg{transform:rotate(-45deg)}.pn .pn-settings-title h3{color:var(--parchment,#fff1d2);font-size:30px;line-height:1.05}.pn .pn-settings-title p{font-size:12px}.pn .pn-settings-nav{border-right:1px solid var(--line);background:radial-gradient(120% 40% at 0 0,#e8c47717,#0000 70%),linear-gradient(#040b1080,#040b1033);flex-direction:column;gap:14px;padding:32px 18px 24px 22px;display:flex}.pn .pn-settings-nav h2{color:var(--parchment,#fff1d2);margin-bottom:8px;font-size:31px;line-height:1.05}.pn .pn-settings-nav h2 em{color:var(--gold-200,#f7dc9c);font-style:italic;font-weight:500;display:block}.pn .pn-settings-body{overscroll-behavior:contain;scrollbar-color:#4f6a6a transparent;min-width:0;padding:22px 34px 34px;overflow:auto}.pn .pn-settings-body:focus-visible{outline-offset:-4px}.pn .pn-settings-section>.pn-section:first-child{margin-top:6px}.pn .pn-rows-list{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);box-shadow:var(--pn-inset);display:grid}.pn .pn-rows-list.muted{opacity:.6}.pn .pn-rows-list>*+*{border-top:1px solid #e8c4771a}.pn .pn-toggle-row,.pn .pn-slider-row{align-items:center;gap:14px;min-height:64px;padding:12px 16px;display:flex}.pn .pn-toggle-row.disabled{opacity:.5}.pn .pn-row-icon{width:34px;height:34px;color:var(--gold-300,#e8c477);background:#e8c47717;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.pn .pn-row-text{flex:1;gap:2px;min-width:0;display:grid}.pn .pn-row-text label{color:var(--parchment,#fff1d2);cursor:pointer;font-size:14px;font-weight:600}.pn .pn-row-text small{color:var(--text-muted,#8fa4a4);font-size:11px;line-height:1.5}.pn .pn-switch{border:1px solid var(--line-strong);width:50px;height:28px;transition:background var(--dur-med,.28s), border-color var(--dur-med,.28s);background:#040b10cc;border-radius:99px;flex-shrink:0;padding:0;position:relative;box-shadow:inset 0 1px 4px #0009}.pn .pn-switch>i{width:20px;height:20px;transition:transform var(--dur-med,.28s) var(--ease-back,ease);background:radial-gradient(circle at 35% 30%,#e9dcbc,#8fa4a4 70%);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0009}.pn .pn-switch>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pn .pn-switch.on{background:linear-gradient(#d4a957,#9c7a3c);border-color:#f7dc9c}.pn .pn-switch.on>i{background:radial-gradient(circle at 35% 30%,#fff,#fff1d2 60%,#e8c477);transform:translate(22px)}.pn .pn-switch:focus-visible{box-shadow:var(--pn-focus);outline:none}.pn .pn-slider{flex-shrink:0;align-items:center;gap:12px;width:min(280px,46%);display:flex}.pn .pn-slider output{font-variant-numeric:tabular-nums;min-width:48px;color:var(--gold-100,#fff3cf);text-align:right;font-size:13px;font-weight:700}.pn .pn-slider input[type=range]{--fill:50%;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:30px;margin:0}.pn .pn-slider input[type=range]:focus{outline:none}.pn .pn-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #d4a957, #f7dc9c var(--fill), #fff1d21f var(--fill));border-radius:99px;height:6px;box-shadow:inset 0 1px 2px #00000080}.pn .pn-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 30%,#fff3cf,#d4a957 60%,#8a6526);border:1px solid #fff1d2;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 0 0 4px #e8c47729,0 2px 6px #000000b3}.pn .pn-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #e8c47773,0 2px 6px #000000b3}.pn .pn-slider input[type=range]::-moz-range-track{background:#fff1d21f;border-radius:99px;height:6px}.pn .pn-slider input[type=range]::-moz-range-progress{background:linear-gradient(90deg,#d4a957,#f7dc9c);border-radius:99px;height:6px}.pn .pn-slider input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,#fff3cf,#d4a957 60%,#8a6526);border:1px solid #fff1d2;border-radius:50%;width:18px;height:18px}.pn .pn-segmented{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:#040b108c;gap:4px;padding:4px;display:flex}.pn .pn-segmented>button{border-radius:var(--radius-sm,6px);min-height:40px;color:var(--parchment-dim,#b9c6c3);transition:background var(--dur-fast,.16s), color var(--dur-fast,.16s);background:0 0;flex:1;gap:1px;padding:7px 10px;font-size:13px;font-weight:600;display:grid}.pn .pn-segmented>button:hover{color:var(--parchment,#fff1d2)}.pn .pn-segmented>button.active{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--parchment,#fff1d2);background:linear-gradient(#e8c47742,#e8c4771f)}.pn .pn-segmented small{color:var(--text-muted,#8fa4a4);font-size:11px;font-weight:400}.pn .pn-quality{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.pn .pn-quality-card{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);min-height:150px;box-shadow:var(--pn-inset);color:var(--parchment,#fff1d2);text-align:left;transition:border-color var(--dur-fast,.16s), transform var(--dur-fast,.16s) var(--ease-out), background var(--dur-fast,.16s);align-content:start;gap:4px;padding:14px 12px;display:grid;position:relative}.pn .pn-quality-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.pn .pn-quality-card.active{border-color:var(--gold-300,#e8c477);background:radial-gradient(90% 60% at 50% 0%, #e8c47733, transparent 75%), var(--pn-surface-hi);box-shadow:var(--pn-inset), 0 0 22px -8px #e8c477cc}.pn .pn-quality-card b{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.1}.pn .pn-quality-card small{color:var(--text-muted,#8fa4a4);font-size:11px;line-height:1.45}.pn .pn-quality-card .pn-quality-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-300,#e8c477);font-size:10px;font-weight:700}.pn .pn-quality-pips{height:18px;color:var(--gold-300,#e8c477);align-items:flex-end;gap:3px;margin-bottom:6px;display:flex}.pn .pn-quality-pips i{background:#fff1d226;border-radius:1px;width:5px}.pn .pn-quality-pips i:first-child{height:6px}.pn .pn-quality-pips i:nth-child(2){height:10px}.pn .pn-quality-pips i:nth-child(3){height:14px}.pn .pn-quality-pips i:nth-child(4){height:18px}.pn .pn-quality-pips i.on{background:linear-gradient(#fbe3a6,#d4a957);box-shadow:0 0 6px #e8c47780}.pn .pn-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.pn .pn-keys>div{border-bottom:1px solid #e8c4771a;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:12px;padding:9px 2px;display:grid}.pn .pn-keys dt{color:var(--parchment-2,#e9dcbc);font-size:13px}.pn .pn-keys dd{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pn .pn-keys kbd{border:1px solid var(--line-strong);min-width:28px;height:26px;color:var(--parchment,#fff1d2);font-family:var(--sans);white-space:nowrap;background:linear-gradient(#1b3547,#0c1c26);border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 8px;font-size:11px;font-weight:600;line-height:1;display:inline-grid}.pn .pn-keys small{color:var(--text-muted,#8fa4a4);flex-basis:100%;font-size:11px;line-height:1.4}.pn .pn-profile{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:radial-gradient(60% 120% at 0% 50%, #e8c4771f, transparent 70%), var(--pn-surface);align-items:center;gap:14px;margin:6px 0 18px;padding:14px 16px;display:flex}.pn .pn-profile>img{filter:brightness(1.6)drop-shadow(0 0 8px #e8c47773);width:44px;height:52px}.pn .pn-profile>div{flex:1;min-width:0;display:grid}.pn .pn-profile b{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:26px;line-height:1.1;overflow:hidden}.pn .pn-profile span{color:var(--parchment-dim,#b9c6c3);font-size:12px}.pn .pn-inline-form{margin-bottom:18px}.pn .pn-form{gap:14px;margin-top:16px;display:grid}.pn .pn-form .pn-subhead{margin:0}.pn .pn-form .pn-micro{margin-top:-4px}.pn .pn-form>.button:not(.full-width){justify-self:start}.pn .pn-security{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.pn .pn-security .pn-form{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);align-content:start;padding:16px}.pn .pn-codes{border:1px solid var(--line-strong);border-radius:var(--radius-md,10px);background:radial-gradient(80% 50% at 50% 0%, #8fd6a01f, transparent 70%), var(--pn-surface-hi);gap:14px;padding:18px;display:grid;position:relative}.pn .pn-codes-head{gap:12px;display:flex}.pn .pn-codes-head>svg{color:var(--success,#8fd6a0);margin-top:2px}.pn .pn-codes-head h3{color:var(--parchment,#fff1d2);font-size:24px}.pn .pn-codes-head p{font-size:12px}.pn .pn-codes-head p b{color:var(--warning,#f0c36a)}.pn .pn-codes-list{border:1px dashed var(--line-strong);border-radius:var(--radius-sm,6px);color:var(--text-muted,#8fa4a4);background:#040b10b3;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:14px 16px 14px 34px;font-size:11px;display:grid}.pn .pn-codes-list code{letter-spacing:.06em;color:var(--parchment,#fff1d2);-webkit-user-select:all;user-select:all;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:14px}.pn .pn-codes-actions{flex-wrap:wrap;gap:8px;display:flex}.pn .pn-codes-actions>:last-child{margin-left:auto}.pn .pn-muted{gap:6px;margin-top:14px;padding:0;list-style:none;display:grid}.pn .pn-muted li{border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--pn-surface);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.pn .pn-muted li>span{align-items:center;gap:9px;font-weight:600;display:inline-flex}.pn .pn-muted li svg{color:var(--text-muted,#8fa4a4)}.pn .pn-settings-section>.pn-input-row{margin-top:12px}.pn .pn-settings-section .pn-empty{margin-top:14px}.pn .pn-reset{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:#040b1073;justify-items:end;gap:1px;padding:10px 16px;display:grid}.pn .pn-reset svg{color:var(--gold-300,#e8c477)}.pn .pn-reset small{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted,#8fa4a4);font-size:10px;font-weight:600}.pn .pn-reset b{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--parchment,#fff1d2);font-size:24px;font-weight:700;line-height:1}.pn .pn-quest-summary{color:var(--parchment-dim,#b9c6c3);flex-wrap:wrap;gap:8px 22px;margin:-6px 0 16px;font-size:12px;display:flex}.pn .pn-quest-summary b{color:var(--parchment,#fff1d2);font-size:15px;font-weight:700}.pn .pn-quest-summary .ready{color:var(--gold-200,#f7dc9c);font-weight:600}.pn .pn-quest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pn .pn-quest{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:radial-gradient(100% 50% at 50% 0%, #e8c47712, transparent 70%), var(--pn-surface);box-shadow:var(--pn-inset), 0 14px 30px -20px #000c;flex-direction:column;gap:12px;padding:18px;display:flex;position:relative}.pn .pn-quest:after{--c:#f7dc9c73}.pn .pn-quest.ready{border-color:var(--gold-300,#e8c477);background:radial-gradient(100% 60% at 50% 0%, #e8c47733, transparent 70%), var(--pn-surface-hi);box-shadow:var(--pn-inset), 0 0 30px -12px #e8c477cc}.pn .pn-quest.ready:after{--c:#fbe3a6}.pn .pn-quest.claimed{opacity:.72}.pn .pn-quest>header{align-items:center;gap:12px;display:flex}.pn .pn-quest-crest{border:1px solid var(--line-strong);width:46px;height:46px;color:var(--gold-200,#f7dc9c);background:radial-gradient(circle,#e8c47733,#07121a 75%);border-radius:9px;flex-shrink:0;place-items:center;display:grid;transform:rotate(45deg);box-shadow:0 0 16px -6px #e8c47799}.pn .pn-quest-crest svg{transform:rotate(-45deg)}.pn .pn-quest.claimed .pn-quest-crest{color:var(--success,#8fd6a0);border-color:#8fd6a080}.pn .pn-quest-slot{letter-spacing:.18em;text-transform:uppercase;min-width:0;color:var(--gold-300,#e8c477);flex:1;font-size:10px;font-weight:700;display:grid}.pn .pn-quest-slot small{letter-spacing:.04em;text-transform:none;color:var(--text-muted,#8fa4a4);font-size:11px;font-weight:500}.pn .pn-quest h3{color:var(--parchment,#fff1d2);font-size:26px;line-height:1.05}.pn .pn-quest>p{margin-top:-6px;font-size:13px;line-height:1.5}.pn .pn-quest-rewards{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;display:flex}.pn .pn-reward{border:1px solid var(--line);color:var(--parchment-dim,#b9c6c3);background:#040b1080;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:inline-flex}.pn .pn-reward b{color:var(--parchment,#fff1d2);font-size:12px}.pn .pn-reward svg{color:var(--gold-300,#e8c477)}.pn .pn-reward.rare svg{color:var(--rarity-rare,#77b8d4)}.pn .pn-reward.potion svg{color:#f3a194}.pn .pn-reward.shards svg{color:var(--accent-teal,#7fd6c4)}.pn .pn-stats{margin-top:8px}.pn .pn-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.pn .pn-stat-tile{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);box-shadow:var(--pn-inset);gap:6px;padding:12px 14px;display:grid}.pn .pn-stat-tile dt{color:var(--text-muted,#8fa4a4);align-items:center;gap:6px;font-size:11px;line-height:1.3;display:flex}.pn .pn-stat-tile dt svg{color:var(--gold-300,#e8c477)}.pn .pn-stat-tile dd{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--parchment,#fff1d2);font-size:23px;font-weight:700;line-height:1.1}.pn .pn-board-hint{margin:-6px 0 14px}.pn .pn-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;max-width:720px;margin:8px auto 18px;padding:0;list-style:none;display:grid}.pn .pn-podium-step{--m:var(--gold-300,#e8c477);text-align:center;justify-items:center;gap:2px;display:grid;position:relative}.pn .pn-podium-step.r2{--m:#d6e4ea}.pn .pn-podium-step.r3{--m:#d9946a}.pn .pn-podium-medal{border:2px solid var(--m);background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--m) 45%, #0c1c26), #07121a 80%);width:46px;height:46px;color:var(--m);box-shadow:0 0 22px -4px color-mix(in srgb, var(--m) 70%, transparent);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.pn .pn-podium-step.r1 .pn-podium-medal{width:58px;height:58px}.pn .pn-podium-rank{letter-spacing:.18em;text-transform:uppercase;color:var(--m);font-size:10px;font-weight:700}.pn .pn-podium-name{max-width:100%;font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;color:var(--parchment,#fff1d2);font-size:22px;font-weight:600;line-height:1.15;overflow:hidden}.pn .pn-podium-value{font-variant-numeric:tabular-nums;color:var(--parchment-dim,#b9c6c3);font-size:12px;font-weight:600}.pn .pn-podium-plinth{border:1px solid color-mix(in srgb, var(--m) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--m) 26%, transparent), transparent), #040b1099;width:100%;height:64px;color:color-mix(in srgb, var(--m) 70%, transparent);border-bottom:0;border-radius:8px 8px 0 0;place-items:center;margin-top:10px;font-size:26px;font-style:normal;font-weight:800;display:grid}.pn .pn-podium-step.r1 .pn-podium-plinth{height:96px}.pn .pn-podium-step.r3 .pn-podium-plinth{height:46px}.pn .pn-podium-step.empty .pn-podium-plinth{border-style:dashed;border-color:var(--line);background:0 0;height:40px}.pn .pn-podium-step.you .pn-podium-name:after{content:" · Bạn";font-family:var(--sans);color:var(--gold-200,#f7dc9c);font-size:12px}.pn .pn-table{border-collapse:separate;border-spacing:0 3px;width:100%;font-size:13px}.pn .pn-table th{letter-spacing:.16em;text-align:left;text-transform:uppercase;color:var(--text-muted,#8fa4a4);padding:4px 14px;font-size:10px;font-weight:700}.pn .pn-table th:last-child,.pn .pn-table td:last-child{text-align:right}.pn .pn-table td{font-variant-numeric:tabular-nums;background:#fff1d208;padding:9px 14px}.pn .pn-table td:first-child{width:70px;color:var(--gold-300,#e8c477);border-radius:6px 0 0 6px;font-size:14px;font-weight:700}.pn .pn-table td:last-child{color:var(--parchment-2,#e9dcbc);border-radius:0 6px 6px 0}.pn .pn-table tr.you td{background:#e8c47724}.pn .pn-you{background:var(--pn-gold-grad);color:#1c1305;border-radius:3px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:700}.pn .pn-yourank{border:1px solid var(--line-strong);border-radius:var(--radius-md,10px);background:linear-gradient(90deg,#1b3547,#0c1c26);align-items:center;gap:14px;margin-top:14px;padding:12px 18px;display:flex;position:sticky;bottom:-28px;box-shadow:0 -10px 24px -10px #000000b3}.pn .pn-ranking-list>.pn-yourank{margin-top:0}.pn .pn-ranking-list>.pn-table{margin-bottom:14px}.pn .pn-yourank>svg{color:var(--gold-300,#e8c477)}.pn .pn-yourank>span:first-of-type{flex:1;min-width:0;display:grid}.pn .pn-yourank>span:first-of-type b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.pn .pn-yourank small{color:var(--text-muted,#8fa4a4);font-size:11px}.pn .pn-yourank-rank{color:var(--gold-200,#f7dc9c);font-size:22px;font-weight:800;line-height:1}.pn .pn-yourank-value{text-align:right;min-width:90px;color:var(--parchment-2,#e9dcbc);font-weight:600}.pn .pn-error-line{color:var(--warning,#f0c36a)}.pn .pn-skeleton{gap:6px;display:grid}.pn .pn-skeleton i{background:linear-gradient(90deg,#fff1d20a,#fff1d21a,#fff1d20a) 0 0/200% 100%;border-radius:6px;animation:1.4s linear infinite pn-shimmer;display:block}.pn .pn-skeleton-podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;width:100%;max-width:720px;margin:8px auto 18px;display:grid}.pn .pn-skeleton-podium i:first-child{height:120px}.pn .pn-skeleton-podium i:nth-child(2){height:160px}.pn .pn-skeleton-podium i:nth-child(3){height:100px}.pn .pn-skeleton-row{height:38px}@keyframes pn-shimmer{to{background-position:-200% 0}}.pn .pn-guide-cols{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;display:grid}.pn .pn-tips{gap:12px;display:grid}.pn .pn-tips dt{font-family:var(--serif);color:var(--gold-200,#f7dc9c);font-size:19px;font-weight:600}.pn .pn-tips dd{color:var(--parchment-dim,#b9c6c3);font-size:13px;line-height:1.6}.pn .pn-element-table{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);align-self:start;padding:16px}.pn .pn-element-table h3{margin-bottom:8px;font-size:22px}.pn .pn-element-table>div{color:var(--parchment-dim,#b9c6c3);border-bottom:1px solid #e8c47717;grid-template-columns:96px 14px 1fr;align-items:center;gap:8px;padding:6px 0;font-size:12px;display:grid}.pn .pn-element-table svg.lucide{color:var(--text-muted,#8fa4a4)}.pn :is(.pn-tabs,.pn-chips){--fade-s:0px;--fade-e:0px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scroll-padding-inline:28px}.pn :is(.pn-tabs,.pn-chips)>*{scroll-snap-align:start}.pn :is(.pn-tabs,.pn-chips)[data-more]{-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-s), #000 calc(100% - var(--fade-e)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-s), #000 calc(100% - var(--fade-e)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-s), #000 calc(100% - var(--fade-e)), transparent 100%)}.pn :is(.pn-tabs,.pn-chips)[data-more~=start]{--fade-s:36px}.pn :is(.pn-tabs,.pn-chips)[data-more~=end]{--fade-e:36px}.pn .pn-signout{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:22px;padding:14px 16px;display:flex}.pn .pn-signout .pn-row-text b{color:var(--parchment,#fff1d2);font-size:14px}.pn .pn-signout-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.pn .pn-codes-leave{border-radius:var(--radius-sm,6px);animation:pn-rise var(--dur-med,.28s) var(--ease-out);background:linear-gradient(#f0c36a29,#f0c36a0f);border:1px solid #f0c36a99;gap:12px;padding:14px 16px;display:flex;box-shadow:0 0 0 3px #f0c36a1a}.pn .pn-codes-leave:focus-visible{box-shadow:var(--pn-focus);outline:none}.pn .pn-codes-leave>svg{color:var(--warning,#f0c36a);flex-shrink:0;margin-top:1px}.pn .pn-codes-leave b{color:var(--parchment,#fff1d2);font-size:14px;display:block}.pn .pn-codes-leave p{color:var(--parchment-2,#e9dcbc);margin:4px 0 10px;font-size:12px;line-height:1.5}.pn .pn-codes-leave-actions{flex-wrap:wrap;gap:8px;display:flex}.pn .pn-mute-hint{margin-top:6px}.pn .pn-mute-hint.bad{color:var(--warning,#f0c36a)}.pn .pn-muted li>span{min-width:0}.pn .pn-muted-who{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.pn .pn-muted li svg{flex-shrink:0}.pn .pn-muted-name{overflow-wrap:anywhere}.pn .pn-muted-tag{border:1px solid var(--line);letter-spacing:.04em;color:var(--gold-200,#f7dc9c);background:#040b1099;border-radius:99px;padding:1px 7px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;font-weight:500}.pn .mc-spell .mc-plate{height:auto;min-height:10.8cqw;padding-block:1.5cqw}.pn .mc-spell .mc-name{text-align:center;white-space:normal;text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:86%;line-height:1.08;display:-webkit-box}@media (max-width:760px),(pointer:coarse){.button.btn-sm{min-height:40px}.pn .pn-chip{justify-content:center;min-width:40px;min-height:40px}.game-window>.window-bar>button{justify-content:center;min-width:44px;min-height:44px}.pn .pn-pagination ol button{min-width:40px;height:40px}.pn .pn-search.compact{min-height:42px}.pn .pn-search.compact input{height:40px}.pn .pn-search button{background-clip:content-box;width:40px;height:40px;margin-right:-8px;padding:7px}.pn .pn-password .pn-input{padding-right:50px}.pn .pn-password button{width:40px;height:40px;right:3px}.pn .pn-switch:before{content:"";position:absolute;inset:-7px -4px}.pn .pn-link{min-height:40px}}@media (max-width:1000px){.pn .pn-spell-grid.forge{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.pn .pn-quest-grid{grid-template-columns:1fr}.pn .pn-stat-grid,.pn .pn-quality{grid-template-columns:repeat(3,minmax(0,1fr))}.pn .pn-arena-intro{grid-template-columns:1fr}.pn .pn-arena-ring{max-width:300px}.pn .pn-security,.pn .pn-guide-cols{grid-template-columns:1fr}}@media (max-width:760px){.pn{font-size:13px}.pn .pn-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:16px}.pn .pn-head h1{font-size:30px}.pn .pn-head-aside{align-self:stretch}.pn .pn-head-aside>svg{display:none}.pn .pn-lead{font-size:12px}.pn .pn-section{flex-direction:column;align-items:flex-start;gap:2px}.pn .pn-section h2{font-size:21px}.pn .pn-section>span{text-align:left}.pn .pn-tabs>button{padding:10px 11px 12px;font-size:12px}.pn .pn-tabs>button svg{display:none}.pn .pn-rows{grid-template-columns:1fr}.pn .pn-pagination ol{flex-wrap:wrap;flex-basis:100%;order:-1;justify-content:center}.pn .pn-pagination>.button{flex:1 1 0;max-width:160px}.pn .pn-notice{flex-wrap:wrap}.pn .pn-notice>.button{width:100%}.pn-shade{place-items:end stretch;padding:0}.pn-modal,.pn-modal.wide{border-bottom:0;border-radius:16px 16px 0 0;width:100%;max-height:calc(100dvh - 12px)}.pn-modal-scroll{padding:30px 16px calc(22px + env(safe-area-inset-bottom))}.pn-modal-orn{display:none}.pn-modal-close{top:10px;right:10px}.pn .pn-modal-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.pn-modal.pn-settings{height:calc(100dvh - 12px)}.pn-settings>.pn-modal-scroll{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding:0}.pn .pn-settings-title{margin:0 -16px 4px;padding:14px 16px}.pn .pn-settings-title>span{display:none}.pn .pn-settings-title h3{font-size:24px}.pn .pn-settings-nav{border-right:0;border-bottom:1px solid var(--line);gap:6px;padding:18px 16px 0}.pn .pn-settings-nav .pn-eyebrow{display:none}.pn .pn-settings-nav h2{margin:0;font-size:25px}.pn .pn-settings-nav h2 em{display:inline}.pn .pn-tabs.vertical{flex-direction:row;gap:2px;margin:0 -16px;padding:0 10px;overflow-x:auto}.pn .pn-tabs.vertical>button{border:0;border-radius:6px 6px 0 0;min-height:44px;padding:10px 11px}.pn .pn-tabs.vertical>button svg{display:inline}.pn .pn-tabs.vertical>button:after{width:auto;height:2px;inset:auto 10px 0}.pn .pn-tabs.vertical>button.active{background:0 0}.pn .pn-settings-body{padding:4px 16px calc(24px + env(safe-area-inset-bottom))}.pn .pn-quality{grid-template-columns:repeat(2,minmax(0,1fr))}.pn .pn-quality-card{min-height:0}.pn .pn-quality-card:first-child{grid-column:1/-1}.pn .pn-toggle-row,.pn .pn-slider-row{gap:12px;padding:12px}.pn .pn-slider-row{flex-wrap:wrap}.pn .pn-slider-row .pn-slider{width:100%;padding-left:46px}.pn .pn-keys,.pn .pn-codes-list{grid-template-columns:1fr}.pn .pn-codes-actions>*{flex:1}.pn .pn-codes-actions>:last-child{flex-basis:100%;margin-left:0}.pn .pn-input-row{flex-direction:column}.pn .pn-raid-grid{grid-template-columns:1fr}.pn .pn-raid-art{height:200px}.pn .pn-raid-title h2{font-size:34px}.pn .pn-raid-body{padding:14px}.pn .pn-raid-team .pn-portrait{--pz:46px!important}.pn .pn-invite{flex-wrap:wrap}.pn .pn-invite .button{width:100%}.pn .pn-tray{gap:4px;padding:10px 6px}.pn .pn-tray li>span{letter-spacing:.04em;font-size:10px}.pn .pn-tray .pn-portrait{--pz:48px!important}.pn .pn-tray li>i{width:48px;height:48px}.pn .pn-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pn .pn-sanctum-stage{width:240px;height:240px}.pn .pn-sanctum-portrait{--pz:176px!important}.pn .pn-purse{gap:8px 18px;padding:12px 14px}.pn .pn-purse .pn-resource b{font-size:20px}.pn .pn-place{margin-left:0}.pn .pn-spell-grid,.pn .pn-spell-grid.wide,.pn .pn-spell-grid.forge{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.pn .pn-spring{flex-wrap:wrap}.pn .pn-spring .button{width:100%}.pn .pn-shop,.pn .pn-rules{grid-template-columns:1fr}.pn .pn-arena-ring{max-width:260px}.pn .pn-arena-seat.s0 .pn-portrait{--pz:96px!important}.pn .pn-arena-seat:not(.s0) .pn-portrait{--pz:54px!important}.pn .pn-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pn .pn-stat-tile dd{font-size:24px}.pn .pn-reset{grid-template-columns:auto auto 1fr;place-items:center start;gap:8px}.pn .pn-reset b{justify-self:end;font-size:22px}.pn .pn-quest h3{font-size:23px}.pn .pn-podium{gap:6px}.pn .pn-podium-name{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:17px;display:-webkit-box}.pn .pn-podium-value{font-size:11px}.pn .pn-podium-plinth{height:44px;font-size:20px}.pn .pn-podium-step.r1 .pn-podium-plinth{height:66px}.pn .pn-podium-step.r3 .pn-podium-plinth{height:32px}.pn .pn-table td,.pn .pn-table th{padding-left:10px;padding-right:10px}.pn .pn-table td:first-child{width:48px}.pn .pn-yourank{gap:10px;padding:10px 12px;bottom:-16px}.pn .pn-yourank-value{min-width:0;font-size:12px}}@media (max-height:520px) and (min-width:600px){.pn-shade{padding:8px}.pn .pn-yourank{bottom:-14px}.pn-modal,.pn-modal.wide{max-height:calc(100dvh - 16px)}.pn-modal-scroll{padding:22px 22px 18px}.pn-modal.pn-settings{height:calc(100dvh - 16px)}.pn-settings>.pn-modal-scroll{grid-template-columns:196px minmax(0,1fr);padding:0}.pn .pn-settings-title{margin:0 -20px 4px;padding:0 60px 10px 20px}.pn .pn-settings-title>span{display:none}.pn .pn-settings-title h3{font-size:22px}.pn .pn-settings-nav{gap:8px;padding:16px 12px}.pn .pn-settings-nav h2{font-size:24px}.pn .pn-settings-nav .pn-eyebrow{display:none}.pn .pn-tabs.vertical>button{min-height:38px;padding:7px 12px}.pn .pn-settings-body{padding:14px 20px 20px}.pn .pn-head{margin-bottom:14px;padding-bottom:12px}.pn .pn-head h1{margin:4px 0;font-size:26px}.pn .pn-lead,.pn .pn-head-aside>svg,.pn-modal-orn{display:none}.pn .pn-raid-art{height:170px}.pn .pn-arena-intro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px}.pn .pn-arena-ring{max-width:240px}.pn .pn-arena-seat.s0 .pn-portrait{--pz:92px!important}.pn .pn-arena-seat:not(.s0) .pn-portrait{--pz:52px!important}.pn .pn-quality-card{min-height:0}.pn .pn-sanctum-stage{width:190px;height:190px}.pn .pn-sanctum-portrait{--pz:140px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.game-window.panel-collection{height:100%}.game-window.panel-collection>.window-body{flex:auto;min-height:0}.pn .pn-discovery{align-items:center;gap:12px;display:flex;position:relative}.pn .pn-discovery svg{width:72px;height:72px}.pn .pn-discovery circle{fill:none;stroke-width:4px}.pn .pn-discovery .track{stroke:#fff1d21a}.pn .pn-discovery .value{stroke:var(--gold-300,#e8c477);stroke-linecap:round;filter:drop-shadow(0 0 4px #e8c47799)}.pn .pn-discovery>b{text-align:center;width:72px;color:var(--parchment,#fff1d2);font-size:22px;font-weight:700;line-height:72px;position:absolute;left:0}.pn .pn-discovery>span{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted,#8fa4a4);font-size:10px;font-weight:600;line-height:1.5}.pn .pn-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pn .pn-filters .pn-search{flex:260px}.pn .pn-count{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted,#8fa4a4);margin-left:auto;font-size:11px;font-weight:600}.pn .pn-card-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:22px 16px;display:grid}.pn .pn-card-cell{min-width:0;position:relative}.pn .pn-card-cell>.mc-card{width:100%}.pn .pn-card-count{z-index:3;border:1px solid var(--gold-300,#e8c477);color:var(--gold-100,#fff3cf);pointer-events:none;background:#0b1a23;border-radius:99px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0009}.pn .pn-deck-status{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);box-shadow:var(--pn-inset);grid-template-columns:1fr 1fr auto;align-items:end;gap:18px;padding:16px 18px;display:grid}.pn .pn-deck-verdict{color:var(--warning,#f0c36a);white-space:nowrap;border:1px solid #f0c36a66;border-radius:99px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pn .pn-deck-verdict.ok{color:var(--success,#8fd6a0);border-color:#8fd6a073}.pn-modal.pn-detail{--rc:var(--rarity-common,#aaa591)}.pn-detail>.pn-modal-scroll{grid-template-columns:minmax(300px,400px) minmax(0,1fr);padding:0;display:grid}.pn-modal.pn-detail.rare{--rc:var(--rarity-rare,#77b8d4)}.pn-modal.pn-detail.epic{--rc:var(--rarity-epic,#dd8b76)}.pn-modal.pn-detail.legend{--rc:var(--rarity-legend,#dfbb67)}.pn .pn-detail-pin{background:radial-gradient(70% 42% at 50% 46%, color-mix(in srgb, var(--rc) 26%, transparent), transparent 72%);flex-direction:column;align-items:center;gap:18px;padding:26px 28px 22px;display:flex;position:sticky;top:0}.pn .pn-detail-stage{border-right:1px solid var(--line);background:linear-gradient(#0b1b26,#060f15);min-width:0;position:relative}.pn .pn-detail-pin:before{content:"";border:1px solid color-mix(in srgb, var(--rc) 22%, transparent);width:360px;height:360px;box-shadow:0 0 0 18px color-mix(in srgb, var(--rc) 4%, transparent), inset 0 0 60px color-mix(in srgb, var(--rc) 10%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.pn .pn-detail-views{border:1px solid var(--line);background:#040b10b3;border-radius:99px;gap:3px;width:100%;max-width:300px;padding:3px;display:flex;position:relative}.pn .pn-detail-views button{min-height:34px;color:var(--parchment-dim,#b9c6c3);background:0 0;border-radius:99px;flex:1;font-size:12px;font-weight:600}.pn .pn-detail-views button.active{background:var(--pn-gold-grad);color:#1c1305;box-shadow:0 0 14px -4px #e8c477cc}.pn .pn-detail-pin>.mc-card{align-self:center;width:min(100%,300px);position:relative}.pn .pn-detail-stage .creature-viewer{position:relative}.pn .pn-plate{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted,#8fa4a4);margin-top:auto;font-size:10px;font-weight:600;position:relative}.pn .pn-detail-body{align-content:start;gap:14px;min-width:0;padding:30px 34px 28px;display:grid}.pn .pn-detail-tags{flex-wrap:wrap;align-items:center;gap:8px 14px;padding-right:44px;display:flex}.pn .pn-detail-body>h2{color:var(--parchment,#fff1d2);margin-top:-2px;font-size:50px;line-height:.95}.pn .pn-detail-title{color:var(--gold-200,#f7dc9c);margin-top:-8px;font-size:20px;font-style:italic;font-weight:500}.pn .pn-lore{font-size:13px;line-height:1.7}.pn .pn-statbars{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:#040b1073;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;padding:14px 16px;display:grid}.pn .pn-statbar{grid-template-columns:74px 1fr 40px;align-items:center;gap:10px;display:grid}.pn .pn-statbar>span{color:var(--parchment-2,#e9dcbc);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.pn .pn-statbar .mc-icon{width:16px;height:16px;color:var(--st);--ic2:#fff1d2}.pn .pn-statbar>i{background:#fff1d214;border-radius:99px;height:6px;overflow:hidden}.pn .pn-statbar>i>span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--st) 55%, #000), var(--st));height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--st) 60%, transparent);display:block}.pn .pn-statbar>b{font-variant-numeric:tabular-nums;text-align:right;color:var(--parchment,#fff1d2);font-size:16px;font-weight:700;line-height:1}.pn .pn-skill{border:1px solid color-mix(in srgb, var(--el) 40%, var(--line));border-radius:var(--radius-md,10px);background:linear-gradient(110deg, color-mix(in srgb, var(--el) 13%, transparent), #040b1073 70%);gap:14px;padding:14px 16px;display:flex}.pn-detail .pn-skill{--el:var(--rc)}.pn .pn-skill-icon{border:1px solid var(--line-strong);background:radial-gradient(circle,#e8c47733,#07121a 75%);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.pn .pn-skill-icon .mc-icon{width:24px;height:24px;color:var(--gold-200,#f7dc9c);--ic2:#fff}.pn .pn-skill h4{font-family:var(--serif);color:var(--parchment,#fff1d2);margin:2px 0 4px;font-size:23px;font-weight:600;line-height:1.1}.pn .pn-skill p{font-size:13px;line-height:1.5}.pn .pn-skill small{color:var(--text-muted,#8fa4a4);margin-top:4px;font-size:11px;display:block}.pn .pn-matchups{flex-wrap:wrap;gap:8px 24px;display:flex}.pn .pn-matchups>span{flex-wrap:wrap;align-items:center;gap:6px 10px;display:inline-flex}.pn .pn-matchups b{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted,#8fa4a4);font-size:10px;font-weight:700}.pn .pn-habitat{border-block:1px solid var(--line);color:var(--parchment-2,#e9dcbc);align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.pn .pn-habitat svg{color:var(--gold-300,#e8c477)}.pn .pn-habitat span{color:var(--parchment-dim,#b9c6c3);margin-left:auto;font-weight:600}.pn .pn-instance{gap:12px;display:grid}.pn .pn-instance-pick{flex-wrap:wrap;gap:6px;display:flex}.pn .pn-instance-pick button{border:1px solid var(--line);border-radius:var(--radius-sm,6px);min-height:40px;color:var(--parchment-2,#e9dcbc);text-align:left;background:#040b1073;padding:5px 12px;font-size:12px;font-weight:600;display:grid}.pn .pn-instance-pick button small{color:var(--text-muted,#8fa4a4);font-size:10px;font-weight:500}.pn .pn-instance-pick button.active{border-color:var(--gold-300,#e8c477);background:#e8c47721}.pn .pn-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pn .pn-upgrade{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:#040b1066;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.pn .pn-upgrade>div{gap:4px;display:grid}.pn .pn-upgrade>div>b{color:var(--parchment,#fff1d2);font-size:13px}.pn .pn-upgrade>div>span{gap:14px;display:flex}.pn .pn-upgrade.maxed>div>b{color:var(--gold-200,#f7dc9c)}.pn .pn-detail-body>.pn-micro{margin-top:-6px}.creature-viewer{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--affinity) 18%, transparent), transparent 65%), #040b1080;width:100%;position:relative;overflow:hidden}.viewer-runes{letter-spacing:.3em;text-align:center;color:#e8c4778c;padding-top:10px;font-size:10px}.viewer-canvas{touch-action:none;width:100%;height:360px}.viewer-canvas canvas{cursor:grab;width:100%;height:100%;display:block}.viewer-canvas canvas:active{cursor:grabbing}.viewer-controls{justify-content:center;gap:6px;padding:0 10px;display:flex}.viewer-controls button{border:1px solid var(--line);border-radius:var(--radius-sm,6px);min-width:38px;height:36px;color:var(--parchment-2,#e9dcbc);background:#13283ad9;place-items:center;font-weight:600;display:grid}.viewer-controls button:hover{border-color:var(--gold-300,#e8c477);color:var(--parchment,#fff1d2)}.viewer-controls button[aria-pressed=true]{border-color:var(--gold-300,#e8c477);background:#e8c47729}.creature-viewer>p{text-align:center;color:var(--text-muted,#8fa4a4);padding:10px 10px 12px;font-size:11px;line-height:1.5}.creature-viewer .viewer-error{border-radius:var(--radius-sm,6px);color:var(--danger,#ef7d6d);background:#1a0f0d;border:1px solid #ef7d6d80;padding:14px;position:absolute;inset:35% 12px auto}.pn .pn-team-intro{gap:14px;margin-bottom:18px;display:flex}.pn .pn-team-intro>svg{color:var(--gold-300,#e8c477);margin-top:4px}.pn .pn-team-intro h2{color:var(--parchment,#fff1d2);margin-bottom:4px;font-size:27px}.pn .pn-team-intro p{max-width:640px;font-size:13px;line-height:1.6}.pn .pn-team-slots{--mc-thumb-w:118px;border:1px solid var(--line);border-radius:var(--radius-md,10px);background:radial-gradient(80% 100% at 50% 0,#e8c47712,#0000 70%),#040b1080;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:16px;list-style:none;display:grid}.pn .pn-team-slot{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--pn-surface);min-width:0;transition:border-color var(--dur-fast,.16s), box-shadow var(--dur-fast,.16s), transform var(--dur-fast,.16s) var(--ease-out);flex-direction:column;align-items:center;gap:7px;padding:26px 8px 12px;display:flex;position:relative}.pn .pn-team-slot.filled{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.pn .pn-team-slot.filled:hover{border-color:var(--line-strong)}.pn .pn-team-slot.filled:focus-visible{border-color:var(--gold-300,#e8c477);box-shadow:var(--pn-focus);outline:none}.pn .pn-team-slot.empty{min-height:200px;color:var(--text-muted,#8fa4a4);text-align:center;background:#e8c47708;border-style:dashed;justify-content:center}.pn .pn-team-slot.empty small{font-size:11px;line-height:1.4}.pn .pn-team-slot.is-dragging{z-index:5;cursor:grabbing;border-color:var(--gold-300,#e8c477);opacity:.94;transition:none;box-shadow:0 18px 36px #000000b3}.pn .pn-team-slot.is-target{border-color:var(--gold-300,#e8c477);box-shadow:inset 0 0 0 1px var(--gold-300,#e8c477), 0 0 22px -6px #e8c477cc}.pn .pn-team-slots.dragging .pn-team-slot:not(.is-dragging){transform:scale(.98)}.pn .pn-team-slot.fainted .mc-card{filter:grayscale(.85)brightness(.65)}.pn .pn-team-order{letter-spacing:.06em;color:var(--gold-300,#e8c477);font-size:12px;font-weight:800;line-height:1;position:absolute;top:8px;left:10px}.pn .pn-team-slot:first-child .pn-team-order:after{content:" · xuất trận";font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.pn .pn-team-grip{width:28px;height:20px;color:var(--text-muted,#8fa4a4);touch-action:none;place-items:center;display:grid;position:absolute;top:2px;left:50%;transform:translate(-50%)rotate(90deg)}.pn .pn-team-slot:first-child .pn-team-grip{opacity:0}.pn .pn-team-slot .mc-card{pointer-events:none;align-self:center}.pn .pn-team-info{gap:4px;width:100%;display:grid}.pn .pn-team-name{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;color:var(--parchment,#fff1d2);font-size:18px;font-weight:600;line-height:1.1;display:none;overflow:hidden}.pn .pn-team-hp{gap:3px;width:100%;padding:0 6px;display:grid}.pn .pn-team-hp i{background:#00000080;border-radius:99px;height:5px;overflow:hidden}.pn .pn-team-hp i span{background:linear-gradient(90deg,#3c8c58,#8fd6a0);height:100%;display:block}.pn .pn-team-hp.low i span{background:linear-gradient(90deg,#a3372a,#ef7d6d)}.pn .pn-team-hp small{font-variant-numeric:tabular-nums;text-align:center;color:var(--parchment-dim,#b9c6c3);font-size:10px}.pn .pn-team-remove{border:1px solid var(--line);width:26px;height:26px;color:var(--parchment-dim,#b9c6c3);background:#040b10cc;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.pn .pn-team-remove:hover{border-color:var(--danger,#ef7d6d);color:var(--danger,#ef7d6d)}.pn .pn-team-save{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:#040b1066;align-items:center;gap:10px;margin:14px 0 6px;padding:12px 14px;display:flex}.pn .pn-team-save>span{color:var(--parchment-dim,#b9c6c3);flex:1;font-size:12px}.pn .pn-team-save.dirty{background:linear-gradient(90deg,#f0c36a1a,#040b1066);border-color:#f0c36a8c}.pn .pn-team-save.dirty>span{color:var(--warning,#f0c36a);font-weight:600}.pn .pn-team-roster-head{justify-content:space-between;align-items:center;gap:14px;margin:16px 0 10px;display:flex}.pn .pn-team-roster-head .pn-subhead{margin:0}.pn .pn-rows.two{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}@media (max-width:900px){.pn .pn-team-slots{--mc-thumb-w:92px}}@media (max-width:760px){.pn .pn-discovery svg{width:56px;height:56px}.pn .pn-discovery>b{width:56px;font-size:22px;line-height:56px}.pn .pn-filters .pn-search{flex-basis:100%}.pn .pn-filters .pn-select{flex:1 1 0;min-width:0}.pn .pn-count{display:none}.pn .pn-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.pn .pn-chip-el span{display:none}.pn .pn-chip-el{padding:5px 9px}.pn .pn-deck-status{grid-template-columns:1fr;gap:12px}.pn-detail>.pn-modal-scroll{grid-template-columns:1fr;padding:0}.pn .pn-detail-stage{border-right:0;border-bottom:1px solid var(--line)}.pn .pn-detail-pin{gap:14px;padding:44px 16px 16px;position:relative}.pn .pn-detail-pin:before{width:260px;height:260px}.pn .pn-detail-pin>.mc-card{width:min(100%,236px)}.pn .pn-detail-body{padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.pn .pn-detail-tags{padding-right:0}.pn .pn-detail-body>h2{font-size:40px}.pn .pn-statbars,.pn .pn-actions{grid-template-columns:1fr}.pn .pn-upgrade{flex-wrap:wrap}.pn .pn-upgrade .button{width:100%}.viewer-canvas{height:290px}.pn .pn-team-slots{--mc-thumb-w:54px;grid-template-columns:1fr;gap:6px;padding:8px}.pn .pn-team-slot{flex-direction:row;align-items:center;gap:12px;padding:8px 88px 8px 12px}.pn .pn-team-slot.empty{text-align:left;justify-content:flex-start;min-height:64px}.pn .pn-team-slot.empty svg{width:18px;height:18px}.pn .pn-team-order{flex-shrink:0;width:20px;font-size:13px;position:static}.pn .pn-team-slot:first-child .pn-team-order:after{content:none}.pn .pn-team-info{flex:1;min-width:0}.pn .pn-team-name{display:block}.pn .pn-team-hp{padding:0}.pn .pn-team-hp small{text-align:left}.pn .pn-team-grip,.pn .pn-team-slot:first-child .pn-team-grip{opacity:1;width:36px;height:44px;top:50%;left:auto;right:46px;transform:translateY(-50%)}.pn .pn-team-remove{width:40px;height:40px;top:50%;right:6px;transform:translateY(-50%)}.pn .pn-team-save{flex-wrap:wrap}.pn .pn-team-save>span{flex-basis:100%}.pn .pn-team-save .button:last-child{flex:1}.pn .pn-team-roster-head{flex-direction:column;align-items:stretch}.pn .pn-search.compact{min-width:0}.pn .pn-rows.two{grid-template-columns:1fr}}@media (max-height:520px) and (min-width:600px){.pn-detail>.pn-modal-scroll{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.pn .pn-detail-pin{gap:10px;padding:14px 16px 12px}.pn .pn-detail-pin>.mc-card{width:min(100%,190px)}.pn .pn-detail-pin:before{width:230px;height:230px}.pn .pn-detail-body{padding:18px 22px 20px}.pn .pn-detail-body>h2{font-size:40px}.viewer-canvas{height:220px}.pn .pn-discovery svg{width:52px;height:52px}.pn .pn-discovery>b{width:52px;font-size:18px;line-height:52px}}.launch-screen{z-index:20;color:var(--parchment);background:radial-gradient(at 22% 48%,#040c124d,#0000 60%),linear-gradient(90deg,#040c12e0 0%,#040c129e 34%,#040c1214 72%),linear-gradient(#040c128c,#0000 22% 70%,#040c12d9);grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0;overflow:hidden}.launch-embers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.launch-embers i{bottom:-12px;left:var(--x);width:calc(4px * var(--s));height:calc(4px * var(--s));box-shadow:0 0 calc(10px * var(--s)) #f2b45fb3;opacity:0;animation:ember-rise var(--d) linear infinite;animation-delay:var(--t);will-change:transform, opacity;background:radial-gradient(circle,#fff3cf,#f2b45f 45%,#0000 70%);border-radius:50%;position:absolute}@keyframes ember-rise{0%{opacity:0;transform:translate(0,0)}12%{opacity:.9}70%{opacity:.55}to{opacity:0;transform:translate3d(var(--w), -78vh, 0)}}.launch-top,.launch-foot{justify-content:space-between;align-items:center;gap:16px;padding:22px 36px;display:flex;position:relative}.launch-build{letter-spacing:3px;color:var(--parchment-2);align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex}.launch-build img{border-radius:7px;width:26px;height:26px}.launch-build i{color:var(--gold-400);font-style:normal}.launch-tools{gap:8px;display:flex}.launch-tools button{width:42px;height:42px;color:var(--parchment-2);border:1px solid var(--hud-edge);transition:color var(--dur-fast), border-color var(--dur-fast);background:#040c128c;border-radius:50%;place-items:center;display:grid}.launch-tools button:hover{color:var(--gold-100);border-color:var(--hud-edge-strong)}.launch-title{align-self:center;width:min(600px,84vw);margin-left:8vw;padding:4px 0 12px;position:relative}.launch-title:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#040c12d6 0%,#040c12bd 55%,#040c1261 80%,#0000 100%);position:absolute;inset:-48px -150px -24px -8vw}.launch-sigil{fill:none;width:84px;height:84px;stroke:var(--gold-300);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #e8c4778c);margin:0 0 6px 2px;display:block;overflow:visible}.s-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:sigil-draw 1.5s var(--ease-out) forwards}.s-hex{animation-delay:.25s}.s-diamond{animation-delay:.6s}.s-cross{stroke-width:1.2px;animation-delay:.9s}.s-ring{stroke-width:1px;opacity:.6}.s-ticks{stroke-width:2.4px;stroke-dasharray:1 6.85;opacity:.45;transform-origin:60px 60px;animation:40s linear infinite sigil-spin}.s-core{fill:var(--gold-200);stroke:none;opacity:0;transform-origin:60px 61px;animation:sigil-core .8s var(--ease-back) 1.3s forwards}@keyframes sigil-draw{to{stroke-dashoffset:0}}@keyframes sigil-spin{to{transform:rotate(360deg)}}@keyframes sigil-core{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.launch-eyebrow{letter-spacing:6px;color:var(--gold-300);animation:launch-fade 1s var(--ease-out) both .3s;margin:8px 0 10px;font-size:11px;font-weight:600}.launch-title h1{font:500 clamp(64px, 8.4vw, 128px) / .95 var(--font-display);letter-spacing:.1em;color:var(--parchment);margin:0;display:flex}.launch-title h1 span{background:linear-gradient(180deg, #fffaf0 30%, var(--gold-200) 70%, var(--gold-400));-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 24px #000000b3);animation:letter-in .9s var(--ease-out) both;animation-delay:calc(.45s + var(--i) * 80ms);-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes letter-in{0%{opacity:0;filter:blur(8px)drop-shadow(0 6px 24px #000000b3);transform:translateY(26px)scale(.92)}}.launch-divider{width:78%;animation:launch-fade 1s var(--ease-out) both 1.1s;align-items:center;gap:12px;margin-top:16px;display:flex}.launch-divider span{background:linear-gradient(90deg, transparent, var(--gold-300));flex:1;height:1px}.launch-divider span:last-child{background:linear-gradient(90deg, var(--gold-300), transparent)}.launch-divider i{background:var(--gold-200);width:8px;height:8px;box-shadow:0 0 10px var(--gold-300);transform:rotate(45deg)}.launch-title h2{font:500 32px var(--font-display);letter-spacing:2px;color:var(--parchment-2);animation:launch-fade 1s var(--ease-out) both 1.2s;margin:14px 0 0}.launch-copy{color:var(--parchment-dim);animation:launch-fade 1s var(--ease-out) both 1.3s;margin:12px 0 26px;font-size:14px;line-height:1.8}@keyframes launch-fade{0%{opacity:0;transform:translateY(10px)}}.launch-action{min-height:64px;animation:launch-fade 1s var(--ease-out) both 1.4s}.enter-world{border-radius:var(--radius-sm);border:1px solid var(--gold-100);background:var(--gold-metal);color:#1a1206;letter-spacing:3px;text-transform:uppercase;text-shadow:0 1px #fff1d28c;min-width:320px;min-height:60px;transition:filter var(--dur-fast), transform var(--dur-fast);justify-content:center;align-items:center;gap:16px;padding:0 30px;font-size:14px;font-weight:800;animation:2.6s ease-in-out infinite enter-glow;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 5px #e8c47724,0 14px 40px #0000008c,0 0 34px #e8c47747}.enter-world:after{content:"";animation:enter-sheen 3.4s var(--ease-out) infinite 1s;background:linear-gradient(100deg,#0000 35%,#ffffff8c 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.enter-world:hover{filter:brightness(1.08);transform:translateY(-1px)}.enter-world:focus-visible{outline:2px solid var(--parchment);outline-offset:4px}@keyframes enter-glow{50%{box-shadow:0 0 0 7px #e8c4772e,0 14px 40px #0000008c,0 0 48px #e8c4776b}}@keyframes enter-sheen{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.launch-progress{width:min(420px,100%)}.lp-segments{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.lp-seg{background:#fff1d21a;border-radius:1px;height:6px;position:relative;overflow:hidden;transform:skew(-24deg);box-shadow:inset 0 0 0 1px #e8c47729}.lp-seg>i{transform-origin:0;background:linear-gradient(90deg, var(--gold-500), var(--gold-200));transition:transform .6s var(--ease-out);position:absolute;inset:0;box-shadow:0 0 10px #e8c47799}.lp-seg.active:after{content:"";background:linear-gradient(90deg,#0000,#fff1d273,#0000);animation:1.2s linear infinite seg-sweep;position:absolute;inset:0}@keyframes seg-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.lp-meta{grid-template-columns:1fr auto;gap:2px 12px;margin-top:10px;font-size:12px;display:grid}.lp-stage{color:var(--gold-200);letter-spacing:.5px;font-weight:600}.lp-stage b{color:var(--text-muted);margin-right:4px;font-weight:600}.lp-text{color:var(--parchment-dim);grid-column:1}.lp-pct{font:600 22px var(--font-display);color:var(--parchment);font-variant-numeric:tabular-nums;grid-area:1/2/3;align-self:center}.launch-error{border-radius:var(--radius-sm);background:#3c120e8c;border:1px solid #ef7d6d73;gap:12px;max-width:420px;padding:14px 16px;display:grid}.launch-error p{color:#ffd2c4;margin:0;font-size:13px}.launch-error button{border-radius:var(--radius-sm);border:1px solid var(--gold-200);background:linear-gradient(180deg, var(--gold-200), var(--gold-400));color:#1a1206;justify-self:start;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:800;display:inline-flex}.launch-tip{max-width:520px;min-height:42px;color:var(--parchment-dim);animation:launch-fade 1s var(--ease-out) both 1.6s;align-items:baseline;gap:10px;margin:22px 0 0;font-size:13px;line-height:1.55;display:flex}.launch-tip b{letter-spacing:1.5px;color:var(--gold-300);text-transform:uppercase;border:1px solid #e8c47759;border-radius:3px;flex:none;padding:1px 7px;font-size:10px}.launch-tip span{animation:tip-in .6s var(--ease-out)}@keyframes tip-in{0%{opacity:0;transform:translateY(6px)}}.launch-foot{letter-spacing:.5px;color:var(--parchment-dim);font-size:11px}.launch-keys{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.launch-keys i{width:14px;display:inline-block}.launch-foot b{color:var(--gold-300);padding:0 8px}@media (max-width:760px){.launch-screen{background:linear-gradient(#040c1299,#040c124d 25%,#040c12a8 55%,#040c12eb 100%)}.launch-top,.launch-foot{padding:14px 16px}.launch-build{letter-spacing:2px;font-size:10px}.launch-title{text-align:center;align-self:end;width:calc(100vw - 32px);margin:0 auto;padding-bottom:8px}.launch-title:before{inset:-70px -16px -24px}.launch-sigil{width:64px;height:64px;margin:0 auto 4px}.launch-eyebrow{letter-spacing:3px;font-size:10px}.launch-title h1{letter-spacing:.06em;justify-content:center;font-size:clamp(48px,15vw,66px)}.launch-divider{width:70%;margin:12px auto 0}.launch-title h2{font-size:25px}.launch-copy{margin:8px 0 20px;font-size:13px}.enter-world{letter-spacing:2px;width:100%;min-width:0;font-size:13px}.launch-progress{text-align:left;margin:0 auto}.launch-tip{text-align:left;margin:16px auto 0;font-size:12px}.launch-foot{justify-content:center;font-size:10px}.launch-keys{display:none}}@media (max-height:520px) and (min-width:561px){.launch-top,.launch-foot{padding:10px 20px}.launch-title{width:min(520px,70vw);margin-left:6vw}.launch-sigil{display:none}.launch-eyebrow{margin:0 0 4px}.launch-title h1{font-size:64px}.launch-divider{margin-top:6px}.launch-title h2{margin-top:6px;font-size:22px}.launch-copy{margin:6px 0 12px;font-size:12px;line-height:1.6}.launch-action{min-height:50px}.enter-world{min-width:280px;min-height:48px}.launch-tip{min-height:0;margin-top:10px;font-size:12px}.launch-keys{display:none}}@media (prefers-reduced-motion:reduce){.launch-embers{display:none}.launch-screen *,.launch-screen :after{animation:none!important}.s-line{stroke-dashoffset:0}.s-core{opacity:1}}html[data-motion=reduced] .launch-embers{display:none}html[data-motion=reduced] .launch-screen *,html[data-motion=reduced] .launch-screen :after{animation:none!important}html[data-motion=reduced] .s-line{stroke-dashoffset:0}html[data-motion=reduced] .s-core{opacity:1}.pc-game{--hud-gutter:20px;color:var(--parchment);background:var(--ink-900);-webkit-user-select:none;user-select:none;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;font-size:12px;position:fixed;inset:0;overflow:hidden}.pc-game button{-webkit-user-select:none;user-select:none;font-family:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.world-canvas,.world-canvas canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.world-vignette{pointer-events:none;background:linear-gradient(#040c1261,#0000 16% 80%,#040c1275),radial-gradient(at 50% 46%,#0000 52%,#040c1252 100%);position:absolute;inset:0}.pc-game kbd{font-family:var(--font-body);color:var(--gold-200);letter-spacing:.3px;background:#050e14d1;border:1px solid #e8c47761;border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 5px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.game-hud{pointer-events:none;z-index:var(--z-hud);position:absolute;inset:0}.game-hud.hunting{display:none}.game-hud button,.game-hud select,.game-hud a,.game-hud input,.game-hud form{pointer-events:auto}.hud-panel{background:var(--hud-plate-soft);border:1px solid var(--hud-edge);border-radius:var(--radius-sm);box-shadow:var(--hud-shadow), var(--hud-inner);position:relative}.hud-panel:before{content:"";background:var(--gold-hairline);opacity:.8;pointer-events:none;height:1px;position:absolute;top:-1px;left:14px;right:14px}.pc-game:is([data-quality=high],[data-quality=ultra]) .hud-panel,.pc-game:is([data-quality=high],[data-quality=ultra]) .hud-chip{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);backdrop-filter:blur(var(--glass-blur)) saturate(1.15);background:linear-gradient(#0c1c2685,#061018a8)}.hud-chip{border:1px solid var(--hud-edge);background:var(--hud-plate);min-height:34px;color:var(--parchment);box-shadow:var(--hud-shadow);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:inline-flex}.hud-chip:hover{border-color:var(--hud-edge-strong)}.hud-bar{background:var(--bar-track);border-radius:3px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3,0 0 0 1px #e8c47742}.hud-bar>i{display:block;position:absolute;top:0;bottom:0;left:0}.bar-ghost{background:var(--bar-ghost);transition:width .6s var(--ease-out) .38s}.bar-fill{background:linear-gradient(180deg, #ffffff38, transparent 55%), linear-gradient(90deg, var(--bar-hp-ok-0), var(--bar-hp-ok-1));transition:width .18s var(--ease-out);box-shadow:inset 0 -1px #00000040}.hud-bar.low .bar-fill,.bar-boss .bar-fill{background:linear-gradient(180deg, #ffffff38, transparent 55%), linear-gradient(90deg, var(--bar-hp-0), var(--bar-hp-1))}.bar-xp{border-radius:2px;height:5px}.bar-xp .bar-fill{background:linear-gradient(90deg, var(--bar-xp-0), var(--bar-xp-1));box-shadow:0 0 8px #f2d58e73}.bar-xp .bar-ghost{display:none}.bar-shine{width:100%;animation:bar-shine 5.5s var(--ease-out) infinite;pointer-events:none;background:linear-gradient(100deg,#0000 35%,#fff8e142 48%,#0000 60%);inset:0;transform:translate(-100%)}.hud-bar.low .bar-fill{animation:1.1s ease-in-out infinite bar-low}.bar-label{font-variant-numeric:tabular-nums;color:#fffaf0;text-shadow:0 1px 2px #000,0 0 4px #000;letter-spacing:.3px;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex;position:absolute;inset:0}@keyframes bar-shine{0%,62%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bar-low{50%{filter:brightness(1.35)}}.pc-game .pending{cursor:progress}.pc-game .pending>svg,.pc-game .pending>.ab-icon{opacity:.72;transition:opacity .2s .18s}.player-hud{top:var(--hud-gutter);left:var(--hud-gutter);zoom:var(--ui-scale);align-items:center;gap:12px;display:flex;position:absolute}.player-emblem{background:linear-gradient(160deg, var(--gold-200), var(--gold-600) 45%, var(--gold-300) 70%, var(--gold-700));clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);filter:drop-shadow(0 4px 10px #0000008c);cursor:pointer;place-items:center;width:62px;height:68px;padding:0;display:grid;position:relative}.player-emblem:before{content:"";clip-path:inherit;background:radial-gradient(at 50% 30%,#1d3a46,#08151d 75%);position:absolute;inset:2px}.player-emblem img{filter:drop-shadow(0 0 6px #e8c4778c);border-radius:8px;width:34px;height:34px;margin-top:-6px;position:relative}.player-emblem b{text-align:center;width:100%;font:700 13px var(--font-display);color:var(--gold-100);text-shadow:0 1px 2px #000;position:absolute;bottom:6px;left:0}.player-emblem:hover:before{background:radial-gradient(at 50% 30%,#285061,#0a1b24 75%)}.player-vitals{border-left:1px solid var(--hud-edge);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:linear-gradient(90deg,#061018d1,#06101885 70%,#0000);gap:5px;width:232px;padding:6px 10px 8px;display:grid}.pv-name{text-shadow:var(--hud-text-shadow);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pv-name strong{font:600 20px/1.1 var(--font-display);color:var(--parchment);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pv-name span{letter-spacing:1.5px;color:var(--gold-300);white-space:nowrap;font-size:10px}.zone-title{text-align:center;white-space:nowrap;text-shadow:var(--hud-text-shadow);zoom:var(--ui-scale);animation:zone-in .9s var(--ease-out) both;position:absolute;top:22px;left:50%;transform:translate(-50%)}.zone-title:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#040c129e,#0000 70%);position:absolute;inset:-14px -40px -12px}.zone-title>span{font:600 17px var(--font-display);letter-spacing:5px;color:var(--gold-100);display:block}.zone-title>span:before,.zone-title>span:after{content:"";vertical-align:middle;background:linear-gradient(90deg, transparent, var(--gold-300));width:34px;height:1px;margin:0 12px 4px;display:inline-block}.zone-title>span:after{transform:scaleX(-1)}.zone-title small{letter-spacing:1px;color:var(--parchment-2);align-items:center;gap:7px;margin-top:5px;font-size:11px;display:inline-flex}.zone-chip i{background:var(--zone);width:7px;height:7px;box-shadow:0 0 8px var(--zone);transform:rotate(45deg)}@keyframes zone-in{0%{opacity:0;letter-spacing:9px}}.map-hud{top:16px;right:var(--hud-gutter);zoom:var(--ui-scale);width:200px;position:absolute}.resource-hud{justify-content:flex-end;align-items:center;gap:6px;margin-bottom:8px;display:flex}.resource-hud .res{background:var(--hud-plate);border:1px solid var(--hud-edge);font-variant-numeric:tabular-nums;height:26px;color:var(--parchment);box-shadow:var(--hud-shadow);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 8px;font-size:12px;font-weight:600;display:inline-flex}.res.mana svg{color:#9ee6cf;filter:drop-shadow(0 0 4px #5fd6b4)}.res.gold svg{color:var(--gold-200);filter:drop-shadow(0 0 4px var(--gold-400))}.resource-hud button{background:var(--hud-plate);border:1px solid var(--hud-edge);width:28px;height:28px;color:var(--parchment-2);border-radius:50%;place-items:center;display:grid}.resource-hud button:hover{color:var(--gold-100);border-color:var(--hud-edge-strong)}.minimap-frame{border-radius:var(--radius-md);background:linear-gradient(160deg, var(--gold-300), var(--gold-700) 40%, var(--gold-500) 70%, var(--gold-700));width:100%;box-shadow:var(--hud-shadow);cursor:pointer;padding:4px;display:block;position:relative}.minimap-frame:after{content:"";pointer-events:none;border-radius:7px;position:absolute;inset:4px;box-shadow:inset 0 0 18px #000000b3,inset 0 0 0 1px #0009}.game-map{background:#16302f;border-radius:7px;width:100%;height:128px;display:block}.minimap-frame .game-map{object-fit:cover}.mm-north{font:700 12px var(--font-display);color:var(--gold-100);text-shadow:0 1px 2px #000;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mm-zone{letter-spacing:1px;color:var(--parchment);text-shadow:0 1px 2px #000,0 0 6px #000;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:8px;left:10px;right:10px;overflow:hidden}.world-status{width:-moz-fit-content;width:fit-content;color:var(--parchment-2);text-shadow:var(--hud-text-shadow);background:#040c129e;border-radius:999px;justify-content:flex-end;align-items:center;gap:6px;margin:6px 0 0 auto;padding:2px 8px;font-size:10px;display:flex}.world-status i{background:var(--warning);border-radius:50%;width:6px;height:6px}.world-status i.online{background:var(--success);box-shadow:0 0 6px var(--success)}.hud-left-stack{top:112px;left:var(--hud-gutter);zoom:var(--ui-scale);flex-direction:column;align-items:stretch;gap:10px;width:272px;display:flex;position:absolute}.field-status{border-left:2px solid var(--accent-teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--parchment-2);gap:3px;padding:8px 12px 8px 14px;font-size:11px;display:grid}.field-status:before{display:none}.field-status strong{letter-spacing:1.2px;color:#bfeedd;align-items:center;gap:6px;font-size:11px;display:flex}.field-status small{color:var(--text-muted);font-size:10px}.field-status.safe{border-left-color:var(--gold-300)}.field-status.safe strong{color:var(--gold-200)}.field-status.danger{border-left-color:var(--danger);background:linear-gradient(90deg,#461610d1,#280e0c8c)}.field-status.danger strong{color:#ffc2ad;animation:1.4s ease-in-out infinite danger-blink}@keyframes danger-blink{50%{opacity:.6}}.target-hud{border-color:color-mix(in srgb, var(--element) 45%, transparent);zoom:var(--ui-scale);width:330px;padding:10px 16px 12px;position:absolute;top:92px;left:50%;transform:translate(-50%)}.target-hud:after{content:"";border-radius:inherit;background:radial-gradient(ellipse at 50% -20%, color-mix(in srgb, var(--element) 26%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.target-name{text-align:center;position:relative}.target-name>span{letter-spacing:1.5px;color:var(--parchment-dim);font-size:10px;display:block}.target-name i{padding-left:6px;font-style:normal;font-weight:700}.rarity-common{color:var(--rarity-common)}.rarity-rare{color:var(--rarity-rare)}.rarity-epic{color:var(--rarity-epic)}.rarity-legend{color:var(--rarity-legend)}.target-name h3{font:600 25px/1.1 var(--font-display);color:var(--parchment);text-shadow:0 0 18px color-mix(in srgb, var(--element) 50%, transparent);margin:2px 0 8px}.target-name>button{width:40px;height:40px;color:var(--parchment-dim);z-index:1;background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;right:-14px}.target-name>button:hover{color:var(--parchment);background:#ffffff0f}.target-info{color:var(--parchment-dim);justify-content:space-between;gap:10px;margin-top:7px;font-size:11px;display:flex;position:relative}.target-info em{font-style:normal}.target-info .adv-125{color:#9ee6a8}.target-info .adv-80{color:#f0a08e}.target-info b{color:var(--gold-200);font-variant-numeric:tabular-nums;font-weight:600}.target-hud .engage{z-index:1;border-radius:var(--radius-sm);border:1px solid var(--hud-edge-strong);width:100%;min-height:36px;color:var(--gold-100);letter-spacing:.5px;background:linear-gradient(#e8c47738,#e8c47714);justify-content:center;align-items:center;gap:9px;margin-top:10px;padding:7px;font-size:12px;font-weight:600;display:flex;position:relative}.target-hud .engage:hover:not(:disabled){background:linear-gradient(#e8c47757,#e8c47724)}.target-hud .engage:disabled{opacity:.55}.capture-control{z-index:1;align-items:center;gap:8px;margin-top:10px;display:flex;position:relative}.capture-control>span{letter-spacing:1px;color:var(--parchment-dim);font-size:10px}.capture-control b{font:700 22px/1 var(--font-display);color:var(--gold-200);display:block}.capture-control select{min-height:34px;color:var(--parchment);border:1px solid var(--hud-edge);border-radius:var(--radius-xs);background:#040c12d9;flex:1;padding:4px 6px;font-size:12px}.capture-control button{border:1px solid var(--hud-edge);border-radius:var(--radius-xs);min-height:34px;color:var(--parchment-2);background:0 0;padding:0 10px;font-size:12px}.raid-world-hud{width:460px;color:var(--parchment);zoom:var(--ui-scale);border-color:#ef7d6d66;align-items:center;gap:14px;padding:12px 14px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.raid-world-hud.legend{box-shadow:var(--hud-shadow), 0 0 30px #dfbb672e;border-color:#dfbb6799}.rw-crown{width:30px;height:30px;color:var(--gold-200);filter:drop-shadow(0 0 8px var(--gold-400));flex:none}.raid-world-hud>div{flex:1;gap:4px;min-width:0;display:grid}.rw-eyebrow{letter-spacing:1.5px;color:var(--gold-300);font-size:10px}.raid-world-hud strong{font:600 24px/1.1 var(--font-display)}.raid-world-hud small{color:var(--parchment-dim);font-size:11px}.raid-world-hud small b{color:var(--gold-100)}.raid-world-hud button{border:1px solid var(--hud-edge-strong);border-radius:var(--radius-sm);max-width:96px;color:var(--gold-100);background:#e8c47724;align-self:stretch;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.3}.party-hud{left:var(--hud-gutter);bottom:var(--hud-gutter);zoom:var(--ui-scale);position:absolute}.party-title{text-shadow:var(--hud-text-shadow);gap:2px;margin-bottom:8px;display:grid}.party-title span{letter-spacing:1.5px;color:var(--gold-300);font-size:10px}.party-title b{font:600 21px/1.1 var(--font-display);color:var(--parchment)}.party-slots{gap:6px;display:flex}.party-slot{border-radius:var(--radius-sm);background:radial-gradient(ellipse at 50% 70%, color-mix(in srgb, var(--el) 45%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--el-shadow) 80%, #000), #050d12);width:52px;height:60px;box-shadow:var(--hud-shadow);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast);border:1px solid #e8c4774d;padding:0;position:relative;overflow:hidden}.party-slot img{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);width:calc(100% - 4px);height:calc(100% - 8px);position:absolute;inset:2px 2px 6px}.party-slot>span{min-width:16px;color:var(--gold-100);background:#000000a6;border-radius:3px;padding:0 3px;font-size:10px;font-weight:700;position:absolute;top:2px;left:3px}.ps-hp{background:#000000b3;border-radius:2px;height:4px;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden}.ps-hp>i{background:linear-gradient(90deg, var(--bar-hp-ok-0), var(--bar-hp-ok-1));height:100%;transition:width .3s var(--ease-out);display:block}.party-slot:hover:not(:disabled){border-color:var(--hud-edge-strong);transform:translateY(-2px)}.party-slot.selected{border-color:var(--gold-200);box-shadow:0 0 0 1px var(--gold-300), 0 0 14px color-mix(in srgb, var(--el) 60%, transparent), var(--hud-shadow)}.party-slot.fainted img{filter:grayscale()brightness(.5)}.party-slot:disabled{cursor:not-allowed;opacity:1}.party-hud>small{color:var(--parchment-dim);text-shadow:var(--hud-text-shadow);align-items:center;gap:6px;margin-top:8px;font-size:10px;display:flex}.action-dock{bottom:var(--hud-gutter);text-align:center;zoom:var(--ui-scale);position:absolute;left:50%;transform:translate(-50%)}.dock-caption{letter-spacing:.3px;color:var(--parchment-2);white-space:nowrap;text-shadow:var(--hud-text-shadow);background:radial-gradient(#040c1299,#0000 70%);margin-bottom:10px;padding:4px 14px;font-size:11px;display:inline-block}.abilities{background:var(--hud-plate);border-radius:14px;gap:8px;padding:12px 12px 10px;display:flex}.ability{--ring:#e8c47780;border:1px solid var(--ring);width:64px;height:64px;color:var(--parchment);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast), box-shadow var(--dur-fast);background:radial-gradient(at 50% 18%,#fff1d21a,#0000 60%),linear-gradient(#17303c,#0a1820);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 0 4px;display:flex;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #0009,inset 0 -8px 16px #00000059,0 3px 8px #00000073}.ability:hover:not(:disabled){border-color:var(--gold-200);transform:translateY(-2px)}.ability:active:not(:disabled){transform:translateY(1px)scale(.97)}.ability.elemental{--ring:color-mix(in srgb, var(--el) 70%, var(--gold-300));background:radial-gradient(ellipse at 50% 70%, color-mix(in srgb, var(--el) 30%, transparent), transparent 70%), radial-gradient(ellipse at 50% 18%, #fff1d21a, transparent 60%), linear-gradient(180deg, #17303c, #0a1820)}.ability.elemental:not(:disabled):not(.cooling){box-shadow:inset 0 0 0 1px #0009, inset 0 -8px 16px #00000059, 0 0 14px color-mix(in srgb, var(--el) 35%, transparent), 0 3px 8px #00000073}.ab-icon{z-index:1;filter:drop-shadow(0 0 6px #fff1d240);width:24px;height:24px;position:relative}.ability.elemental .ab-icon{color:color-mix(in srgb, var(--el-glow) 70%, #fff);filter:drop-shadow(0 0 7px var(--el))}.ab-label{z-index:1;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600;position:relative}.ability>kbd{z-index:2;height:17px;font-size:10px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.ab-badge{z-index:2;background:var(--gold-300);color:#1d1406;border-radius:8px;min-width:18px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:4px;right:4px}.ab-cd{border-radius:inherit;background:conic-gradient(#02070abd calc(var(--cd) * 1turn), transparent 0);pointer-events:none;position:absolute;inset:0}.ability.cooling .ab-icon{opacity:.55}.ability.cooling .ab-label{color:var(--gold-100)}.ab-ready,.ab-ripple{border-radius:inherit;pointer-events:none;position:absolute;inset:-1px}.ab-ready{border:2px solid var(--gold-100);animation:ab-ready .62s var(--ease-out) forwards}.ability.elemental .ab-ready{border-color:var(--el-glow);box-shadow:0 0 18px var(--el)}.ab-ripple{animation:ab-ripple .4s var(--ease-out) forwards;background:radial-gradient(circle,#fff1d28c,#0000 65%)}@keyframes ab-ready{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.32)}}@keyframes ab-ripple{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.25)}}.ability.capture{--ring:var(--gold-300);color:var(--gold-100);background:radial-gradient(at 50% 70%,#d4a95752,#0000 70%),linear-gradient(#2a2a1c,#0f1a16)}.ability.auto.enabled{--ring:var(--gold-100);color:#1d1406;background:linear-gradient(180deg, var(--gold-200), var(--gold-500))}.ability.auto.enabled .ab-icon{filter:none}.ability.locked .ab-label{color:var(--text-muted)}.ability:disabled{cursor:not-allowed;opacity:1;filter:saturate(.35)brightness(.7)}.game-menu-dock{bottom:var(--hud-gutter);right:var(--hud-gutter);background:var(--hud-plate);border:1px solid var(--hud-edge);box-shadow:var(--hud-shadow), var(--hud-inner);zoom:var(--ui-scale);border-radius:14px;gap:2px;padding:6px;display:flex;position:absolute}.game-menu-dock button{width:58px;min-height:58px;color:var(--parchment-2);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 0 4px;display:flex;position:relative}.game-menu-dock button>span{white-space:nowrap;font-size:10px;font-weight:600}.game-menu-dock button>.md-short{display:none}.game-menu-dock kbd{opacity:.85;border-bottom-width:1px;min-width:14px;height:14px;padding:0 3px;font-size:10px;position:absolute;top:3px;right:3px}.game-menu-dock button:hover:not(:disabled),.game-menu-dock button.active{color:var(--gold-100);background:linear-gradient(#e8c47729,#e8c4770a)}.game-menu-dock button:disabled{opacity:.4}.battle-mode .game-menu-dock,.battle-mode .player-hud,.battle-mode .zone-title,.battle-mode .map-hud{display:none}.dock-badge{background:var(--danger);color:#fff;min-width:16px;height:16px;font:normal 800 10px/16px var(--font-body);border-radius:8px;padding:0 4px;animation:1.8s ease-in-out infinite badge-pop;position:absolute;top:2px;left:8px;box-shadow:0 0 0 2px #0a1820}@keyframes badge-pop{0%,80%,to{transform:scale(1)}90%{transform:scale(1.18)}}.queue-hud{color:var(--parchment);zoom:var(--ui-scale);align-items:center;gap:12px;padding:8px 10px 8px 14px;font-size:12px;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.queue-hud svg{color:var(--gold-200);animation:2.4s linear infinite queue-spin}.queue-hud button{border-radius:var(--radius-xs);border:1px solid var(--hud-edge-strong);min-height:30px;color:var(--gold-100);background:#e8c47729;padding:0 12px;font-size:11px}@keyframes queue-spin{to{transform:rotate(360deg)}}.virtual-stick{display:none}.game-window-shade{z-index:var(--z-window);animation:shade-in var(--dur-med) var(--ease-out);background:radial-gradient(at 50% 40%,#0610188c,#03080cd1);justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.pc-game:is([data-quality=high],[data-quality=ultra]) .game-window-shade{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-window{border-radius:var(--radius-md);border:1px solid var(--line-strong);-webkit-user-select:text;user-select:text;width:min(1060px,100%);max-height:88dvh;animation:window-in var(--dur-med) var(--ease-out);background:radial-gradient(at 50% -10%,#e8c47717,#0000 55%),linear-gradient(160deg,#10232d,#0a1820 60%,#0c1c25);flex-direction:column;display:flex;position:relative;box-shadow:0 30px 100px #000000b3,0 0 0 4px #040c12b3,inset 0 1px #fff1d20f}.game-window:focus-visible{outline:none}.gw-corner{border:2px solid var(--gold-300);pointer-events:none;z-index:2;width:18px;height:18px;position:absolute}.gw-corner.tl{border-bottom:0;border-right:0;top:-3px;left:-3px}.gw-corner.tr{border-bottom:0;border-left:0;top:-3px;right:-3px}.gw-corner.bl{border-top:0;border-right:0;bottom:-3px;left:-3px}.gw-corner.br{border-top:0;border-left:0;bottom:-3px;right:-3px}@keyframes shade-in{0%{opacity:0}}@keyframes window-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}.window-bar{min-height:50px;color:var(--parchment-2);border-radius:var(--radius-md) var(--radius-md) 0 0;background:linear-gradient(#040c12b3,#040c124d);justify-content:space-between;align-items:center;padding:8px 12px 8px 18px;display:flex;position:relative}.window-bar:after{content:"";background:var(--gold-hairline);opacity:.55;height:1px;position:absolute;bottom:0;left:0;right:0}.window-bar>span{letter-spacing:2px;color:var(--text-muted);align-items:center;gap:10px;font-size:11px;display:flex}.window-bar>span b{color:var(--gold-100);font-weight:700}.window-bar img{border-radius:6px;width:24px;height:24px}.window-bar i{color:var(--gold-600);font-style:normal}.window-bar button{border-radius:var(--radius-sm);min-height:36px;color:var(--parchment-2);background:0 0;align-items:center;gap:8px;padding:0 10px;display:flex}.window-bar button:hover{color:var(--parchment);background:#ffffff0f}.window-body{overscroll-behavior:contain;scrollbar-color:var(--gold-600) transparent;padding:28px;overflow:auto}.pc-game .game-window,.pc-game .modal{--ink:#e9e3cf;--muted:#a6b5ae;--line:#e8c47738;--paper:#10232d;--paper-deep:#0b1b24;--green:#d4c391;--gold:#e0be7a;color:#e9e3cf}.game-window h1{letter-spacing:-.5px;font-size:35px}.game-window .page-heading{margin-bottom:22px}.game-window h1 em,.game-window h2 em{color:var(--gold-200)}.game-window p,.pc-game .modal p{color:#b1c0b9}.game-window .page-heading p{font-size:12px}.game-window .filters input,.game-window .filters select,.pc-game .modal input,.pc-game .modal select{color:#e6e3cf;background:#0a1a22;border-color:#e8c47740}.game-window .collection-tabs button,.game-window .tabs button{color:#c6cfc2}.game-window .tabs button.active,.game-window .collection-tabs button.active{color:var(--gold-100);border-color:var(--gold-300)}.game-window .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.game-window .card-info h3{color:#f5e9c6}.game-window .card-info>p{color:#c0c3a5}.game-window .button.primary,.pc-game .modal .button.primary{background:linear-gradient(180deg, var(--gold-200), var(--gold-400));color:#1a1408}.game-window .button.secondary,.pc-game .modal .button.secondary{color:#e3dcc0;background:#13283a;border-color:#e8c47747}.game-window .spell-card,.game-window .shop-item,.game-window .town-rest,.game-window .arena-gate,.game-window .notice{background:#0e2029;border-color:#e8c47733}.game-window .forge-banner{background:linear-gradient(110deg,#233a35,#10222c)}.game-window .spell-card h3,.game-window .shop-item h3,.game-window .section-heading h2,.game-window .town-rest b{color:#ebe2c4}.game-window .recipe-cost{color:#c9ceae}.pc-game .modal-backdrop{z-index:80}.pc-game .modal{border:1px solid var(--line-strong);background:linear-gradient(160deg,#122733,#0a1820)}.pc-game .detail-card-panel{background:#08161e}.pc-game .modal-close{color:#dcdcc4;background:#13283a}.pc-game .form-label{color:#c8d0bf}.pc-game .setting-options,.pc-game .setting-options label,.pc-game .account-section{border-color:#e8c47733}.pause-menu{text-align:center;width:min(440px,100%);margin:0 auto;padding:12px 0}.pause-menu>img{filter:drop-shadow(0 0 16px #e8c47759);border-radius:14px;width:64px;height:64px;margin-bottom:14px}.pause-menu h2{color:var(--gold-100);font-size:32px}.pause-menu p{margin:10px 0 22px;font-size:13px}.pause-menu>button{border-radius:var(--radius-sm);width:100%;min-height:50px;color:var(--parchment);text-align:left;transition:border-color var(--dur-fast), background var(--dur-fast);background:linear-gradient(#12293a,#0b1b25);border:1px solid #e8c47738;align-items:center;gap:14px;margin-top:8px;padding:12px 18px;font-size:14px;display:flex}.pause-menu>button svg{color:var(--gold-300)}.pause-menu>button:hover{border-color:var(--gold-300);background:linear-gradient(#183448,#0e2230)}.full-map>header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.full-map .eyebrow{letter-spacing:2.5px;color:var(--gold-300);font-size:11px}.full-map h2{color:var(--gold-100);margin:4px 0 6px;font-size:34px}.full-map header p{margin:0;font-size:13px}.fm-here{text-align:right;border-right:3px solid var(--zone);background:linear-gradient(270deg, color-mix(in srgb, var(--zone) 16%, transparent), transparent);flex:none;padding:8px 14px}.fm-here small{letter-spacing:2px;color:var(--text-muted);font-size:10px;display:block}.fm-here b{font:600 22px var(--font-display);color:var(--parchment)}.large-map{aspect-ratio:1200/820;border-radius:var(--radius-md);border:1px solid var(--line-strong);width:auto;max-width:100%;height:min(60dvh,88dvh - 270px);min-height:200px;margin:0 auto;box-shadow:inset 0 0 40px #00000080}.fm-legend{color:var(--parchment-2);flex-wrap:wrap;gap:8px 20px;margin:14px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.fm-legend li{align-items:center;gap:8px;display:flex}.fm-legend i{border-radius:50%;width:10px;height:10px}.lg-town{background:#f4dc9c;transform:rotate(45deg);border-radius:1px!important}.lg-common{background:#d9d2b4}.lg-rare{background:#8fd3f0;box-shadow:0 0 6px #8fd3f0}.lg-raid{background:#ffd879;transform:rotate(45deg);border-radius:1px!important}.lg-quest{background:#f6e2a6;box-shadow:0 0 0 2px #2a1708,0 0 8px #f6e2a6}.panel-loading{min-height:220px;color:var(--parchment-dim);letter-spacing:1px;justify-content:center;align-items:center;gap:12px;font-size:13px;animation:.3s ease-out .25s both panel-loading-in;display:flex}.panel-loading img{opacity:.85;width:30px;height:30px;animation:2.4s linear infinite panel-loading-spin}@keyframes panel-loading-in{0%{opacity:0}}@keyframes panel-loading-spin{to{transform:rotate(360deg)}}.chunk-error{border-radius:var(--radius-md);background:var(--hud-plate-solid);max-width:420px;box-shadow:var(--shadow-2);color:var(--parchment-2);text-align:center;border:1px solid #f0c36a66;justify-items:center;gap:12px;margin:24px auto;padding:22px 20px;font-size:13px;line-height:1.6;display:grid}.chunk-error>svg{color:var(--warning)}.chunk-error p{margin:0}.chunk-error>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chunk-error button{border-radius:var(--radius-sm);border:1px solid var(--hud-edge);min-height:40px;color:var(--parchment);background:#ffffff0d;align-items:center;gap:7px;padding:0 16px;font-weight:600;display:inline-flex}.chunk-error .ce-reload{border-color:var(--gold-200);background:linear-gradient(180deg, var(--gold-200), var(--gold-400));color:#1a1408}.chunk-error-shade{z-index:var(--z-window);background:#03080cb3;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.session-ended{z-index:var(--z-error);animation:shade-in var(--dur-med) var(--ease-out);background:radial-gradient(at 50% 40%,#e8c4771a,#0000 55%),#03080cdb;outline:none;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.pc-game:is([data-quality=high],[data-quality=ultra]) .session-ended{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.se-card{border-radius:var(--radius-md);border:1px solid var(--line-strong);background:radial-gradient(ellipse at 50% -10%, #e8c4771f, transparent 60%), var(--hud-plate-solid);text-align:center;-webkit-user-select:text;user-select:text;justify-items:center;gap:10px;width:min(440px,100%);padding:30px 26px 24px;display:grid;position:relative;box-shadow:0 30px 90px #000000b3,inset 0 1px #fff1d212}.se-card:before{content:"";background:var(--gold-hairline);height:1px;position:absolute;top:-1px;left:18%;right:18%}.se-icon{border:1px solid var(--hud-edge-strong);width:56px;height:56px;color:var(--gold-200);background:#e8c47714;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 22px #e8c47738}.session-ended.banned .se-icon{color:#ffb3a3;background:#ef7d6d1a;border-color:#ef7d6d99;box-shadow:0 0 22px #ef7d6d40}.se-eyebrow{letter-spacing:4px;color:var(--gold-300);font-size:11px;font-weight:700}.session-ended.banned .se-eyebrow{color:#f4ab96}.se-card h2{font:600 30px/1.15 var(--font-display);color:var(--parchment);margin:0}.se-card p{color:var(--parchment-2);margin:0;font-size:13px;line-height:1.65}.se-card small{color:var(--text-muted);font-size:12px}.se-card button{border-radius:var(--radius-sm);border:1px solid var(--gold-200);background:linear-gradient(180deg, var(--gold-200), var(--gold-400));color:#1a1408;letter-spacing:.6px;align-items:center;gap:9px;min-height:46px;margin-top:8px;padding:0 28px;font-size:14px;font-weight:800;display:inline-flex}.se-card button:hover{filter:brightness(1.08)}.engine-error{z-index:200;background:radial-gradient(at 50% 40%,#10262f,#050d12 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.engine-error svg{width:40px;height:40px;color:var(--warning)}.engine-error p{color:var(--parchment-2);text-align:center;max-width:440px;font-size:14px;line-height:1.6}.engine-error button{border-radius:var(--radius-sm);border:1px solid var(--gold-200);background:linear-gradient(180deg, var(--gold-200), var(--gold-400));color:#1a1408;min-height:46px;padding:0 26px;font-weight:700}@media (min-width:1181px) and (min-height:521px){.pc-game[data-hud=narrow] .game-menu-dock{flex-direction:column;padding:4px}.pc-game[data-hud=narrow] .game-menu-dock button{width:46px;min-height:44px;padding:4px 0}.pc-game[data-hud=narrow] .game-menu-dock button>span,.pc-game[data-hud=narrow] .game-menu-dock kbd{display:none}}@media (max-width:1180px){.pc-game{--hud-gutter:14px}.player-vitals{width:200px}.map-hud{width:172px}.game-map{height:106px}.hud-left-stack{width:250px;top:104px}.ability{width:58px;height:58px}.abilities{gap:6px;padding:11px 10px 9px}.game-menu-dock{flex-direction:column;padding:4px}.game-menu-dock button{width:46px;min-height:44px;padding:4px 0}.game-menu-dock button>span,.game-menu-dock kbd{display:none}.game-window .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.pc-game{--hud-gutter:10px}.player-hud{gap:6px;top:10px;left:10px}.player-emblem{width:44px;height:50px}.player-emblem img{width:24px;height:24px;margin-top:-5px}.player-emblem b{font-size:11px;bottom:4px}.player-vitals{gap:4px;width:150px;padding:4px 8px 6px}.pv-name strong{font-size:16px}.pv-name span{display:none}.hud-bar{height:13px}.bar-xp{height:4px}.zone-title{text-align:left;top:72px;left:10px;transform:none}.zone-title>span{letter-spacing:2px;font-size:12px}.zone-title>span:before,.zone-title>span:after{display:none}.zone-title small{margin-top:2px;font-size:10px}.map-hud{width:124px;top:8px;right:10px}.resource-hud{gap:4px;margin-bottom:5px}.resource-hud .res{gap:4px;height:22px;padding:0 7px 0 6px;font-size:11px}.resource-hud button{display:none}.minimap-frame{padding:3px}.game-map{height:76px}.mm-north{font-size:10px;top:4px}.mm-zone{font-size:10px;bottom:4px;left:6px}.mm-zone svg{display:none}.world-status{margin-top:4px;font-size:10px}.hud-left-stack{align-items:flex-start;gap:6px;width:auto;max-width:210px;top:112px;left:10px}.field-status{gap:2px;padding:6px 10px}.field-status span,.field-status small{display:none}.field-status strong{letter-spacing:.6px;font-size:10px}.target-hud{width:min(300px,100vw - 24px);padding:8px 12px 10px;top:auto;bottom:214px}.target-name h3{margin:0 0 6px;font-size:21px}.raid-world-hud{gap:10px;width:calc(100vw - 20px);padding:10px;top:150px}.raid-world-hud strong{font-size:19px}.rw-crown{width:22px;height:22px}.party-hud{bottom:196px;left:10px}.party-title{display:none}.party-slots{gap:4px}.party-slot{width:40px;height:46px}.party-hud>small{display:none}.action-dock{bottom:76px;left:auto;right:10px;transform:none}.dock-caption{display:none}.pc-game[data-quality] .abilities.hud-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:repeat(3,54px);gap:10px 8px;padding:0;display:grid}.abilities:before{display:none}.ability{border-radius:50%;width:54px;height:54px;padding-top:6px}.ability>kbd{display:none}.ability.attack{grid-area:1/3/3;place-self:center;width:74px;height:74px}.ability.attack .ab-icon{width:30px;height:30px}.ab-icon{width:20px;height:20px}.ability .ab-label{font-size:10px}.ab-badge{top:-2px;right:-2px}.virtual-stick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#fff1d214,#040c128c);border:1px solid #e8c47759;border-radius:50%;width:108px;height:108px;display:block;position:absolute;bottom:78px;left:18px;box-shadow:inset 0 0 24px #00000080,0 4px 14px #00000059}.virtual-stick>i{background:radial-gradient(circle at 40% 35%, var(--gold-100), var(--gold-500));border:1px solid var(--gold-200);opacity:.85;border-radius:50%;width:44px;height:44px;position:absolute;top:32px;left:32px;box-shadow:0 3px 10px #0000008c}.virtual-stick.engaged>i{opacity:1}.stick-cross:before,.stick-cross:after{content:"";background:#e8c47738;width:1px;height:68%;position:absolute;top:16%;left:50%}.stick-cross:after{transform:rotate(90deg)}.game-menu-dock{flex-direction:row;justify-content:space-between;gap:0;padding:3px;inset:auto 8px 8px;transform:none}.game-menu-dock button{flex:1;width:auto;min-height:54px;padding:6px 0 4px}.game-menu-dock button>.md-short{font-size:10px;display:block}.game-menu-dock button>.md-long,.ws-long{display:none}.large-map .map-labels text{stroke-width:9px;font-size:46px}.large-map .map-raid-label{font-size:34px}.dock-badge{left:auto;right:6px}.queue-hud{font-size:11px;top:150px}.game-window-shade{padding:8px}.game-window{max-height:calc(100dvh - 16px)}.window-bar{min-height:44px;padding:6px 6px 6px 12px}.window-bar>span{letter-spacing:1px;gap:7px;font-size:10px}.window-bar kbd{display:none}.window-body{padding:16px 13px}.game-window h1{font-size:29px}.game-window .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.game-window .spell-grid{grid-template-columns:1fr}.full-map>header{flex-direction:column;align-items:stretch}.full-map h2{font-size:27px}.fm-here{text-align:left;border-right:0;border-left:3px solid var(--zone);background:linear-gradient(90deg, color-mix(in srgb, var(--zone) 16%, transparent), transparent)}.fm-legend{gap:6px 14px;font-size:11px}}@media (max-height:520px) and (min-width:561px){.pc-game{--hud-gutter:10px}.player-hud{gap:6px;top:8px;left:10px}.player-emblem{width:44px;height:50px}.player-emblem img{width:24px;height:24px;margin-top:-5px}.player-emblem b{font-size:11px;bottom:4px}.player-vitals{gap:4px;width:168px;padding:4px 8px 6px}.pv-name strong{font-size:16px}.pv-name span,.zone-title{display:none}.map-hud{width:140px;top:8px;right:10px}.resource-hud{margin-bottom:4px}.resource-hud .res{height:22px;font-size:11px}.resource-hud button{display:none}.game-map{height:70px}.world-status,.field-status{display:none}.hud-left-stack{align-items:flex-start;width:auto;top:70px;left:10px}.target-hud{width:300px;padding:6px 12px 8px;top:66px}.target-name h3{margin:0 0 4px;font-size:19px}.target-hud .engage{min-height:32px;margin-top:6px}.raid-world-hud{width:400px;padding:8px 12px;top:66px}.raid-world-hud strong{font-size:18px}.party-hud{bottom:12px;left:136px}.party-title,.party-hud>small{display:none}.party-slots{gap:4px}.party-slot{width:40px;height:46px}.action-dock{bottom:10px;left:auto;right:10px;transform:none}.dock-caption{display:none}.abilities{gap:6px;padding:8px}.ability{width:52px;height:52px;padding-top:6px}.ability>kbd{display:none}.ab-icon{width:20px;height:20px}.virtual-stick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#fff1d214,#040c128c);border:1px solid #e8c47759;border-radius:50%;width:104px;height:104px;display:block;position:absolute;bottom:14px;left:16px;box-shadow:inset 0 0 24px #00000080}.virtual-stick>i{background:radial-gradient(circle at 40% 35%, var(--gold-100), var(--gold-500));border:1px solid var(--gold-200);opacity:.85;border-radius:50%;width:44px;height:44px;position:absolute;top:30px;left:30px}.game-menu-dock{flex-direction:row;gap:0;padding:3px;inset:8px auto auto 50%;transform:translate(-50%)}.game-menu-dock button{width:42px;min-height:40px;padding:2px 0}.game-menu-dock button>span,.game-menu-dock kbd{display:none}.queue-hud{top:60px}.game-window{max-height:calc(100dvh - 16px)}.game-window-shade{padding:8px}.window-body{padding:14px 18px}}@media (prefers-reduced-motion:reduce){.bar-shine,.hud-bar.low .bar-fill,.field-status.danger strong,.dock-badge,.queue-hud svg,.zone-title,.game-window,.game-window-shade,.ab-ready,.ab-ripple,.panel-loading img,.session-ended{animation:none!important}}html[data-motion=reduced] :is(.bar-shine,.hud-bar.low .bar-fill,.field-status.danger strong,.dock-badge,.queue-hud svg,.zone-title,.game-window,.game-window-shade,.ab-ready,.ab-ripple,.panel-loading img,.session-ended){animation:none!important}html[data-motion=reduced] .bar-shine{display:none}.toast-stack{top:236px;right:var(--hud-gutter);width:330px;z-index:var(--z-toast);pointer-events:none;zoom:var(--ui-scale);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.pc-game:not(.is-started) .toast-stack{top:70px}.pc-game.is-started.battle-mode[data-hud] .toast-stack{align-items:center;width:min(420px,100vw - 32px);inset:30% auto auto 50%;transform:translate(-50%)}.pc-game.is-started.hunt-mode[data-hud] .toast-stack{top:calc(var(--hunt-top,178px) / var(--ui-scale,1));align-items:center;width:min(420px,100vw - 32px);bottom:auto;left:50%;right:auto;transform:translate(-50%)}@media (min-width:1181px) and (min-height:521px){.pc-game.is-started[data-hud=narrow] .toast-stack{align-items:center;width:min(440px,100vw - 32px);inset:auto auto 150px 50%;transform:translate(-50%)}}.hud-toast{--tone:var(--info);pointer-events:auto;border-radius:var(--radius-sm);background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 16%, #071219), #071219 70%);border:1px solid color-mix(in srgb, var(--tone) 38%, transparent);border-left:3px solid var(--tone);width:100%;color:var(--parchment);box-shadow:var(--hud-shadow);animation:toast-in .32s var(--ease-out) both;align-items:center;gap:10px;padding:9px 6px 9px 12px;font-size:12px;line-height:1.45;display:flex;position:relative}.hud-toast.leaving{animation:.24s ease-in forwards toast-out}.toast-success{--tone:var(--success)}.toast-warning{--tone:var(--warning)}.toast-error{--tone:var(--danger)}.toast-icon{width:26px;height:26px;color:var(--tone);background:color-mix(in srgb, var(--tone) 14%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.hud-toast p{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.toast-count{background:color-mix(in srgb, var(--tone) 24%, transparent);color:var(--tone);animation:count-bump .3s var(--ease-back);border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:800}.hud-toast button{width:40px;height:40px;color:var(--text-muted);background:0 0;border-radius:50%;flex:none;place-items:center;margin:-7px -2px -7px -6px;display:grid}.hud-toast button:hover{color:var(--parchment);background:#ffffff0f}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}}@keyframes toast-out{to{opacity:0;transform:translate(16px)scale(.98)}}@keyframes count-bump{0%{transform:scale(1.5)}}.event-banner{--tone:var(--gold-200);--tone-deep:var(--gold-500);text-align:center;width:min(640px,100vw - 32px);z-index:var(--z-banner);cursor:pointer;animation:banner-in .7s var(--ease-out) both;padding:18px 20px 20px;position:absolute;top:19%;left:50%;transform:translate(-50%)}.event-banner.leaving{animation:.42s ease-in forwards banner-out}.event-banner.compact{width:min(460px,100vw - 32px);padding:8px 16px 10px}.event-banner.compact .eb-glow{inset:-18px -8%}.event-banner.compact .eb-eyebrow{letter-spacing:3px;margin-top:4px;font-size:11px}.event-banner.compact .eb-title{font-size:32px}.event-banner.compact .eb-sub{margin-top:2px;font-size:12px}.event-banner.tone-ember{--tone:#ffc49a;--tone-deep:#c4573e}.event-banner.tone-legend{--tone:#ffe7a3;--tone-deep:#d9a43c}.event-banner.tone-teal{--tone:#bff0e1;--tone-deep:#3f9c86}.eb-glow{background:radial-gradient(ellipse at 50% 55%, color-mix(in srgb, var(--tone-deep) 30%, transparent), transparent 55%), radial-gradient(ellipse at 50% 50%, #040c12c7, #040c1280 45%, transparent 72%);pointer-events:none;z-index:-1;position:absolute;inset:-36px -12%}.eb-rule{color:var(--tone);justify-content:center;align-items:center;gap:12px;display:flex}.eb-rule span{background:linear-gradient(90deg, transparent, var(--tone));transform-origin:100%;height:1px;animation:rule-in .8s var(--ease-out) both .1s;flex:0 140px}.eb-rule span:last-child{transform-origin:0;animation-name:rule-in-r;transform:scaleX(-1)}.eb-rule svg{filter:drop-shadow(0 0 8px var(--tone-deep))}.eb-eyebrow{letter-spacing:5px;color:var(--tone);text-shadow:0 1px 3px #000;margin-top:8px;font-size:12px;font-weight:700;display:block}.eb-title{font:600 52px/1.1 var(--font-display);letter-spacing:1px;color:#fff6df;text-shadow:0 2px 0 #00000073, 0 3px 14px #000000d9, 0 0 26px color-mix(in srgb, var(--tone-deep) 70%, transparent);margin-top:2px;display:block}.eb-sub{color:var(--parchment-2);text-shadow:0 1px 3px #000,0 0 10px #000;margin:6px 0 0;font-size:14px}@keyframes banner-in{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.94)}}@keyframes banner-out{to{opacity:0;transform:translate(-50%)translateY(-12px)}}@keyframes rule-in{0%{transform:scaleX(0)}}@keyframes rule-in-r{0%{transform:scaleX(0)}to{transform:scaleX(-1)}}.reward-pops{pointer-events:none;z-index:var(--z-pop);position:absolute;inset:0}.reward-pop{left:calc(50% + var(--pop-x,0px));top:calc(58% + var(--pop-y,0px));color:#c8f5e6;white-space:nowrap;background:radial-gradient(#040c129e,#0000 70%);border-radius:50%;justify-items:center;gap:1px;width:140px;margin-left:-70px;padding:6px 0 8px;display:grid;position:absolute}.reward-pop b{font:700 26px/1 var(--font-display);text-shadow:0 2px 2px #000,0 0 14px #5fd6b4bf;align-items:center;gap:5px;display:flex}.reward-pop svg{filter:drop-shadow(0 0 6px)}.reward-pop small{font:700 10px var(--font-body);letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 2px #000;opacity:.9}.reward-pop.pop-gold{color:var(--gold-100)}.reward-pop.pop-gold b{text-shadow:0 2px 2px #000,0 0 14px #e8c477d9}html[data-motion=reduced] .reward-pop{top:calc(200px - var(--pop-y,0px));margin:0;animation:1.4s forwards pop-fade;left:auto;right:24px}html[data-motion=reduced] .reward-pop.pop-gold{right:170px}@keyframes pop-fade{0%,70%{opacity:1}to{opacity:0}}.quest-tracker{padding:8px 12px 11px}.quest-tracker>header{align-items:center;gap:6px;display:flex}.qt-head{color:var(--gold-200);letter-spacing:1.2px;white-space:nowrap;background:0 0;align-items:center;gap:7px;padding:2px 0;font-size:11px;font-weight:700;display:inline-flex}.qt-head:hover{color:var(--gold-100)}.qt-badge{background:var(--success);color:#08200f;min-width:18px;height:18px;font:normal 800 10px var(--font-body);border-radius:9px;place-items:center;padding:0 5px;display:inline-grid;box-shadow:0 0 10px #8fd6a099}.qt-reset{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:10px;display:inline-flex}.qt-toggle{width:24px;height:24px;color:var(--parchment-dim);background:0 0;border-radius:50%;place-items:center;display:grid}.qt-toggle:hover{color:var(--parchment);background:#ffffff0f}.quest-tracker.collapsed{padding-bottom:8px}.qt-journey{color:var(--parchment-2);border-bottom:1px solid #e8c47724;align-items:center;gap:8px;margin:7px 0 2px;padding-bottom:7px;font-size:11px;display:flex}.qt-journey b{color:var(--gold-200)}.qt-journey i,.qt-mark{border:1px solid var(--gold-300);flex:none;place-items:center;width:9px;height:9px;display:grid;transform:rotate(45deg)}.qt-journey i.done{background:var(--gold-300)}.quest-tracker ul{gap:8px;margin:6px 0 0;padding:0;list-style:none;display:grid}.qt-row{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.qt-mark svg{color:#08200f;transform:rotate(-45deg)}.qt-row.claimed .qt-mark{background:var(--success);border-color:var(--success)}.qt-row.ready .qt-mark{background:var(--gold-200);box-shadow:0 0 8px var(--gold-300)}.qt-body{min-width:0}.qt-title{color:var(--parchment);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000;font-size:12px;display:block;overflow:hidden}.qt-bar{background:#0000008c;border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.qt-bar i{background:linear-gradient(90deg, var(--gold-500), var(--gold-200));height:100%;transition:width .5s var(--ease-out);display:block}.qt-row.ready .qt-bar i,.qt-row.claimed .qt-bar i{background:linear-gradient(90deg, #4f9a63, var(--success))}.qt-row.claimed{opacity:.55}.qt-count{color:var(--gold-200);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.qt-claim{border-radius:var(--radius-xs);border:1px solid var(--gold-100);background:linear-gradient(180deg, var(--gold-200), var(--gold-400));color:#1a1408;align-items:center;gap:4px;min-height:26px;padding:0 9px;font-size:11px;font-weight:800;animation:1.6s ease-in-out infinite claim-glow;display:inline-flex;box-shadow:0 0 12px #e8c47773}.qt-claim:hover{filter:brightness(1.1)}@keyframes claim-glow{50%{box-shadow:0 0 20px #e8c477bf}}.qt-empty{color:var(--text-muted);margin:8px 0 0;font-size:11px}.quest-pill{display:none}.quest-pill b{color:var(--gold-200)}.quest-pill.has-ready{border-color:var(--success)}.chat-toggle{left:var(--hud-gutter);z-index:5;zoom:var(--ui-scale);max-width:300px;position:absolute;bottom:168px}.chat-toggle svg{color:var(--gold-200);flex:none}.chat-preview{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--parchment-2);overflow:hidden}.chat-preview b{color:var(--gold-200);font-weight:600}.chat-unread{background:var(--danger);color:#fff;min-width:18px;height:18px;font:normal 800 10px/18px var(--font-body);text-align:center;border-radius:9px;flex:none;padding:0 5px}.chat-box{left:var(--hud-gutter);z-index:5;pointer-events:auto;background:var(--hud-plate);zoom:var(--ui-scale);width:340px;height:clamp(180px,100dvh - 540px,300px);animation:chat-in var(--dur-med) var(--ease-out);flex-direction:column;display:flex;position:absolute;bottom:168px}@keyframes chat-in{0%{opacity:0;transform:translateY(8px)}}.chat-box>header{border-bottom:1px solid #e8c47729;align-items:center;gap:4px;padding:4px 4px 0 6px;display:flex}.chat-tabs{flex:1;gap:2px;display:flex}.chat-tabs button{min-height:32px;color:var(--parchment-dim);background:0 0;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.chat-tabs button.active{color:var(--gold-100);border-bottom-color:var(--gold-300)}.chat-close{width:40px;height:40px;color:var(--parchment-dim);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.chat-close:hover{color:var(--parchment);background:#ffffff0f}.chat-lines{overscroll-behavior:contain;-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:var(--gold-600) transparent;flex-direction:column;flex:1;gap:4px;min-height:0;margin:0;padding:8px 10px;font-size:12px;line-height:1.45;list-style:none;display:flex;overflow-y:auto}.chat-line{overflow-wrap:anywhere;color:var(--parchment-2)}.chat-line time{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-right:6px;font-size:10px}.chat-line b,.chat-from{color:var(--gold-200);margin-right:6px;font-weight:700}.chat-from{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;display:inline}.chat-from:hover{color:var(--gold-100);text-underline-offset:2px;text-decoration:underline}.chat-line b small,.chat-from small{color:var(--text-muted);margin-left:3px;font-size:10px;font-weight:600}.chat-line.world b:before,.chat-line.world .chat-from:before{content:"◆ ";color:var(--info);font-size:10px}.chat-line.mine b{color:var(--accent-teal)}.chat-mute{color:var(--parchment-2);background:#040c12b3;border-top:1px solid #e8c47729;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.chat-mute>span{overflow-wrap:anywhere;flex:140px;min-width:0}.chat-mute b{color:var(--gold-100)}.chat-mute button{border-radius:var(--radius-xs);border:1px solid var(--hud-edge);min-height:40px;color:var(--parchment);background:#ffffff0a;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.chat-mute .chat-mute-yes{color:#ffc2b6;border-color:#ef7d6d8c}.chat-line.system{max-width:92%;color:var(--warning);text-align:center;background:#f0c36a1a;border-radius:999px;align-self:center;padding:3px 10px;font-size:11px}.chat-empty{text-align:center;color:var(--text-muted);margin:auto 0;padding:10px;font-size:11px;line-height:1.6}.chat-input{border-top:1px solid #e8c47729;align-items:center;gap:6px;padding:7px 8px 8px;display:flex}.chat-input input{border-radius:var(--radius-xs);min-width:0;min-height:34px;color:var(--parchment);font:13px var(--font-body);-webkit-user-select:text;user-select:text;background:#02080cbf;border:1px solid #e8c47742;flex:1;padding:0 10px}.chat-input input::placeholder{color:var(--text-muted)}.chat-input input:focus{border-color:var(--gold-300);outline:none;box-shadow:0 0 0 2px #e8c4772e}.chat-count{min-width:24px;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:10px}.chat-count.near{color:var(--warning)}.chat-input button{border-radius:var(--radius-xs);border:1px solid var(--gold-200);background:linear-gradient(180deg, var(--gold-200), var(--gold-400));color:#1a1408;flex:none;place-items:center;width:34px;height:34px;display:grid}.chat-input button:disabled{opacity:.4}.starter-rite{z-index:60;overscroll-behavior:contain;display:grid;position:absolute;inset:0;overflow-y:auto}.starter-rite:focus-visible{outline:none}.sr-backdrop{animation:shade-in .6s var(--ease-out);background:radial-gradient(at 50% 46%,#e8c47724,#0000 55%),radial-gradient(#061018db,#02060af7 72%);position:fixed;inset:0}.sr-content{text-align:center;flex-direction:column;align-self:center;align-items:center;padding:26px 20px 22px;display:flex;position:relative}.sr-footer{align-items:center;gap:18px;width:min(820px,100%);margin-top:16px;display:flex}.sr-close{border:1px solid var(--hud-edge);width:38px;height:38px;color:var(--parchment-dim);background:#ffffff0d;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.sr-eyebrow{letter-spacing:5px;color:var(--gold-300);animation:sr-rise .7s var(--ease-out) both;font-size:12px;font-weight:700}.starter-rite h2{font:600 44px/1.1 var(--font-display);color:var(--parchment);text-shadow:0 2px 20px #000000b3;animation:sr-rise .7s var(--ease-out) both 80ms;margin:8px 0 6px}.sr-lead{color:var(--parchment-dim);animation:sr-rise .7s var(--ease-out) both .16s;margin:0 0 26px;font-size:14px}.sr-cards{justify-content:center;align-items:flex-end;gap:clamp(14px,3vw,36px);display:flex}.sr-slot{width:min(26vw,clamp(200px,100dvh - 410px,380px)/1.46667);transition:transform var(--dur-med) var(--ease-out), opacity var(--dur-med), filter var(--dur-med);animation:sr-card-in .8s var(--ease-out) both;position:relative}.sr-slot:nth-child(2){animation-delay:.12s}.sr-slot:nth-child(3){animation-delay:.24s}.sr-halo{background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--el) 55%, transparent), transparent 66%);opacity:.25;transition:opacity var(--dur-med), transform var(--dur-med);pointer-events:none;position:absolute;inset:-16% -22% 10%}.sr-slot:hover .sr-halo,.sr-slot:focus-within .sr-halo{opacity:.7}.sr-slot.selected{transform:translateY(-12px)scale(1.04)}.sr-slot.selected .sr-halo{opacity:1;transform:scale(1.08)}.sr-slot.dimmed{opacity:.72;filter:saturate(.6)brightness(.85);transform:scale(.96)}.sr-slot.dimmed:hover{opacity:.9;filter:none}.sr-slot .monster-card{width:100%;position:relative}.sr-name{gap:2px;margin-top:12px;display:grid;position:relative}.sr-name b{font:600 22px var(--font-display);color:var(--parchment)}.sr-name span{letter-spacing:1.5px;color:color-mix(in srgb, var(--el-glow) 60%, var(--parchment-dim));font-size:11px}.sr-detail{border-radius:var(--radius-md);text-align:left;background:linear-gradient(#0a1820cc,#050d13e0);border:1px solid #e8c47733;flex:1;gap:10px;min-width:0;min-height:104px;padding:12px 16px;display:grid}.sr-detail.shown{animation:sr-rise .4s var(--ease-out)}.sr-hint{color:var(--text-muted);margin:auto;font-size:13px}.sr-element{color:var(--el);align-items:center;gap:10px;display:flex}.sr-element svg{width:32px;height:32px;filter:drop-shadow(0 0 8px var(--el))}.sr-element span{font:600 18px var(--font-display);color:var(--parchment);display:grid}.sr-element small{font:11px var(--font-body);letter-spacing:.5px;color:var(--parchment-dim)}.sr-detail p{color:var(--parchment-2);margin:0;font-size:13px;line-height:1.6}.sr-detail dl{flex-wrap:wrap;gap:6px 18px;margin:0;display:flex}.sr-detail dl div{align-items:baseline;gap:6px;display:flex}.sr-detail dt{color:var(--text-muted);font-size:11px}.sr-detail dd{color:var(--gold-100);margin:0;font-size:13px;font-weight:700}.sr-confirm{border-radius:var(--radius-sm);border:1px solid var(--gold-100);background:var(--gold-metal);color:#1a1206;letter-spacing:.8px;text-shadow:0 1px #fff1d280;width:250px;min-height:54px;transition:filter var(--dur-fast), transform var(--dur-fast);flex:none;justify-content:center;align-items:center;gap:12px;padding:0 24px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 0 0 4px #e8c47729,0 10px 30px #00000073,0 0 26px #e8c4774d}.sr-confirm span{text-align:left;line-height:1.25;display:grid}.sr-confirm small{letter-spacing:.3px;opacity:.8;font-size:12px;font-weight:600}.sr-confirm:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.sr-confirm:disabled{opacity:1;color:var(--parchment-dim);text-shadow:none;box-shadow:none;background:linear-gradient(#16303d,#0c1c25);border-color:#e8c4774d}@keyframes sr-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes sr-card-in{0%{opacity:0;transform:translateY(40px)rotateX(18deg)}}.capture-reveal{z-index:50;text-align:center;border-radius:var(--radius-md);width:min(420px,100vw - 24px);animation:reveal-arrive .45s var(--ease-out);background:radial-gradient(at 50% 0,#ef7d6d38,#0000 60%),linear-gradient(#1a1416,#0a1218);border:1px solid #ef7d6d73;padding:30px 28px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 90px #000000b3,inset 0 1px #fff1d20f}.crv-close{width:32px;height:32px;color:var(--parchment-dim);background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.crv-shards{pointer-events:none;width:0;height:0;position:absolute;top:0;left:50%}.crv-shards i{clip-path:polygon(50% 0,100% 40%,60% 100%,0 70%);opacity:0;width:10px;height:16px;animation:shard-fly .9s var(--ease-out) forwards;--a:calc(var(--i) * 40deg);background:linear-gradient(#ffe0c8,#ef7d6d);position:absolute}@keyframes shard-fly{0%{opacity:1;transform:rotate(var(--a)) translateY(0) rotate(0)}to{opacity:0;transform:rotate(var(--a)) translateY(-90px) rotate(160deg)}}.reveal-line{background:linear-gradient(90deg,#0000,#f0b8a4,#0000);width:60%;height:1px;margin:0 auto 14px}.crv-eyebrow{letter-spacing:4px;color:#f4ab96;font-size:11px;font-weight:700}.capture-reveal h2{font:600 38px/1.1 var(--font-display);color:var(--parchment);margin:6px 0 10px}.capture-reveal p{max-width:330px;color:var(--parchment-2);margin:0 auto;font-size:13px;line-height:1.65}.crv-chance{color:var(--text-muted);margin-top:8px;font-size:11px;display:block}.reveal-continue{border-radius:var(--radius-sm);border:1px solid var(--gold-300);min-height:44px;color:var(--gold-100);background:#e8c4771f;align-items:center;gap:10px;margin:20px auto 0;padding:0 20px;font-size:13px;font-weight:700;display:inline-flex}.reveal-continue:hover{background:#e8c47738}@keyframes reveal-arrive{0%{opacity:0;transform:translate(-50%,-44%)scale(.92)}}.fps-overlay{z-index:var(--z-fps);color:var(--parchment-2);pointer-events:none;background:#0000009e;border-radius:0 0 6px;align-items:baseline;gap:8px;padding:2px 10px;font:600 10px/1.4 ui-monospace,Consolas,monospace;display:flex;position:absolute;top:0;left:0}.fps-overlay b{font-size:12px}.fps-overlay.good b{color:var(--success)}.fps-overlay.fair b{color:var(--warning)}.fps-overlay.poor b{color:var(--danger)}.fps-overlay span{color:var(--text-muted)}.map-road{fill:none;stroke:#e9d9ad;stroke-opacity:.32;stroke-width:12px;stroke-linecap:round;stroke-dasharray:2 18}.map-labels text{font:600 30px var(--font-display);letter-spacing:1px;paint-order:stroke;stroke:#04101a;stroke-width:7px;stroke-linejoin:round}.map-labels .map-town-label{font:700 24px var(--font-body);letter-spacing:5px;fill:var(--gold-100)}.map-raid-label{font:700 21px var(--font-body);letter-spacing:2px;paint-order:stroke;stroke:#04101a;stroke-width:6px}.map-wild.rare{filter:drop-shadow(0 0 6px #8fd3f0)}.map-wild.engaged{stroke:#ff8a6a;stroke-width:5px}.map-raid-pulse,.map-quest{transform-box:fill-box;transform-origin:50%}.map-raid.active .map-raid-pulse{animation:1.6s ease-out infinite raid-pulse}.map-quest{animation:1.4s ease-in-out infinite quest-bob}@keyframes raid-pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes quest-bob{50%{transform:translateY(-6px)}}@media (max-width:1180px){.toast-stack{align-items:center;width:min(440px,100vw - 32px);inset:auto auto 150px 50%;transform:translate(-50%)}}@media (max-width:760px){.toast-stack,.pc-game:not(.is-started) .toast-stack{width:auto;inset:6px 8px auto;transform:none}.pc-game.is-started .toast-stack{top:188px}.hud-toast{font-size:12px}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)}}.event-banner{top:24%}.eb-title{font-size:36px}.eb-eyebrow{letter-spacing:3px;font-size:11px}.eb-sub{font-size:13px}.quest-tracker{display:none}.quest-pill{min-height:32px;display:inline-flex}.chat-toggle{max-width:none;padding:0 10px;bottom:252px;left:10px}.chat-toggle .chat-preview{display:none}.chat-box{z-index:30;width:auto;height:min(46dvh,360px);bottom:72px;left:8px;right:8px}.pc-game[data-quality] .chat-box.hud-panel{background:var(--hud-plate-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.reward-pop{top:46%}.starter-rite h2{font-size:28px}.sr-eyebrow{letter-spacing:3px;font-size:11px}.sr-lead{margin-bottom:18px;font-size:13px}.sr-content{padding:30px 10px 20px}.sr-cards{gap:8px}.sr-slot{width:calc(33.3333vw - 13.3333px)}.sr-slot.selected{transform:translateY(-6px)scale(1.03)}.sr-name b{font-size:16px}.sr-name span{letter-spacing:.5px;font-size:10px}.sr-footer{flex-direction:column;gap:12px;margin-top:14px}.sr-detail{padding:12px 14px}.sr-confirm{width:100%;font-size:14px}.sr-confirm span{text-align:center}.capture-reveal h2{font-size:32px}}@media (max-height:520px) and (min-width:561px){.toast-stack{width:min(420px,60vw);top:58px;bottom:auto}.pc-game.is-started .toast-stack{align-items:flex-end;width:min(300px,50vw - 160px);top:112px;left:auto;right:10px;transform:none}.pc-game.is-started.hunt-mode[data-hud] .toast-stack{align-items:flex-end;width:min(420px,100vw - 270px);top:112px;left:auto;right:10px;transform:none}.event-banner{top:16%}.eb-title{font-size:34px}.quest-tracker{display:none}.quest-pill{min-height:30px;display:inline-flex}.chat-toggle{max-width:200px;min-height:30px;top:108px;bottom:auto;left:10px}.chat-box{z-index:30;width:340px;height:auto;top:66px;bottom:10px;left:10px}.pc-game[data-quality] .chat-box.hud-panel{background:var(--hud-plate-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.sr-content{padding:16px 16px 14px}.starter-rite h2{margin:4px 0 10px;font-size:26px}.sr-lead{display:none}.sr-slot{width:124px}.sr-name{margin-top:6px}.sr-name b{font-size:16px}.sr-footer{gap:10px;margin-top:10px}.sr-detail{gap:6px;min-height:0;padding:8px 12px}.sr-detail p{display:none}.sr-confirm{width:220px;min-height:46px}}@media (prefers-reduced-motion:reduce){.hud-toast,.hud-toast.leaving,.toast-count,.event-banner,.event-banner.leaving,.eb-rule span,.qt-claim,.chat-box,.sr-eyebrow,.starter-rite h2,.sr-lead,.sr-slot,.sr-detail.shown,.sr-backdrop,.capture-reveal,.crv-shards i,.map-raid-pulse,.map-quest{animation:none!important}}html[data-motion=reduced] :is(.hud-toast,.hud-toast.leaving,.toast-count,.event-banner,.event-banner.leaving,.eb-rule span,.qt-claim,.chat-box,.sr-eyebrow,.starter-rite h2,.sr-lead,.sr-slot,.sr-detail.shown,.sr-backdrop,.capture-reveal,.crv-shards i,.map-raid-pulse,.map-quest){animation:none!important}html[data-motion=reduced] .eb-rule span:last-child{transform:scaleX(-1)}html[data-motion=reduced] .sr-slot,html[data-motion=reduced] .sr-halo{transition:none}