:root{--mode-night-campaign: #0c141d;--mode-night-free: #080f1d;--mode-night-pvp: #110f21}.mode-scene{--duel-width: min(100vw, calc(98dvh * 1280 / 748));--blue-x: calc(min(21vw, 43dvh) - var(--duel-width) * 447 / 1280);--mage-x: max(calc(100vw - min(24vw, 49dvh) - var(--duel-width) * 894 / 1280), calc(var(--blue-x) + var(--duel-width) * 170 / 1280 + 11vw));--shaft-intercept: calc(84dvh - 6.25vw) ;--blue-y: max(calc(var(--shaft-intercept) - var(--duel-width) * 465 / 1280 + var(--blue-x) / 8), calc(30dvh - var(--duel-width) * 185 / 1280));--mage-y: calc(var(--blue-y) + (var(--mage-x) - var(--blue-x)) / 8);--label-top: 32dvh;--label-base: 61dvh;--label-spread: calc((var(--label-base) - var(--label-top)) / 1.7320508)}.mode-field{--label-x: 50%;--label-y: var(--label-top)}.mode-field--free{--label-x: calc(50% - var(--label-spread));--label-y: var(--label-base);--label-angle: 60deg}.mode-field--pvp{--label-x: calc(50% + var(--label-spread));--label-y: var(--label-base);--label-angle: -60deg}.mode-field picture{display:contents}.mode-field--campaign{background:radial-gradient(ellipse at 52% 14%,#4c3722,#201d1e 46%,var(--mode-night-campaign) 79%)}.mode-field--free{background:radial-gradient(ellipse at 5% 61%,#19485e,#0c2134 44%,var(--mode-night-free) 83%)}.mode-field--pvp{background:radial-gradient(ellipse at 98% 74%,#3a284d,#221a32 44%,var(--mode-night-pvp) 84%)}.mode-art{position:absolute;display:block;max-width:none;-webkit-user-select:none;user-select:none;opacity:.92;transition:opacity .4s,filter .4s}.mode-wash,.mode-vignette{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.mode-field--campaign .mode-art{height:70dvh;width:auto;top:-7dvh;left:50%;transform:translate(-50%);opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#0008 11%,#000 24%,#000 79%,#0008 91%,transparent),linear-gradient(180deg,#000,#000 43%,#000b 63%,#0004 79%,transparent 98%);mask-image:linear-gradient(90deg,transparent,#0008 11%,#000 24%,#000 79%,#0008 91%,transparent),linear-gradient(180deg,#000,#000 43%,#000b 63%,#0004 79%,transparent 98%);-webkit-mask-composite:source-in;mask-composite:intersect}.mode-field--free .mode-art{left:var(--blue-x);top:var(--blue-y);width:calc(var(--duel-width) * 705 / 1280);height:calc(var(--duel-width) * 748 / 1280);-webkit-mask-image:linear-gradient(90deg,#000,#000 72%,#0008 86%,transparent 100%),linear-gradient(180deg,transparent,#000 11%,#000 100%);mask-image:linear-gradient(90deg,#000,#000 72%,#0008 86%,transparent 100%),linear-gradient(180deg,transparent,#000 11%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.mode-field--pvp .mode-art{left:calc(var(--mage-x) + var(--duel-width) * 535 / 1280);top:calc(var(--mage-y) + var(--duel-width) * 105 / 1280);width:calc(var(--duel-width) * 745 / 1280);height:calc(var(--duel-width) * 643 / 1280);-webkit-mask-image:linear-gradient(90deg,transparent,#0005 18%,#000c 33%,#000 45%,#000),linear-gradient(180deg,transparent,#0008 8%,#000 16%,#000 100%);mask-image:linear-gradient(90deg,transparent,#0005 18%,#000c 33%,#000 45%,#000),linear-gradient(180deg,transparent,#0008 8%,#000 16%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.mode-field--campaign .mode-wash{background:radial-gradient(ellipse 30% 35% at 50% 13%,#ad79201c,transparent 100%)}.mode-field--free .mode-wash{background:radial-gradient(ellipse at 12% 56%,#247c972b,transparent 60%)}.mode-field--pvp .mode-wash{background:radial-gradient(ellipse at 89% 67%,#542d6644,transparent 61%)}.mode-seams path{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:miter;stroke-miterlimit:4}.mode-seam-cut{stroke:#02060c;stroke-width:9px;opacity:.97}.mode-seam-bevel{stroke:#536075;stroke-width:4px}.mode-seam-lip{stroke:#d3d4d7;stroke-width:1.4px;opacity:.88}.mode-field--campaign .mode-vignette{background:radial-gradient(ellipse 27% 16% at var(--label-x) var(--label-y),#111820cc,#10191e44 55%,transparent 100%),linear-gradient(180deg,#14131b10,#10191e44 20%,color-mix(in srgb,var(--mode-night-campaign) 13%,transparent) 35%,#0b141ccc 62%)}.mode-field--free .mode-vignette{background:radial-gradient(ellipse 21% 19% at var(--label-x) var(--label-y),#0916269c,transparent 100%),linear-gradient(0deg,#06101ac9,transparent 49%)}.mode-field--pvp .mode-vignette{background:radial-gradient(ellipse 20% 20% at var(--label-x) var(--label-y),#181127a8,transparent 100%),linear-gradient(0deg,#100c1dbd,transparent 46%)}@media(max-height:560px)and (min-aspect-ratio:6/5){.mode-scene{--label-top: 24dvh}}.mode-backdrop{position:fixed;inset:0 auto auto 0;z-index:-1;width:100vw;height:100dvh;overflow:hidden;pointer-events:none;background:var(--mode-night)}.mode-backdrop *,.mode-backdrop *:before,.mode-backdrop *:after{box-sizing:border-box}.mode-backdrop--campaign{--mode-night: var(--mode-night-campaign);--mode-shade: #0b1017;--mode-shade-opacity: .8}.mode-backdrop--free{--mode-night: var(--mode-night-free);--mode-shade: #070d18}.mode-backdrop--pvp{--mode-night: var(--mode-night-pvp);--mode-shade: #0f0c1c}.mode-backdrop__field{position:absolute;top:0;right:0;bottom:0;left:0}:has(>.mode-backdrop--campaign){background-color:var(--mode-night-campaign)}:has(>.mode-backdrop--free){background-color:var(--mode-night-free)}:has(>.mode-backdrop--pvp){background-color:var(--mode-night-pvp)}.mode-backdrop__shade{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--mode-shade);opacity:var(--mode-shade-opacity, .7)}.mode-backdrop .mode-vignette{opacity:0}.mode-backdrop__home{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.mode-backdrop__neighbour{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:var(--region-wide)}.mode-backdrop svg.mode-backdrop__seams{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0}.mode-backdrop__seam-layout--tall{display:none}.mode-backdrop[data-from-home=true] .mode-backdrop__home{animation:mode-home-out .52s calc(0ms - var(--open-elapsed, 0ms)) cubic-bezier(.4,0,.2,1) backwards}.mode-backdrop[data-from-home=true] .mode-backdrop__seams{animation:mode-home-out .26s calc(0ms - var(--open-elapsed, 0ms)) ease-out backwards}.mode-backdrop[data-from-home=true] .mode-backdrop__field .mode-vignette{animation:mode-home-out .76s calc(0ms - var(--open-elapsed, 0ms)) cubic-bezier(.4,0,.2,1) backwards}.mode-backdrop[data-from-home=true] .mode-backdrop__shade{animation:mode-shade-in .76s calc(0ms - var(--open-elapsed, 0ms)) cubic-bezier(.4,0,.2,1) backwards}.mode-backdrop__neighbour .mode-vignette{opacity:1}@keyframes mode-home-out{0%{opacity:1}}@keyframes mode-shade-in{0%{opacity:0}}@media(max-aspect-ratio:6/5){.mode-scene{--dock-height: calc(58px + env(safe-area-inset-bottom)) ;--row-height: calc((100dvh - var(--dock-height)) / 3)}.mode-field--campaign{background:radial-gradient(ellipse at 60% 12%,#503824,#231c20 39%,#101823 72%)}.mode-field--free{background:radial-gradient(ellipse at 9% 51%,#184e69,#0e2c45 38%,#0a1628 73%)}.mode-field--pvp{background:radial-gradient(ellipse at 90% 84%,#483151,#2b1d3c 32%,#171326 62%)}.mode-field--campaign .mode-art{height:calc(var(--row-height) * 1.4);width:auto;top:calc(var(--row-height) * -.24);left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000b 10%,#000 22%,#000 85%,transparent 100%),linear-gradient(180deg,#000,#000 55%,#0009 76%,transparent 100%);mask-image:linear-gradient(90deg,transparent,#000b 10%,#000 22%,#000 85%,transparent 100%),linear-gradient(180deg,#000,#000 55%,#0009 76%,transparent 100%)}.mode-field--free .mode-art{--portrait-height: max(calc(var(--row-height) * 1.4), calc(100vw * 748 / 705));height:var(--portrait-height);width:auto;left:auto;right:0;top:calc(var(--row-height) * 1.38 - var(--portrait-height) * 250 / 748);transform:none;-webkit-mask-image:none;mask-image:none}.mode-field--pvp .mode-art{--portrait-height: max(calc(var(--row-height) * 1.3), calc(100vw * 538 / 745));height:var(--portrait-height);width:auto;left:50%;top:calc(var(--row-height) * 2.4 - var(--portrait-height) * 260 / 538);transform:translate(-50%);-webkit-mask-image:none;mask-image:none}.mode-field--campaign .mode-wash{background:none}.mode-field--free .mode-wash{background:radial-gradient(ellipse 70% 30% at 72% 52%,#102d4738,transparent 100%)}.mode-field--pvp .mode-wash{background:radial-gradient(ellipse 50% 30% at 38% 85%,#3d1e5233,transparent 100%)}.mode-field{--label-x: 50%;--label-y: calc(var(--row-height) * (var(--order) + .5));--label-angle: 0deg}.mode-field--campaign{--order: 0}.mode-field--free{--order: 1}.mode-field--pvp{--order: 2}.mode-field--campaign .mode-vignette{background:radial-gradient(ellipse 46% 16% at var(--label-x) var(--label-y),#151720c7,transparent 100%),linear-gradient(180deg,transparent 4%,#13172000 14%,#111724b3 32%,#111724 43%)}.mode-field--free .mode-vignette{background:radial-gradient(ellipse 47% 16% at var(--label-x) var(--label-y),#0b2139b0,transparent 100%)}.mode-field--pvp .mode-vignette{background:radial-gradient(ellipse 45% 16% at var(--label-x) var(--label-y),#22162fc0,transparent 100%),linear-gradient(0deg,#17112280,transparent 20%)}.mode-backdrop__field,.mode-backdrop__home{bottom:var(--dock-height)}.mode-backdrop__neighbour{clip-path:var(--region-tall)}.mode-backdrop svg.mode-backdrop__seams{bottom:auto;height:calc(100% - var(--dock-height))}.mode-backdrop__seam-layout--wide{display:none}.mode-backdrop__seam-layout--tall{display:block}.mode-seam-cut{stroke-width:7px}.mode-seam-bevel{stroke-width:3.2px}.mode-seam-lip{stroke-width:1.2px}.mode-backdrop--free .mode-backdrop__field .mode-art{-webkit-mask-image:linear-gradient(180deg,transparent,#000 calc(var(--portrait-height) * 250 / 748 - var(--row-height) * .38),#000 calc(var(--portrait-height) * 250 / 748 + var(--row-height) * .62),transparent);mask-image:linear-gradient(180deg,transparent,#000 calc(var(--portrait-height) * 250 / 748 - var(--row-height) * .38),#000 calc(var(--portrait-height) * 250 / 748 + var(--row-height) * .62),transparent)}.mode-backdrop--pvp .mode-backdrop__field .mode-art{-webkit-mask-image:linear-gradient(180deg,transparent,#000 calc(var(--portrait-height) * 260 / 538 - var(--row-height) * .4),#000 calc(var(--portrait-height) * 260 / 538 + var(--row-height) * .6),transparent);mask-image:linear-gradient(180deg,transparent,#000 calc(var(--portrait-height) * 260 / 538 - var(--row-height) * .4),#000 calc(var(--portrait-height) * 260 / 538 + var(--row-height) * .6),transparent)}}@media(forced-colors:active){.mode-art,.mode-wash,.mode-vignette,.mode-backdrop{display:none}}.duel-entry{--ice: #d1edf8;--violet: #e8dafa;--gold: #f1d8a7;--label-lit: color-mix(in srgb, var(--ui-text) 50%, #fff);--spark-light: #fff8e8, color-mix(in srgb, var(--gold) 80%, transparent) 12%, #d9a45a55 34%, transparent;position:relative;isolation:isolate;width:100%;height:100dvh;overflow:hidden;background:#0b101b;color:var(--ui-text);color-scheme:dark;font-family:var(--ui-font-body);-webkit-font-smoothing:antialiased}.duel-entry *,.duel-entry *:before,.duel-entry *:after{box-sizing:border-box}.duel-entry__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.duel-entry__choices{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.duel-entry__mode{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden;clip-path:var(--clip-wide);pointer-events:auto;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.duel-entry__mode>:is(span,img,picture){pointer-events:none}.duel-entry__mode--campaign{--accent: var(--gold);--tint: 214, 162, 70}.duel-entry__mode--free{--accent: var(--ice);--tint: 112, 198, 230}.duel-entry__mode--pvp{--accent: var(--violet);--tint: 181, 136, 222}.duel-entry__pointer{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.duel-entry__pointer{opacity:0;background:radial-gradient(ellipse 470px 360px at var(--pointer-x, -800px) var(--pointer-y, -800px),rgba(var(--tint),.065),transparent 80%);transition:opacity .4s}.duel-entry__mode-label{position:absolute;display:block;left:var(--label-x);top:var(--label-y);translate:-50% -50%;transform:rotate(var(--label-angle, 0deg));width:max-content;max-width:90%;color:var(--accent);font-family:var(--ui-font-serif);font-size:clamp(var(--ui-font-size-3xl),3.2vw,var(--ui-font-size-5xl));font-weight:var(--ui-weight-regular);letter-spacing:.015em;line-height:var(--ui-leading-none);text-shadow:0 2px 3px color-mix(in srgb,#000 70%,transparent),0 0 27px color-mix(in srgb,#000 66%,transparent);transition:color .3s,opacity .3s;will-change:transform;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.duel-entry__mode:focus-visible{outline:0}.duel-entry__mode:focus-visible .duel-entry__mode-label{outline:2px solid var(--accent);outline-offset:12px}.duel-entry__mode:focus-visible .duel-entry__mode-label,.duel-entry__mode:hover .duel-entry__mode-label{color:var(--label-lit)}.duel-entry__mode:focus-visible .duel-entry__pointer,.duel-entry__mode:hover .duel-entry__pointer{opacity:1}.duel-entry__seams{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none}.duel-entry__seam-layout--tall{display:none}.duel-entry__seams{clip-path:circle(75% at 50% var(--junction-y));transition:clip-path .8s var(--ui-ease-settle)}.duel-entry[data-arrival=loading] .duel-entry__seams{clip-path:circle(3.5% at 50% var(--junction-y))}.duel-entry__spark{position:absolute;z-index:4;left:50%;top:var(--junction-y);width:9rem;height:9rem;translate:-50% -50%;opacity:0;pointer-events:none;background:radial-gradient(closest-side,var(--spark-light))}.duel-entry[data-arrival=loading] .duel-entry__spark{animation:entry-spark-breathe 1.4s ease-in-out infinite alternate}.duel-entry[data-arrival=opening] .duel-entry__spark{animation:entry-spark-release .9s var(--ui-ease-settle) both}.duel-entry[data-arrival=loading] .duel-entry__mode{opacity:.01}.duel-entry[data-arrival=loading] :is(.duel-entry__mode-label,.duel-entry__dock){visibility:hidden}.duel-entry:is([data-arrival=loading],[data-arrival=opening]) :is(.duel-entry__mode,.duel-entry__character,.duel-entry__mode-label,.duel-entry__dock){will-change:opacity,translate,scale}.duel-entry[data-arrival=opening] .duel-entry__seam-lip{animation:entry-seam-flare 1.1s .2s var(--ui-ease-settle) backwards}.duel-entry[data-arrival=opening] .duel-entry__seam-bevel{animation:entry-seam-charge 1.1s .2s var(--ui-ease-settle) backwards}.duel-entry[data-arrival=opening] .duel-entry__mode{--lit: calc(.25s + var(--order) * .13s);animation:entry-light .7s var(--lit) var(--ui-ease-settle) backwards}.duel-entry[data-arrival=opening] .duel-entry__character{animation:entry-character 1.1s calc(var(--lit) + 80ms) var(--ui-ease-settle) backwards}.duel-entry[data-arrival=opening] .duel-entry__mode-label{animation:entry-name .8s calc(var(--lit) + .42s) var(--ui-ease-settle) backwards}.duel-entry__mode--campaign{--enter: 0 -3%}.duel-entry__mode--free{--enter: -3% 0}.duel-entry__mode--pvp{--enter: 3% 0}.duel-entry[data-arrival=opening] .duel-entry__dock{animation:entry-dock .76s .95s var(--ui-ease-settle) backwards}.duel-entry[data-arrival=opening] :is(.duel-entry__dock-art,.duel-entry__dock-gem,.duel-entry__dock-label){animation:entry-fade .6s 1.25s var(--ui-ease-settle) backwards}.duel-entry__dock-slot--shop .duel-entry__dock-control:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 35%,#fff3cf55 48%,#fffbe899 50%,transparent 62%) 160% 0 / 260% 100% no-repeat}.duel-entry[data-arrival=opening] .duel-entry__dock-slot--shop .duel-entry__dock-control:after{animation:entry-glint 1.1s 1.65s cubic-bezier(.45,0,.2,1) both}.duel-entry[data-arrival=return] :is(.duel-entry__mode,.duel-entry__dock){animation:entry-fade .32s var(--ui-ease-settle) backwards}@keyframes entry-fade{0%{opacity:0}}@keyframes entry-light{0%{opacity:.01}}@keyframes entry-spark-breathe{0%{opacity:.35;scale:.7}to{opacity:.9;scale:1}}@keyframes entry-spark-release{0%{opacity:1;scale:1}to{opacity:0;scale:2.6}}@keyframes entry-spark-glow{0%{opacity:.35}to{opacity:.9}}@keyframes entry-spark-out{0%{opacity:1}to{opacity:0}}@keyframes entry-seam-flare{0%{stroke:#fffaf0;opacity:1}}@keyframes entry-seam-charge{0%{stroke:#c9a15a}}@keyframes entry-character{0%{opacity:0;translate:var(--enter)}}@keyframes entry-name{0%{opacity:0;scale:1.08}}@keyframes entry-dock{0%{translate:0 100%}}@keyframes entry-glint{0%{opacity:1}to{opacity:1;background-position:-60% 0}}.duel-entry__dock{position:absolute;z-index:10;bottom:0;left:0;right:0;margin-inline:auto;display:flex;width:min(660px,92vw);height:clamp(62px,8.6dvh,86px);pointer-events:none;filter:drop-shadow(0 -9px 17px color-mix(in srgb,#000 67%,transparent))}.duel-entry__dock-slot{position:relative;width:35%;height:100%;pointer-events:none}.duel-entry__dock-slot--shop{width:30%}.duel-entry__dock-control,.duel-entry .web-shell__account-summary{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-height:0;padding:0;margin:0;border:0;border-radius:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#202b3c;color:var(--ui-text);clip-path:polygon(0 100%,10% 19%,32% 19%,40% 2%,100% 2%,100% 100%);pointer-events:auto;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.duel-entry__dock-slot--deck .duel-entry__dock-control{clip-path:polygon(0 2%,60% 2%,68% 19%,90% 19%,100% 100%,0 100%);background:#302840}.duel-entry__dock-slot--shop .duel-entry__dock-control{clip-path:polygon(0 2%,100% 2%,100% 100%,0 100%);background:#29231a}.duel-entry .web-shell__account-menu{position:static;margin:0}.duel-entry .web-shell__account-summary:after{display:none}.duel-entry .web-shell__account-panel{position:absolute;top:auto;bottom:calc(100% + var(--ui-space-1-5));left:0;right:auto;max-width:calc(100vw - 20px);max-height:calc(100dvh - 80px);overflow-y:auto;pointer-events:auto}.duel-entry__dock-art,.duel-entry__dock-shade{position:absolute;top:2px;right:0;bottom:0;left:0;display:block;pointer-events:none}.duel-entry__dock-art{background-repeat:no-repeat;transition:opacity .35s}.duel-entry__dock-slot--account .duel-entry__dock-art{background-size:auto 160%;background-position:left 38%;opacity:.62;-webkit-mask-image:linear-gradient(90deg,#000,#000c 30%,transparent 93%);mask-image:linear-gradient(90deg,#000,#000c 30%,transparent 93%)}.duel-entry__dock-slot--deck .duel-entry__dock-art{background-size:auto 117%;background-position:right center;opacity:.76;-webkit-mask-image:linear-gradient(90deg,transparent,#0009 40%,#000 100%);mask-image:linear-gradient(90deg,transparent,#0009 40%,#000 100%)}.duel-entry__dock-slot--account .duel-entry__dock-shade{background:linear-gradient(90deg,#191b2222,#121b298f 60%,#111b27bb)}.duel-entry__dock-slot--deck .duel-entry__dock-shade{background:linear-gradient(90deg,#211c30bd,#1e183a5e 70%,#251d2822)}.duel-entry__dock-gem{position:absolute;top:58%;left:50%;display:block;height:210%;aspect-ratio:1;transform:translate(-50%,-50%);opacity:.2;pointer-events:none;transition:opacity .35s;-webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent 100%);mask-image:radial-gradient(closest-side,#000 35%,transparent 100%)}.duel-entry__dock-gem svg{display:block;width:100%;height:100%}.duel-entry__dock-slot--shop .duel-entry__dock-shade{background:radial-gradient(ellipse 70% 90% at 50% 70%,#4a3a1a55,transparent 70%),linear-gradient(90deg,#1b1712aa,transparent 30%,transparent 70%,#1b1712aa)}.duel-entry__dock-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.duel-entry__dock-frame--deck{transform:scaleX(-1)}.duel-entry__dock-frame path{fill:none;stroke:#b5b6bc;stroke-width:3px;vector-effect:non-scaling-stroke}.duel-entry__dock-frame-tall{display:none}.duel-entry__dock-label{position:absolute;left:54%;top:60%;transform:translate(-50%,-50%);display:block;width:max-content;max-width:94%;color:inherit;font:var(--ui-weight-medium) clamp(var(--ui-font-size-xs),1vw,var(--ui-font-size-md))/var(--ui-leading-none) var(--ui-font-body);letter-spacing:var(--ui-tracking-wide);text-transform:uppercase;text-align:center;pointer-events:none}.duel-entry__dock-slot--deck .duel-entry__dock-label{left:46%}.duel-entry__dock-slot--shop .duel-entry__dock-label{left:50%}.duel-entry__dock-control:focus-visible,.duel-entry .web-shell__account-summary:focus-visible{outline:0}.duel-entry__dock-control:focus-visible .duel-entry__dock-label,.duel-entry .web-shell__account-summary:focus-visible .duel-entry__dock-label{outline:2px solid var(--ui-accent);outline-offset:8px}.duel-entry__dock-control:hover .duel-entry__dock-art,.duel-entry .web-shell__account-summary:hover .duel-entry__dock-art{opacity:.96}.duel-entry__dock-control:hover .duel-entry__dock-gem{opacity:.34}.duel-entry__dock-control:hover .duel-entry__dock-label,.duel-entry .web-shell__account-summary:hover .duel-entry__dock-label{color:var(--label-lit)}@media(min-aspect-ratio:21/9){.duel-entry__mode-label{font-size:5dvh}}@media(max-height:560px)and (min-aspect-ratio:6/5){.duel-entry__dock{height:51px;width:min(500px,76vw)}.duel-entry__dock-label{font-size:var(--ui-font-size-xs)}.duel-entry__mode-label{font-size:8dvh}}@media(max-aspect-ratio:6/5){.duel-entry__choices{bottom:var(--dock-height)}.duel-entry__mode{clip-path:var(--clip-tall)}.duel-entry__seam-layout--wide{display:none}.duel-entry__seam-layout--tall{display:block}.duel-entry__seams{clip-path:inset(0)}.duel-entry[data-arrival=loading] .duel-entry__seams{clip-path:inset(0 46%)}.duel-entry__spark{top:0;right:0;bottom:0;left:0;width:auto;height:auto;translate:none;background:radial-gradient(circle 4rem at 50% 33.333%,var(--spark-light)),radial-gradient(circle 4rem at 50% 66.667%,var(--spark-light))}.duel-entry[data-arrival=loading] .duel-entry__spark{animation-name:entry-spark-glow}.duel-entry[data-arrival=opening] .duel-entry__spark{animation:entry-spark-out .7s var(--ui-ease-settle) both}.duel-entry__mode-label{font-size:clamp(var(--ui-font-size-2xl),7.7vw,var(--ui-font-size-4xl));letter-spacing:.005em}.duel-entry__dock{width:min(480px,100%);height:var(--dock-height);padding-bottom:env(safe-area-inset-bottom);filter:drop-shadow(0 -4px 10px color-mix(in srgb,#000 40%,transparent))}.duel-entry__dock-control,.duel-entry .web-shell__account-summary{clip-path:polygon(0 100%,0 16%,12% 16%,17% 0,100% 0,100% 100%)}.duel-entry__dock-slot--deck .duel-entry__dock-control{clip-path:polygon(0 0,83% 0,88% 16%,100% 16%,100% 100%,0 100%)}.duel-entry__dock-slot--shop .duel-entry__dock-control{clip-path:none}.duel-entry__dock-frame-wide{display:none}.duel-entry__dock-frame-tall{display:block}.duel-entry__dock-label{font-size:var(--ui-font-size-xs);letter-spacing:.11em;top:55%}.duel-entry__dock-slot--account .duel-entry__dock-label{left:52%}.duel-entry__dock-slot--deck .duel-entry__dock-label{left:48%}.duel-entry__mode:focus-visible .duel-entry__mode-label{outline-offset:7px}}@media(forced-colors:active){.duel-entry__dock-art,.duel-entry__dock-gem,.duel-entry__dock-shade{display:none}.duel-entry__mode,.duel-entry__dock-control,.duel-entry .web-shell__account-summary{background:Canvas}.duel-entry__mode-label,.duel-entry__dock-label{color:ButtonText;text-shadow:none}.duel-entry__seam-cut{stroke:Canvas}.duel-entry__seam-bevel,.duel-entry__seam-lip{stroke:ButtonText}.duel-entry__dock-frame path{stroke:ButtonText}}.duel-ui,.ui-controls{--ui-field: var(--ui-bg-base);--ui-field-hover: var(--ui-bg-sunken);--ui-field-press: var(--ui-bg-surface);--ui-field-line: var(--ui-border);--ui-plate: var(--ui-bg-raised);--ui-plate-line: var(--ui-border-strong);--ui-control-font: var(--ui-type-control)}:is(.ui-button,.ui-icon-button,.ui-input,.ui-select,.ui-search,.ui-segmented,.ui-stepper,.ui-sort,.ui-switch),:is(.ui-button,.ui-icon-button,.ui-select,.ui-search,.ui-segmented,.ui-stepper,.ui-sort,.ui-switch) *{box-sizing:border-box}:is(.ui-icon-button,.ui-select,.ui-search,.ui-sort) svg{flex:0 0 auto;display:block}:is(.duel-ui,.ui-controls) .ui-icon-button svg{width:1.25rem;height:1.25rem}:is(.ui-button,.ui-icon-button,.ui-select,.ui-search,.ui-sort) svg{fill:none;stroke:currentColor}:is(.duel-ui,.ui-controls) :is(.ui-icon-button,.ui-sort,.ui-segmented>button):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}:is(.duel-ui,.ui-controls) .ui-button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-4px}:is(.duel-ui,.ui-controls) .ui-button--primary:focus-visible{outline-color:var(--ui-text-on-accent)}@property --ui-button-fill{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --ui-button-line{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --ui-button-sheen{syntax: "<color>"; inherits: false; initial-value: transparent;}.ui-button{--ui-button-cut: 0px;--ui-button-fill: var(--ui-plate);--ui-button-line: var(--ui-plate-line);--ui-button-sheen: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:var(--ui-control-height);padding:0 var(--ui-space-4);border:0;border-radius:0;background:linear-gradient(to bottom left,transparent 50%,var(--ui-button-line) 50% calc(50% + 1px),transparent calc(50% + 1px)) right top / var(--ui-button-cut) var(--ui-button-cut) no-repeat,linear-gradient(to top right,transparent 50%,var(--ui-button-line) 50% calc(50% + 1px),transparent calc(50% + 1px)) left bottom / var(--ui-button-cut) var(--ui-button-cut) no-repeat,var(--ui-button-fill);box-shadow:inset 0 0 0 1px var(--ui-button-line),inset 0 2px 0 var(--ui-button-sheen);clip-path:polygon(0 0,calc(100% - var(--ui-button-cut)) 0,100% var(--ui-button-cut),100% 100%,var(--ui-button-cut) 100%,0 calc(100% - var(--ui-button-cut)));color:var(--ui-text);font:var(--ui-type-label);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:--ui-button-fill var(--ui-feedback),--ui-button-line var(--ui-feedback),--ui-button-sheen var(--ui-feedback),color var(--ui-feedback)}:is(.duel-ui,.ui-controls) .ui-button svg{width:1rem;height:1rem}@media(hover:hover){.ui-button:hover{--ui-button-line: var(--ui-accent-line);--ui-button-fill: var(--ui-accent-wash);color:var(--ui-accent-text)}}.ui-button:active{--ui-button-line: var(--ui-accent);--ui-button-fill: var(--ui-accent-wash-press);color:var(--ui-accent-text)}:is(.ui-button--primary,.ui-button--danger){--ui-button-cut: calc(var(--ui-control-height, 36px) * .22)}.ui-button--primary{--ui-button-fill: var(--ui-accent);--ui-button-line: var(--ui-accent-edge);--ui-button-sheen: var(--ui-accent-sheen);color:var(--ui-text-on-accent)}@media(hover:hover){.ui-button--primary:hover{--ui-button-fill: var(--ui-accent-hover);--ui-button-line: var(--ui-accent-sheen);--ui-button-sheen: var(--ui-accent-sheen);color:var(--ui-text-on-accent)}}.ui-button--primary:active{--ui-button-fill: var(--ui-accent-press);--ui-button-line: var(--ui-accent);--ui-button-sheen: transparent;color:var(--ui-text-on-accent)}.ui-button--danger{--ui-button-fill: var(--ui-danger);--ui-button-line: var(--ui-danger-hover);color:var(--ui-text-on-danger)}@media(hover:hover){.ui-button--danger:hover{--ui-button-fill: var(--ui-danger-hover);--ui-button-line: var(--ui-danger-hover);color:var(--ui-text-on-danger)}}.ui-button--danger:active{--ui-button-fill: var(--ui-danger-press);--ui-button-line: var(--ui-danger);color:var(--ui-text-on-danger)}.ui-button--quiet,.ui-button--text{--ui-button-fill: transparent;--ui-button-line: transparent;color:var(--ui-text-muted)}.ui-button--text{color:var(--ui-accent)}@media(hover:hover){.ui-button--quiet:hover,.ui-button--text:hover{--ui-button-fill: var(--ui-tint-hover);--ui-button-line: transparent;color:var(--ui-text)}}.ui-button--quiet:active,.ui-button--text:active{--ui-button-fill: var(--ui-tint-press);--ui-button-line: transparent;color:var(--ui-text)}.ui-button:is(:disabled,[aria-disabled=true]){opacity:.4;cursor:not-allowed}.ui-button:is(:disabled,[aria-disabled=true]):is(:hover,:active){--ui-button-line: var(--ui-plate-line);--ui-button-fill: var(--ui-plate);color:var(--ui-text)}.ui-button:is(.ui-button--quiet,.ui-button--text):is(:disabled,[aria-disabled=true]):is(:hover,:active){--ui-button-line: transparent;--ui-button-fill: transparent}:is(.duel-ui,.ui-controls) .ui-button--primary:is(:disabled,[aria-disabled=true]),:is(.duel-ui,.ui-controls) .ui-button--primary:is(:disabled,[aria-disabled=true]):is(:hover,:active){--ui-button-line: var(--ui-field-line);--ui-button-fill: var(--ui-field);--ui-button-sheen: transparent;color:var(--ui-text-muted);opacity:1}.ui-spinner{display:block;flex:none;width:1.125rem;height:1.125rem;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;animation:ui-spin .65s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-loading{display:grid;place-items:center;color:var(--ui-text-muted)}.ui-loading>.ui-spinner{width:1.5rem;height:1.5rem;animation:ui-spin .65s linear infinite,ui-loading-in .24s ease-out .4s both}@keyframes ui-loading-in{0%{opacity:0}}.ui-icon-button{display:grid;place-items:center;flex:0 0 auto;width:var(--ui-icon-target);height:var(--ui-icon-target);padding:0;border:1px solid transparent;border-radius:var(--ui-control-radius);background:transparent;color:var(--ui-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--ui-feedback),border-color var(--ui-feedback),color var(--ui-feedback)}@media(hover:hover){.ui-icon-button:hover{background:var(--ui-tint-hover);color:var(--ui-text)}}.ui-icon-button:active{background:var(--ui-tint-press);color:var(--ui-text)}.ui-icon-button:disabled{opacity:.3;cursor:not-allowed;background:transparent;color:var(--ui-text-muted)}.ui-icon-button--outlined{border-color:var(--ui-plate-line);background:var(--ui-plate);color:var(--ui-text)}@media(hover:hover){.ui-icon-button--outlined:hover{border-color:var(--ui-accent-line);background:var(--ui-accent-wash);color:var(--ui-accent-text)}}.ui-icon-button--outlined:active{border-color:var(--ui-accent);background:var(--ui-accent-wash-press);color:var(--ui-accent-text)}.ui-icon-button--outlined:disabled{border-color:var(--ui-plate-line);background:var(--ui-plate);color:var(--ui-text-muted)}.ui-input,.ui-select,.ui-search,.ui-field textarea:not(.ui-input){min-width:0;min-height:var(--ui-control-height);border:1px solid var(--ui-field-line);border-radius:var(--ui-control-radius);background:var(--ui-field);color:var(--ui-text);transition:background-color var(--ui-feedback),border-color var(--ui-feedback),outline-color var(--ui-feedback)}.ui-input{width:100%;padding:0 var(--ui-space-3);font:var(--ui-control-font);caret-color:var(--ui-accent);-webkit-user-select:text;user-select:text}textarea.ui-input,.ui-field textarea:not(.ui-input){display:block;width:100%;min-height:8rem;padding:var(--ui-space-2) var(--ui-space-3);font:var(--ui-control-font);line-height:var(--ui-leading-normal);caret-color:var(--ui-accent);resize:vertical;-webkit-user-select:text;user-select:text}:is(.ui-input,.ui-search input,.ui-field textarea)::placeholder{color:var(--ui-text-muted);opacity:1}:is(.ui-input,.ui-search input,.ui-field textarea)::selection{color:var(--ui-text-on-accent);background:var(--ui-accent)}@media(hover:hover){:is(.ui-input,.ui-select,.ui-search,.ui-field textarea):hover{border-color:var(--ui-accent-line);background:var(--ui-field-hover)}}.ui-select:has(.ui-select__trigger:active){background:var(--ui-field-press)}:is(.duel-ui,.ui-controls) :is(.ui-input,.ui-field textarea):focus,:is(.duel-ui,.ui-controls) :is(.ui-select[data-open],.ui-select:has(.ui-select__trigger:focus-visible),.ui-search:has(input:focus)){border-color:var(--ui-accent);background:var(--ui-field-hover);outline:2px solid var(--ui-accent);outline-offset:-1px}:is(.duel-ui,.ui-controls) :is(.ui-select__trigger,.ui-search input):is(:focus,:focus-visible){outline:none}:is(.ui-input,.ui-field textarea)[aria-invalid=true],.ui-select[data-invalid],.ui-search:has([aria-invalid=true]){border-color:var(--ui-danger)}:is(.duel-ui,.ui-controls) :is(.ui-input,.ui-field textarea)[aria-invalid=true]:focus,:is(.duel-ui,.ui-controls) .ui-select[data-invalid]:is([data-open],:has(:focus-visible)),:is(.duel-ui,.ui-controls) .ui-search:has([aria-invalid=true]:focus){border-color:var(--ui-danger);outline-color:var(--ui-danger)}:is(.ui-input,.ui-field textarea):disabled,.ui-select[data-disabled],.ui-search:has(input:disabled){opacity:.45;cursor:not-allowed}:is(.ui-input,.ui-field textarea):disabled:hover,.ui-select[data-disabled]:hover,.ui-search:has(input:disabled):hover{border-color:var(--ui-field-line);background:var(--ui-field)}.ui-select{position:relative;display:flex}.ui-select__trigger{position:relative;display:flex;align-items:center;width:100%;min-width:0;height:calc(var(--ui-control-height) - 2px);padding:0 2.25rem 0 0;border:0;border-radius:inherit;background:transparent;color:inherit;font:var(--ui-control-font);font-weight:var(--ui-weight-medium);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui-select__trigger:disabled{cursor:not-allowed}.ui-select__label{flex:0 0 auto;padding-left:var(--ui-space-3);color:var(--ui-text-muted);font:var(--ui-type-meta);white-space:nowrap;transition:color var(--ui-feedback)}.ui-select__value{flex:1;min-width:0;padding-left:var(--ui-space-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-select__label+.ui-select__value{padding-left:var(--ui-space-1-5)}:is(.duel-ui,.ui-controls) .ui-select__trigger>svg{position:absolute;top:50%;right:11px;width:1rem;height:1rem;transform:translateY(-50%);color:var(--ui-text-muted);transition:color var(--ui-feedback),transform var(--ui-feedback)}.ui-select:is([data-open],:has(:focus-visible)) .ui-select__trigger>svg,.ui-search:has(input:focus)>svg{color:var(--ui-accent)}@media(hover:hover){.ui-select:hover .ui-select__trigger>svg,.ui-search:hover>svg{color:var(--ui-accent)}}.ui-select[data-open] .ui-select__trigger>svg{transform:translateY(-50%) rotate(180deg)}.ui-select[data-open] .ui-select__label{color:var(--ui-text)}@media(hover:hover){.ui-select:hover .ui-select__label{color:var(--ui-text)}}.ui-select[data-disabled] .ui-select__trigger>svg{color:var(--ui-text-muted)}.ui-select__list{position:fixed;z-index:1000;max-width:20rem;overflow-y:auto;overscroll-behavior:contain;padding:var(--ui-space-1);border:1px solid var(--ui-plate-line);border-radius:var(--ui-control-radius);background:var(--ui-plate);color:var(--ui-text);box-shadow:var(--ui-shadow-lg);scrollbar-width:thin;scrollbar-color:var(--ui-plate-line) transparent;animation:ui-list-in var(--ui-entry) var(--ui-ease-settle)}.ui-select__list[data-above]{animation-name:ui-list-in-above}@keyframes ui-list-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes ui-list-in-above{0%{opacity:0;transform:translateY(4px)}}.ui-select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);min-height:2rem;padding:0 var(--ui-space-2-5);border-radius:calc(var(--ui-control-radius) - 2px);font:var(--ui-control-font);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.ui-select__option[data-active]{background:var(--ui-accent-wash);color:var(--ui-accent-text)}.ui-select__option:active{background:var(--ui-accent-wash-press)}.ui-select__option[aria-selected=true]{font-weight:var(--ui-weight-semibold)}:is(.duel-ui,.ui-controls) .ui-select__option svg{width:1rem;height:1rem;color:var(--ui-accent)}.ui-select__group-label{padding:var(--ui-space-2) var(--ui-space-2-5) var(--ui-space-1);color:var(--ui-text-muted);font:var(--ui-weight-semibold) var(--ui-font-size-xs)/var(--ui-leading-tight) var(--ui-font-body);-webkit-user-select:none;user-select:none}:is(.ui-select__option,.ui-select__group)+.ui-select__group{margin-top:var(--ui-space-1);padding-top:var(--ui-space-1);border-top:1px solid var(--ui-border)}.ui-search{position:relative;display:flex;align-items:center}:is(.duel-ui,.ui-controls) .ui-search>svg{position:absolute;left:.75rem;width:1rem;height:1rem;color:var(--ui-text-muted);pointer-events:none;transition:color var(--ui-feedback)}.ui-search input{width:100%;height:calc(var(--ui-control-height) - 2px);padding:0 2.5rem 0 2.25rem;border:0;background:transparent;color:inherit;font:var(--ui-control-font);caret-color:var(--ui-accent);-webkit-user-select:text;user-select:text}.ui-search input::-webkit-search-cancel-button,.ui-search input::-webkit-search-decoration{display:none;-webkit-appearance:none}.ui-search .ui-icon-button{position:absolute;right:.25rem;width:calc(var(--ui-control-height) - .625rem);height:calc(var(--ui-control-height) - .625rem)}:is(.duel-ui,.ui-controls) .ui-search .ui-icon-button svg{width:1rem;height:1rem}.ui-field{display:grid}.ui-field>label{margin-bottom:var(--ui-space-inline);font:var(--ui-type-label);-webkit-user-select:none;user-select:none}.ui-field>.ui-copy{margin-top:var(--ui-space-help)}.ui-segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;padding:3px;border:1px solid var(--ui-field-line);border-radius:var(--ui-control-radius);background:var(--ui-field)}.ui-segmented>button,.ui-segmented>label>span{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:calc(var(--ui-control-height) - 8px);padding:0 var(--ui-space-3);border:1px solid transparent;border-radius:calc(var(--ui-control-radius) - 2px);background:transparent;color:var(--ui-text-muted);font:var(--ui-type-label);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-feedback),border-color var(--ui-feedback),color var(--ui-feedback)}@media(hover:hover){.ui-segmented>button:hover,.ui-segmented>label:hover>span{background:var(--ui-tint-hover);color:var(--ui-text)}}.ui-segmented>button:active,.ui-segmented>label:active>span{background:var(--ui-tint-press);color:var(--ui-text)}.ui-segmented>button[aria-pressed=true],.ui-segmented>label>input:checked+span{border-color:var(--ui-accent-line);background:var(--ui-plate);color:var(--ui-accent-text);box-shadow:var(--ui-shadow-sm)}.ui-segmented>label>input:focus-visible+span{outline:2px solid var(--ui-accent);outline-offset:2px}.ui-segmented>label{position:relative;display:grid;min-width:0;cursor:pointer}.ui-segmented>label>input{position:absolute;width:1px;height:1px;margin:0;opacity:0}:is(.duel-ui,.ui-controls) .ui-segmented>label>input:focus-visible{outline:none}.ui-switch{position:relative;display:inline-flex;align-items:center;gap:var(--ui-space-2-5);min-height:var(--ui-control-height);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui-switch>input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.ui-switch__track{position:relative;flex:none;width:2.25rem;height:1.25rem;border:1px solid var(--ui-field-line);border-radius:var(--ui-radius-pill);background:var(--ui-field);transition:background-color var(--ui-feedback),border-color var(--ui-feedback)}.ui-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:.875rem;height:.875rem;border-radius:50%;background:var(--ui-text-muted);transition:transform var(--ui-feedback),background-color var(--ui-feedback)}.ui-switch__text{display:grid;font:var(--ui-type-label)}.ui-switch__text>small{color:var(--ui-text-muted);font:var(--ui-type-meta)}@media(hover:hover){.ui-switch:hover>input:not(:disabled)+.ui-switch__track{border-color:var(--ui-accent-line);background:var(--ui-field-hover)}}.ui-switch>input:checked+.ui-switch__track{border-color:var(--ui-accent);background:var(--ui-accent-wash)}.ui-switch>input:checked+.ui-switch__track:after{background:var(--ui-accent);transform:translate(1rem)}:is(.duel-ui,.ui-controls) .ui-switch>input:focus-visible{outline:none}.ui-switch>input:focus-visible+.ui-switch__track{outline:2px solid var(--ui-accent);outline-offset:2px}.ui-switch:has(>input:disabled){opacity:.45;cursor:not-allowed}.ui-sort{display:inline-flex;align-items:center;gap:var(--ui-space-1-5);min-height:2rem;margin-inline:calc(-1 * var(--ui-space-1-5));padding:0 var(--ui-space-1-5);border:0;border-radius:var(--ui-control-radius);background:transparent;color:var(--ui-text-muted);font:var(--ui-weight-semibold) var(--ui-font-size-xs)/var(--ui-leading-tight) var(--ui-font-body);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-feedback),color var(--ui-feedback)}:is(.duel-ui,.ui-controls) .ui-sort svg{width:.875rem;height:.875rem;opacity:0;transition:opacity var(--ui-feedback)}@media(hover:hover){.ui-sort:hover{background:var(--ui-tint-hover);color:var(--ui-text)}}@media(hover:hover){.ui-sort:hover svg{opacity:.8}}.ui-sort:active{background:var(--ui-tint-press)}.ui-sort[data-active]{color:var(--ui-accent-text)}.ui-sort[data-active] svg{opacity:1;color:var(--ui-accent)}.ui-stepper{display:inline-flex;align-items:center;font-variant-numeric:tabular-nums}.ui-stepper .ui-icon-button{width:2rem;height:2rem}:is(.duel-ui,.ui-controls) .ui-stepper .ui-icon-button svg{width:1rem;height:1rem}@media(hover:hover){.ui-stepper .ui-icon-button:hover:not(:disabled){color:var(--ui-accent-text)}}.ui-stepper output{min-width:1.75rem;text-align:center;font:var(--ui-type-label);-webkit-user-select:none;user-select:none}@media(any-pointer:coarse){.ui-stepper .ui-icon-button{width:2.75rem;height:2.75rem}.ui-input,.ui-select__trigger,.ui-search input,.ui-field textarea{font-size:var(--ui-font-size-md)}.ui-select__option{min-height:2.75rem;font-size:var(--ui-font-size-md)}}@media(forced-colors:active){:is(.ui-input,.ui-select,.ui-search,.ui-segmented,.ui-switch__track){border-color:ButtonText}.ui-button{border:1px solid ButtonText;clip-path:none}.ui-switch>input:checked+.ui-switch__track{background:Highlight}.ui-switch__track:after{background:ButtonText}.ui-select__list{border-color:CanvasText}.ui-select__option[data-active]{outline:1px solid Highlight}}.duel-ui{color-scheme:dark;color:var(--ui-text);font:var(--ui-type-body)}.duel-ui,.duel-ui *{box-sizing:border-box}.duel-ui svg{flex:0 0 auto;display:block;width:var(--ui-icon-size);height:var(--ui-icon-size)}:where(.duel-ui) :where(button,input,textarea){font:inherit}:where(.duel-ui) button{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.duel-ui button:disabled{opacity:.5;cursor:default}.duel-ui :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.duel-ui ::selection{color:var(--ui-text-on-accent);background:var(--ui-accent)}.ui-option-row{display:flex;width:100%;align-items:center;gap:var(--ui-space-row);padding:var(--ui-space-row);border:0;border-radius:var(--ui-control-radius);background:transparent;text-align:left;min-height:var(--ui-control-height);transition:background var(--ui-feedback)}.ui-option-row>span{flex:1;min-width:0;font-weight:var(--ui-weight-medium)}.ui-option-row>svg{color:var(--ui-text-muted)}.ui-option-row>svg:last-child{width:1rem;height:1rem}.ui-option-row small{display:block;margin-top:var(--ui-space-help);color:var(--ui-text-muted);font:var(--ui-type-support)}.ui-option-row:hover:not(:disabled){background:var(--ui-bg-hover)}.ui-dialog{width:min(28rem,calc(100vw - 2 * var(--ui-space-4)));max-width:none;max-height:calc(100dvh - 2 * var(--ui-space-4) - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;padding:var(--ui-inset-size);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-border-control) var(--ui-bg-surface);border:1px solid var(--ui-border);border-radius:var(--ui-dialog-radius);background:var(--ui-bg-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-lg);opacity:0;transform:translateY(var(--ui-space-2));transition:opacity var(--ui-entry) ease-out,transform var(--ui-entry) ease-out,overlay var(--ui-entry) allow-discrete,display var(--ui-entry) allow-discrete}.ui-dialog--form{width:min(35rem,calc(100vw - 2 * var(--ui-space-4)))}.ui-dialog[open]{opacity:1;transform:translateY(0)}.ui-dialog::backdrop{background:var(--ui-bg-scrim);opacity:0;transition:opacity var(--ui-entry),overlay var(--ui-entry) allow-discrete,display var(--ui-entry) allow-discrete}.ui-dialog[open]::backdrop{opacity:1}@starting-style{.ui-dialog[open]{opacity:0;transform:translateY(var(--ui-space-2))}.ui-dialog[open]::backdrop{opacity:0}}.ui-dialog__header{display:flex;align-items:center;gap:var(--ui-space-inline);margin-bottom:var(--ui-space-section)}.ui-dialog__header h2{flex:1;min-width:0;margin:0;color:var(--ui-text);font:var(--ui-type-title);letter-spacing:var(--ui-tracking-tight);-webkit-user-select:none;user-select:none}.ui-dialog__header h2:focus{outline:none}.ui-dialog__header:last-child{margin-bottom:0}.ui-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--ui-space-inline)}.ui-dialog__description{color:var(--ui-text);font:var(--ui-type-body)}:where(.ui-dialog__description){margin:0}.ui-copy{margin:0;color:var(--ui-text-muted);font:var(--ui-type-support)}.duel-ui{--ui-map-ground: color-mix(in srgb, var(--ui-accent) 3%, var(--ui-bg-void));--ui-map-path: color-mix(in srgb, var(--ui-accent) 32%, var(--ui-map-ground));--ui-map-frame: color-mix(in srgb, var(--ui-accent) 12%, var(--ui-map-ground));--ui-map-track: color-mix(in srgb, var(--ui-accent) 25%, var(--ui-map-ground))}.ui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-journey{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-4);min-width:0;-webkit-user-select:none;user-select:none}.ui-journey__track{display:flex;gap:var(--ui-space-1);margin:0;padding:0;list-style:none}.ui-journey__segment{position:relative;flex:1;height:.375rem;overflow:hidden;border-radius:1px;background:var(--ui-map-path)}.ui-journey__segment:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--fill) * 100%);background:var(--ui-accent)}.ui-journey__segment:before{transform-origin:0 50%;animation:ui-journey-charge var(--charge-time, 0ms) var(--charge-delay, 0ms) linear backwards}@keyframes ui-journey-charge{0%{scale:0 1}}.ui-journey__segment[data-status=locked]{background:color-mix(in srgb,var(--ui-accent) 14%,var(--ui-map-ground))}.ui-journey__segment[data-status=available]{box-shadow:0 0 0 1px var(--ui-accent)}.ui-journey__count{color:var(--ui-accent);font:var(--ui-weight-semibold) var(--ui-font-size-md)/var(--ui-leading-none) var(--ui-font-body);font-variant-numeric:tabular-nums}.ui-journey__count>span{color:var(--ui-text-muted);font-size:var(--ui-font-size-sm);font-weight:var(--ui-weight-medium)}.ui-glide-tip{position:fixed;inset:0 auto auto 0;z-index:40;width:max-content;max-width:12rem;margin:0;padding:var(--ui-space-1-5) var(--ui-space-2-5);overflow:visible;border:1px solid var(--ui-border-control);border-radius:var(--ui-control-radius);color:var(--ui-text);background:var(--ui-bg-surface);box-shadow:var(--ui-shadow-md);font:var(--ui-type-meta);text-align:center;text-wrap:balance;white-space:pre-line;pointer-events:none;-webkit-user-select:none;user-select:none;translate:var(--tip-x, 0) var(--tip-y, 0);opacity:0;visibility:hidden;transition:opacity .12s ease-out,visibility 0s linear .12s}.ui-glide-tip[data-shown=true]{opacity:1;visibility:visible;transition:opacity var(--ui-entry) ease-out,visibility 0s}.ui-glide-tip[data-shown=true][data-glide=true]{transition:opacity var(--ui-entry) ease-out,visibility 0s,translate .22s var(--ui-ease-standard)}.ui-glide-tip:after{content:"";position:absolute;left:calc(var(--tip-arrow, 50%) - .3125rem);border:.3125rem solid transparent}.ui-glide-tip[data-side=above]:after{top:100%;border-top-color:var(--ui-border-control)}.ui-glide-tip[data-side=below]:after{bottom:100%;border-bottom-color:var(--ui-border-control)}@keyframes ui-map-beckon{0%,to{box-shadow:inset 0 0 0 1px var(--ui-accent),0 .5rem 1rem -.5rem color-mix(in srgb,var(--ui-accent) 25%,transparent)}50%{box-shadow:inset 0 0 0 1px var(--ui-accent),0 .75rem 1.75rem -.25rem color-mix(in srgb,var(--ui-accent) 50%,transparent)}}.guest-access p{margin:0 0 var(--ui-space-row)}.guest-access label{display:block;margin:var(--ui-space-section) 0 var(--ui-space-inline);font:var(--ui-type-label);-webkit-user-select:none;user-select:none}.guest-access .guest-access__privacy,.guest-access .guest-access__hint{color:var(--ui-text-muted);font:var(--ui-type-support)}.guest-access .guest-access__hint{margin-top:var(--ui-space-help)}.guest-access .guest-access__privacy{margin-top:var(--ui-space-section)}.guest-access .guest-access__actions{display:grid;gap:var(--ui-space-inline);margin-top:var(--ui-space-section)}.guest-access .guest-access__guest-option{margin-top:var(--ui-space-section);padding-top:var(--ui-space-row);border-top:1px solid var(--ui-border);text-align:center}.guest-access__guest-option button,.guest-access__back,.guest-access__file-button{width:100%}.guest-access__guest-option .guest-access__hint{margin:var(--ui-space-help) 0 0}.guest-access .guest-access__file{display:none}.guest-access .guest-access__code{font-family:var(--ui-font-mono)}.guest-access .guest-access__error{margin:var(--ui-space-row) 0 0;color:var(--ui-text-danger);font:var(--ui-type-support);overflow-wrap:anywhere}.sign-in-or-guest{display:flex;flex-wrap:wrap;gap:var(--ui-space-inline)}.guest-access .guest-access__back{margin-top:var(--ui-space-inline)}:root{--ui-bg-void: #050505;--ui-bg-base: #0c0c0b;--ui-bg-sunken: #121310;--ui-bg-surface: #1b1c19;--ui-bg-raised: #1f201c;--ui-bg-hover: #292b25;--ui-bg-selected: #36382f;--ui-bg-scrim: rgb(0 0 0 / .6);--ui-bg-scrim-strong: rgb(0 0 0 / .8);--ui-text: #f0ece2;--ui-text-muted: #b8b9ad;--ui-text-subtle: #8c8d82;--ui-text-accent: var(--ui-accent);--ui-text-danger: var(--ui-danger);--ui-text-on-accent: #211d14;--ui-text-on-danger: #291a15;--ui-border-subtle: #2d2f29;--ui-border: #3d4036;--ui-border-strong: #4f5246;--ui-border-control: #7d8170;--ui-border-accent: var(--ui-accent);--ui-accent: #ddc48d;--ui-accent-hover: color-mix(in srgb, var(--ui-accent) 80%, #fff);--ui-accent-press: color-mix(in srgb, var(--ui-accent) 78%, #000);--ui-accent-edge: color-mix(in srgb, var(--ui-accent) 72%, #fff);--ui-accent-sheen: color-mix(in srgb, var(--ui-accent) 50%, #fff);--ui-accent-text: color-mix(in srgb, var(--ui-accent) 55%, #fff);--ui-accent-line: color-mix(in srgb, var(--ui-accent) 58%, var(--ui-border));--ui-accent-wash: color-mix(in srgb, var(--ui-accent) 13%, var(--ui-bg-raised));--ui-accent-wash-press: color-mix(in srgb, var(--ui-accent) 24%, var(--ui-bg-raised));--ui-danger: #e7ac9a;--ui-danger-strong: #c86456;--ui-danger-hover: color-mix(in srgb, var(--ui-danger) 84%, #fff);--ui-danger-press: color-mix(in srgb, var(--ui-danger) 80%, #000);--ui-danger-line: color-mix(in srgb, var(--ui-danger) 50%, var(--ui-border));--ui-danger-wash: color-mix(in srgb, var(--ui-danger) 8%, var(--ui-bg-surface));--ui-success: #9dcc80;--ui-info: #6ea7d7;--ui-warning: #f1c957;--ui-tint-hover: color-mix(in srgb, var(--ui-text) 8%, transparent);--ui-tint-press: color-mix(in srgb, var(--ui-text) 14%, transparent);--ui-game-bg: #080604;--ui-game-bg-surface: #100b06;--ui-game-bg-raised: #181006;--ui-game-bg-selected: #38230b;--ui-game-border-subtle: #312210;--ui-game-border: #59401b;--ui-game-border-strong: #65491f;--ui-game-text: #fff0bc;--ui-game-text-muted: #d8c79c;--ui-game-text-subtle: #a99770;--ui-game-text-faint: #6f5f42;--ui-game-gold: #e6bb59;--ui-game-gold-bright: #f1cb70;--ui-game-gold-deep: #c89c4c;--ui-duel-bg-sunken: #0b0a10;--ui-duel-bg-surface: #15141d;--ui-duel-bg-raised: #272533;--ui-duel-border: #2a2733;--ui-duel-border-strong: #a59d87;--ui-duel-text: #f2efe6;--ui-duel-text-subtle: #9390a3;--ui-duel-gold: #f5c451;--ui-duel-danger: #ff4d5e;--ui-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-font-game: "Revamped", "Arial Black", sans-serif;--ui-font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--ui-font-serif: Georgia, "Times New Roman", serif;--ui-font-card-name: var(--ui-font-serif);--ui-font-card-stat: "Orbitron", Inter, ui-sans-serif, system-ui, sans-serif;--ui-font-size-2xs: .625rem;--ui-font-size-xs: .75rem;--ui-font-size-sm: .875rem;--ui-font-size-md: 1rem;--ui-font-size-lg: 1.125rem;--ui-font-size-xl: 1.25rem;--ui-font-size-2xl: 1.5rem;--ui-font-size-3xl: 2rem;--ui-font-size-4xl: 2.5rem;--ui-font-size-5xl: 3.5rem;--ui-font-size-6xl: 5rem;--ui-font-size-7xl: 8rem;--ui-weight-regular: 400;--ui-weight-medium: 500;--ui-weight-semibold: 600;--ui-weight-bold: 700;--ui-weight-heavy: 900;--ui-leading-none: 1;--ui-leading-tight: 1.25;--ui-leading-snug: 1.4;--ui-leading-copy: 1.45;--ui-leading-normal: 1.5;--ui-tracking-tight: -.02em;--ui-tracking-caps: .08em;--ui-tracking-wide: .14em;--ui-type-display: var(--ui-weight-regular) var(--ui-font-size-3xl)/var(--ui-leading-tight) var(--ui-font-game);--ui-type-title: var(--ui-weight-semibold) var(--ui-font-size-2xl)/var(--ui-leading-tight) var(--ui-font-body);--ui-type-heading: var(--ui-weight-semibold) var(--ui-font-size-md)/var(--ui-leading-normal) var(--ui-font-body);--ui-type-body: var(--ui-weight-regular) var(--ui-font-size-md)/var(--ui-leading-normal) var(--ui-font-body);--ui-type-label: var(--ui-weight-semibold) var(--ui-font-size-sm)/var(--ui-leading-snug) var(--ui-font-body);--ui-type-control: var(--ui-weight-regular) var(--ui-font-size-sm)/var(--ui-leading-snug) var(--ui-font-body);--ui-type-support: var(--ui-weight-regular) var(--ui-font-size-sm)/var(--ui-leading-copy) var(--ui-font-body);--ui-type-meta: var(--ui-weight-medium) var(--ui-font-size-xs)/var(--ui-leading-snug) var(--ui-font-body);--ui-type-data: var(--ui-weight-regular) var(--ui-font-size-sm)/var(--ui-leading-copy) var(--ui-font-mono);--ui-space-0-5: .125rem;--ui-space-1: .25rem;--ui-space-1-5: .375rem;--ui-space-2: .5rem;--ui-space-2-5: .625rem;--ui-space-3: .75rem;--ui-space-4: 1rem;--ui-space-5: 1.25rem;--ui-space-6: 1.5rem;--ui-space-8: 2rem;--ui-space-10: 2.5rem;--ui-space-12: 3rem;--ui-space-16: 4rem;--ui-space-help: var(--ui-space-1);--ui-space-inline: var(--ui-space-2);--ui-space-row: var(--ui-space-4);--ui-space-section: var(--ui-space-6);--ui-inset-size: var(--ui-space-6);--ui-radius-sm: .25rem;--ui-radius-md: .375rem;--ui-radius-lg: .75rem;--ui-radius-pill: 999px;--ui-control-radius: var(--ui-radius-md);--ui-dialog-radius: var(--ui-radius-lg);--ui-control-height: 2.25rem;--ui-icon-target: 2.5rem;--ui-icon-size: 1.25rem;--ui-shadow-sm: 0 1px 3px rgb(0 0 0 / .67);--ui-shadow-md: 0 .5rem 1rem -.25rem rgb(0 0 0 / .6);--ui-shadow-lg: 0 20px 44px -18px #000, 0 2px 8px rgb(0 0 0 / .6);--ui-feedback: .12s;--ui-entry: .16s;--ui-ease-standard: cubic-bezier(.2, .8, .2, 1);--ui-ease-settle: cubic-bezier(.16, 1, .3, 1);--ui-surface: var(--ui-bg-surface);--ui-inset: var(--ui-bg-sunken);--ui-hover: var(--ui-bg-hover);--ui-selected: var(--ui-bg-selected);--ui-muted: var(--ui-text-muted);--ui-line: var(--ui-border);--ui-control-line: var(--ui-border-control);--ui-on-accent: var(--ui-text-on-accent);--ui-on-danger: var(--ui-text-on-danger)}@media(any-pointer:coarse){:root{--ui-control-height: 2.75rem;--ui-icon-target: 2.75rem}}@media(max-width:480px){:root{--ui-inset-size: var(--ui-space-4)}}@font-face{font-family:Revamped;src:url(/fonts/revamped/Revamped-X3q1a.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}:root{--ui-hand-info-surface: var(--ui-bg-void);--ui-hand-info-border: var(--ui-duel-border-strong);--ui-hand-info-text: var(--ui-duel-text);--ui-guardian-advantage-filter: grayscale(1) brightness(1.1) sepia(1) saturate(3);--ui-guardian-disadvantage-filter: grayscale(1) brightness(.55) sepia(1) saturate(7) hue-rotate(315deg);--ui-copy-size: var(--ui-font-size-sm);--ui-copy-weight: var(--ui-weight-medium);--ui-copy-leading: var(--ui-leading-copy);--ui-copy-color: var(--ui-game-text-muted);--ui-caption-size: var(--ui-font-size-xs);--ui-caption-weight: var(--ui-weight-medium);--ui-caption-leading: var(--ui-leading-snug)}html,body,#root{min-height:100%}:root{color:var(--ui-game-text);background:var(--ui-game-bg);font-family:var(--ui-font-mono)}body{margin:0;min-width:320px;background:var(--ui-game-bg)}html:has(.web-shell--duel),body:has(.web-shell--duel),#root:has(.web-shell--duel),html:has(.npc-duel),body:has(.npc-duel),#root:has(.npc-duel){height:100%;overflow:hidden}button,input,a{font:inherit}.web-shell{min-height:100vh;background:var(--ui-game-bg)}.web-shell:not(.web-shell--duel),.web-shell__loading{font-family:var(--ui-font-body)}.web-shell--duel,.web-shell:has(.npc-duel){display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;overflow:hidden}.web-shell--duel .web-shell__content,.web-shell:has(.npc-duel) .web-shell__content{flex:1;min-height:0;overflow:hidden}.web-shell--duel .web-shell__content>*,.web-shell:has(.npc-duel) .web-shell__content>*{height:100%;min-height:0;overflow:hidden}@media(any-pointer:coarse){html:has(.web-shell--campaign .campaign),body:has(.web-shell--campaign .campaign),#root:has(.web-shell--campaign .campaign){height:100%;overflow:hidden}.web-shell--campaign:has(.campaign){display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}.web-shell--campaign:has(.campaign) .web-shell__content{flex:1;min-height:0;overflow:hidden}.web-shell--campaign .web-shell__content>.campaign{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:var(--ui-space-4);scrollbar-width:none}.web-shell--campaign .campaign::-webkit-scrollbar{display:none}@media not (min-width:40rem){.web-shell--campaign .campaign{scroll-padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}}}.web-shell:not(.web-shell--duel){--shell-bar: calc(3.25rem + 1px + env(safe-area-inset-top)) }html:has(.web-shell:not(.web-shell--duel)>.web-shell__backbar){scroll-padding-top:calc(3.25rem + 1px + env(safe-area-inset-top))}.web-shell__backbar{position:sticky;top:0;z-index:100;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:var(--ui-space-4);min-height:3.25rem;padding:env(safe-area-inset-top) max(var(--ui-space-4),calc((100vw - 74rem)/2)) 0;border-bottom:1px solid var(--ui-border-subtle);color:var(--ui-text);background:var(--ui-bg-base);font:var(--ui-type-control)}.web-shell:has(>.mode-backdrop){isolation:isolate}.web-shell:has(.npc-duel)>.mode-backdrop{display:none}.web-shell:has(.mode-backdrop)>.web-shell__backbar{border-bottom-color:color-mix(in srgb,#fff 8%,transparent);background:color-mix(in srgb,var(--ui-bg-base) 45%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.web-shell:has(>.mode-backdrop[data-from-home=true])>.web-shell__backbar{animation:web-shell-bar-in .52s cubic-bezier(.4,0,.2,1) backwards}@keyframes web-shell-bar-in{0%{opacity:0}}.web-shell:has(.npc-duel:not(.npc-duel--connecting))>.web-shell__backbar{display:none}.web-shell__breadcrumb{--crumb-pad: var(--ui-space-2-5);display:flex;align-items:center;gap:var(--ui-space-2);min-width:0}.web-shell__breadcrumb [aria-current=page]{padding-inline-start:var(--crumb-pad);line-height:var(--ui-leading-tight)}@media(max-width:30rem){.web-shell__breadcrumb--deep{--crumb-pad: var(--ui-space-2);flex-shrink:0;gap:var(--ui-space-1)}.web-shell__backbar:has(.web-shell__breadcrumb--deep) .web-shell__account-menu{flex-shrink:1;min-width:0}.web-shell__backbar:has(.web-shell__breadcrumb--deep) .web-shell__account-summary{max-width:100%}.web-shell__backbar:has(.web-shell__breadcrumb--deep) .web-shell__account-username{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.web-shell__breadcrumb-separator{color:var(--ui-text-subtle)}.web-shell__home,.web-shell__crumb{display:inline-flex;align-items:center;gap:var(--ui-space-2);min-height:2.75rem;padding:0 var(--crumb-pad, var(--ui-space-2-5));border-radius:var(--ui-radius-sm);color:inherit;text-decoration:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.web-shell__home:hover,.web-shell__home:focus-visible,.web-shell__crumb:hover,.web-shell__crumb:focus-visible{background:var(--ui-bg-hover)}.web-shell__home:focus-visible,.web-shell__crumb:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.web-shell__backbar .web-shell__account-summary,.web-shell__backbar .web-shell__account-username,.web-shell__backbar .web-shell__account-panel a,.web-shell__backbar .web-shell__account-panel button,.web-shell__backbar .web-shell__account-player,.web-shell__backbar .web-shell__status{-webkit-user-select:none;user-select:none;font:var(--ui-type-control);letter-spacing:normal;text-transform:none}.web-shell__backbar .web-shell__account-summary{min-height:2.75rem;box-sizing:border-box;border:0;-webkit-user-select:none;user-select:none}.web-shell__backbar .web-shell__account-panel a,.web-shell__backbar .web-shell__account-panel button{min-height:2.75rem}.web-shell--duel .web-shell__content>.duel-entry{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.web-shell--duel .web-shell__content>.duel-entry:is([data-arrival=loading],[data-arrival=opening]){overflow:hidden}.web-shell__bar{position:relative;z-index:100;display:flex;align-items:center;gap:var(--ui-space-5);min-height:3.7rem;padding:var(--ui-space-2) clamp(var(--ui-space-4),2.4vw,var(--ui-space-10));box-sizing:border-box;border-bottom:1px solid var(--ui-game-border);background:color-mix(in srgb,var(--ui-game-bg) 95%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.web-shell__brand{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--ui-space-2-5);color:var(--ui-game-text);text-decoration:none}.web-shell__brand>span:last-child{display:grid;gap:var(--ui-space-0-5)}.web-shell__brand strong{font:var(--ui-weight-regular) var(--ui-font-size-sm)/var(--ui-leading-none) var(--ui-font-game);letter-spacing:var(--ui-tracking-wide)}.web-shell__brand small,.web-shell__status{color:var(--ui-game-text-subtle);font-size:var(--ui-font-size-xs);letter-spacing:var(--ui-tracking-wide)}.web-shell__brand small,.web-shell__nav a,.web-shell__account-summary,.web-shell__account-panel a,.web-shell__account-panel button{font-family:var(--ui-font-body)}.web-shell__mark{display:grid;width:1.9rem;height:1.9rem;place-items:center;border:1px solid var(--ui-game-gold);color:var(--ui-game-gold);font:var(--ui-weight-bold) var(--ui-font-size-lg)/var(--ui-leading-none) var(--ui-font-body)}.web-shell__nav{display:flex;flex:1 1 auto;justify-content:center;gap:var(--ui-space-0-5);min-width:0;overflow-x:auto;scrollbar-width:thin}.web-shell__nav a{padding:var(--ui-space-2-5);border:1px solid transparent;color:var(--ui-game-text-subtle);font-size:var(--ui-font-size-xs);letter-spacing:var(--ui-tracking-caps);text-decoration:none;text-transform:uppercase;white-space:nowrap}.web-shell__nav a:hover,.web-shell__nav a:focus-visible,.web-shell__nav a[aria-current=page]{border-color:var(--ui-game-border);color:var(--ui-game-text);outline:none}.web-shell__nav a[aria-current=page]{background:var(--ui-game-bg-raised)}.web-shell__status{display:inline-flex;align-items:center;flex:0 0 auto}.web-shell__account-menu{position:relative;flex:0 0 auto}.web-shell__account-summary{display:inline-flex;align-items:center;box-sizing:border-box;min-height:2.75rem;gap:var(--ui-space-2);padding:var(--ui-space-2) var(--ui-space-3);border:0;border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);cursor:pointer;font:var(--ui-weight-medium) var(--ui-font-size-sm)/var(--ui-leading-snug) var(--ui-font-body);list-style:none;-webkit-user-select:none;user-select:none}.web-shell__account-summary:after{content:"";width:.375rem;height:.375rem;margin-left:var(--ui-space-1);border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}.web-shell__account-username{font-family:var(--ui-font-body);font-size:var(--ui-font-size-sm);letter-spacing:.02em;text-transform:none}.web-shell__account-summary::-webkit-details-marker{display:none}.web-shell__account-summary:hover,.web-shell__account-menu[open] .web-shell__account-summary,.web-shell__account-summary:focus-visible{border-color:var(--ui-border-accent);color:var(--ui-text);background:var(--ui-bg-hover)}.web-shell__account-summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.web-shell__account-panel{position:absolute;top:calc(100% + var(--ui-space-2));right:0;z-index:110;display:grid;min-width:13rem;gap:var(--ui-space-1-5);padding:var(--ui-space-2-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-bg-surface);box-shadow:0 .7rem 2rem color-mix(in srgb,#000 60%,transparent)}.web-shell__account-player{padding:var(--ui-space-1-5) var(--ui-space-1-5) var(--ui-space-2);border-bottom:1px solid var(--ui-border-subtle);color:var(--ui-text-muted);font-size:var(--ui-font-size-sm)}.web-shell__account-panel a,.web-shell__account-panel button{display:block;width:100%;box-sizing:border-box;min-height:2.75rem;padding:var(--ui-space-2-5);border-radius:var(--ui-radius-sm);border:1px solid transparent;background:transparent;color:var(--ui-text);cursor:pointer;font:var(--ui-weight-medium) var(--ui-font-size-sm)/var(--ui-leading-snug) var(--ui-font-body);-webkit-user-select:none;user-select:none;text-align:left;text-decoration:none}.web-shell__account-panel a:hover,.web-shell__account-panel a:focus-visible,.web-shell__account-panel button:hover:not(:disabled),.web-shell__account-panel button:focus-visible{background:var(--ui-bg-hover)}.web-shell__account-panel :is(a,button):focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.web-shell__account-panel button:disabled{cursor:wait;opacity:.6}.web-shell__content>*{min-height:calc(100vh - 3.7rem)}.web-shell__loading{position:relative;isolation:isolate;display:grid;min-height:calc(100vh - 3.7rem);place-content:center;justify-items:center;gap:var(--ui-space-3);padding:var(--ui-space-8);box-sizing:border-box;color:var(--ui-game-text);text-align:center}.web-shell__loading-mark{display:grid;width:3.2rem;height:3.2rem;place-items:center;border:1px solid var(--ui-game-gold);color:var(--ui-game-gold);font:var(--ui-weight-bold) var(--ui-font-size-3xl)/var(--ui-leading-none) var(--ui-font-body)}.web-shell__loading strong{font:var(--ui-weight-bold) var(--ui-font-size-xs)/var(--ui-leading-tight) var(--ui-font-body);letter-spacing:var(--ui-tracking-wide);text-transform:uppercase}.web-shell__loading small{color:var(--ui-game-text-subtle);font-size:var(--ui-font-size-xs);letter-spacing:var(--ui-tracking-caps)}@media(max-width:760px){.web-shell__bar{align-items:flex-start;flex-wrap:wrap;gap:var(--ui-space-2) var(--ui-space-3)}.web-shell__nav{order:3;flex-basis:100%;justify-content:flex-start}.web-shell__status,.web-shell__account-menu{margin-left:auto}}.web-shell__failure{background:transparent}.web-shell__failure p{max-width:28rem;margin:0;color:var(--ui-text-muted);font:var(--ui-type-support)}.web-shell__failure-actions{display:flex;gap:var(--ui-space-2);margin-top:var(--ui-space-2)}