[data-rarity]{--rarity-text: var(--ink)}[data-rarity=common],[data-rarity=Common]{--rarity-color: var(--rarity-common);--rarity-text: var(--rarity-common-text);--sparkle-strength: .3}[data-rarity=special],[data-rarity=Special]{--rarity-color: var(--rarity-special);--sparkle-strength: .33}[data-rarity=rare],[data-rarity=Rare]{--rarity-color: var(--rarity-rare);--sparkle-strength: .36}[data-rarity=epic],[data-rarity=Epic]{--rarity-color: var(--rarity-epic);--sparkle-strength: .4}[data-rarity=legendary],[data-rarity=Legendary]{--rarity-color: var(--rarity-legendary);--sparkle-strength: .44}[data-rarity=unique],[data-rarity=Unique]{--rarity-color: var(--rarity-unique);--sparkle-strength: .48}:root{--stage-color: var(--stage-color-default);--stage-disc: var(--color-white)}:root,[data-lootbox-id],.stage-surface{--stage-shade: color-mix(in srgb, var(--stage-color) 88%, black);--stage-fill: linear-gradient(170deg, var(--stage-color) 0 62%, var(--stage-shade) 62%);--stage-well: color-mix(in srgb, var(--ink) 45%, var(--stage-color));--stage-well-shade: color-mix(in srgb, var(--ink) 60%, var(--stage-color))}.stage-surface *{--color-focus-indicator: oklch(from var(--stage-color) calc(.2 + .8*round(1.064 - l)) 0 0)}.stage-surface{color:var(--color-on-immersive);background:var(--stage-fill)}:root{--card-caption-band: calc( .4rem + var(--font-size-2xs) + .18rem + var(--font-size-md) * 1.1 + .5rem )}.card-surface{--surface-depth: 0 0 transparent;--surface-elevation: var(--elevation-card);--surface-elevation-lifted: var(--elevation-floating);--surface-ring: 0 0 transparent;border:var(--line) var(--card-outline-style, solid) var(--card-outline-color, var(--ink));border-radius:var(--radius-medium);box-shadow:var(--surface-depth),var(--surface-elevation),var(--surface-ring)}.card-surface--panel{--surface-depth: var(--depth-panel-edge);color:var(--color-text);background:var(--color-surface)}.card-surface--subject,.card-frame{--surface-elevation: var(--elevation-subject);--surface-elevation-lifted: var(--elevation-subject-lifted);border-width:var(--line-bold)}.card-surface--interactive{transition:var(--transition-press)}.card-surface--available{--surface-ring: var(--effect-primary-ring);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}.card-surface--interactive:disabled{cursor:not-allowed;opacity:var(--state-disabled-opacity)}.card-surface--interactive:not(:disabled):active{--surface-elevation: var(--elevation-0);translate:0 var(--press-offset);transition-duration:var(--motion-duration-press)}@media(hover:hover)and (pointer:fine){.card-surface--interactive:not(:disabled,:active,:focus-visible):hover{--surface-elevation: var(--surface-elevation-lifted);translate:0 calc(var(--lift-offset) * -1)}}.card-frame{--card-inner-radius: calc(var(--radius-medium) - var(--line-bold));position:relative;inline-size:100%;min-inline-size:0;color:var(--color-on-immersive);background:var(--color-background-deep)}.card-frame:after{position:absolute;z-index:3;inset:0;border:var(--card-frame-width, .1875rem) solid var(--rarity-color);border-radius:var(--card-inner-radius);content:"";pointer-events:none}.card-frame__artwork{position:absolute;inset:0;overflow:hidden;border-radius:var(--card-inner-radius);background:color-mix(in srgb,var(--rarity-color) 18%,var(--color-surface));isolation:isolate}.card-frame__artwork app-card-artwork{inline-size:100%;block-size:100%}.empty-slot{display:grid;place-items:center;aspect-ratio:3 / 4;border:var(--line) dashed var(--ink);border-radius:var(--radius-medium);color:var(--color-text-muted);background:var(--color-background-deep);font-family:var(--font-display);font-weight:700}.empty-slot--available{color:var(--color-primary-text);background:color-mix(in srgb,var(--color-primary) 16%,var(--color-background-deep));box-shadow:var(--effect-primary-ring)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding-block-start:calc(var(--discovery-content-gap, var(--space-5)) - var(--space-2))}@media(min-width:48rem){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(forced-colors:active){.card-surface{border-color:CanvasText}}.badge{display:inline-flex;align-items:center;gap:.1875rem;margin:0;padding:.125rem var(--space-2);border:var(--line) solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);background:var(--badge-color, var(--color-action));box-shadow:var(--depth-accent-edge);font-size:var(--font-size-xs);font-weight:600;line-height:1.2;white-space:nowrap}.badge--light{--badge-color: var(--color-action-light)}.badge--ink{--badge-color: var(--ink);color:var(--color-on-immersive)}.badge--number{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-md)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem var(--space-2);border:var(--line) solid var(--ink);border-radius:var(--radius-pill);color:var(--color-text);background:var(--color-surface-raised);font-size:var(--font-size-2xs);font-weight:600;line-height:1.2;white-space:nowrap}.chip--control{position:relative;min-block-size:var(--chip-control-size);padding-inline:var(--space-3);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:700;cursor:pointer}.chip--control:after{position:absolute;inset:calc((var(--chip-control-size) - var(--touch-target-size)) / 2) 0;content:""}@media(hover:hover)and (pointer:fine){.chip--control:hover{background:var(--color-surface-raised-hover)}}.game-brand{display:flex;align-items:center;gap:var(--space-2);min-inline-size:0;margin:0;color:var(--color-text)}.game-brand strong{overflow:hidden;font-family:var(--font-display);font-size:clamp(1.25rem,6vw,1.625rem);font-weight:700;text-overflow:clip}.game-brand__logo{display:grid;flex:0 0 2.375rem;place-items:center;inline-size:2.375rem;block-size:2.375rem;border:var(--line) solid var(--ink);border-radius:var(--radius-small);color:var(--color-action-text);background:var(--color-action);box-shadow:var(--depth-action-edge),var(--elevation-1);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700}.game-brand__badge{display:grid;flex:0 0 var(--touch-target-size);inline-size:var(--touch-target-size);block-size:var(--touch-target-size);overflow:hidden;border:var(--line) solid var(--ink);border-radius:var(--radius-medium);background:radial-gradient(circle closest-side,var(--color-brand-aura-core) 0 58%,var(--color-brand-aura) 58% 100%,var(--color-brand-stage) 100%);box-shadow:var(--depth-control-edge),var(--elevation-1)}.game-brand__badge svg{inline-size:100%;block-size:100%}.game-brand__wordmark{min-inline-size:0;inline-size:auto;block-size:clamp(1.75rem,9vw,2.25rem);object-fit:contain;object-position:left center;filter:drop-shadow(var(--elevation-1))}.lootbox-artwork-centered{translate:0 -17.4%}.lootbox-artwork-idle{animation:lootbox-float 2.1s ease-in-out infinite alternate,lootbox-pulse var(--aura-pulse, 2.6s) ease-in-out infinite}@keyframes lootbox-float{to{transform:translateY(-.625rem) rotate(2deg)}}@keyframes lootbox-pulse{0%,to{scale:1}50%{scale:1.04}}@media(prefers-reduced-motion:reduce){.lootbox-artwork-idle{animation:none}}.rarity-rings:before,.rarity-rings:after{position:absolute;z-index:-1;inset-block-start:50%;inset-inline:-5%;aspect-ratio:1;border:var(--line-bold) solid var(--rarity-color);border-radius:50%;opacity:0;translate:0 -50%;pointer-events:none;content:"";animation:rarity-ring .68s ease-out var(--ring-delay, .16s) both}.rarity-rings:after{display:none;animation-delay:calc(var(--ring-delay, .16s) + .18s)}.rarity-rings:is([data-rarity=legendary i],[data-rarity=unique i]):after{display:block}@keyframes rarity-ring{0%{opacity:0;scale:.7}12%{opacity:.9}to{opacity:0;scale:1.7}}@media(prefers-reduced-motion:reduce){.rarity-rings:before,.rarity-rings:after{display:none}}.launch-splash{position:fixed;z-index:var(--z-top);inset:0;display:grid;place-items:center;padding:max(var(--space-6),var(--safe-area-top)) max(var(--space-6),var(--safe-area-right)) max(var(--space-6),var(--safe-area-bottom)) max(var(--space-6),var(--safe-area-left));background:inherit}.launch-splash__content{display:grid;justify-items:center;gap:var(--space-5);inline-size:min(100%,20rem)}#launch-label{margin:0;color:var(--color-text-muted)}.launch-splash__bar{inline-size:100%;block-size:var(--space-3);overflow:hidden;border:var(--line) solid var(--ink);border-radius:var(--radius-pill);background:var(--color-background-deep)}.launch-splash__fill{block-size:100%;border-radius:inherit;background:var(--color-primary);box-shadow:inset 0 .125rem var(--color-primary-soft);transform:scaleX(.3);transform-origin:left;transition:transform var(--motion-duration-medium) linear;animation:launch-activity var(--motion-duration-slow) ease-in-out infinite alternate}.launch-splash[data-phase=player] .launch-splash__fill{transform:scaleX(.65)}.launch-splash[data-phase=navigation] .launch-splash__fill,.launch-splash[data-phase=finishing] .launch-splash__fill{transform:scaleX(.9)}.launch-splash[data-phase=finishing] .launch-splash__fill,.launch-splash[data-phase=download] .launch-splash__fill{animation:none}.launch-splash__connection{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.launch-splash__connection[hidden]{display:none}.launch-splash__connection p{margin:0}.content-error .button{justify-self:start;margin-block-start:var(--space-5)}.launch-splash[data-phase=failed]{display:block;overflow:auto}@keyframes launch-activity{to{opacity:.55}}@media(prefers-reduced-motion:reduce){.launch-splash__fill{transition:none;animation:none}}@media(forced-colors:active){.launch-splash__bar{border:1px solid CanvasText}.launch-splash__fill{background:Highlight;animation:none;forced-color-adjust:none}}*,*:before,*:after{box-sizing:border-box}html{min-block-size:100%;overflow-y:scroll;scroll-padding-block-end:calc(5.5rem + var(--safe-area-bottom));background:var(--color-background)}body{min-block-size:100%;margin:0;color:var(--color-text);background:radial-gradient(140% 60% at 50% 0%,var(--color-background-shape) 0 60%,transparent calc(60% + 1px)) no-repeat fixed,var(--color-background);font-family:var(--font-body);font-weight:500;line-height:1.5}:where(h1,h2,h3){font-family:var(--font-display);font-weight:700}button,input,select,textarea{font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;min-block-size:3rem;padding:var(--space-3) 1.125rem .875rem;border:var(--line) solid var(--ink);border-radius:var(--radius-medium);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;line-height:1.1;text-align:center;text-decoration:none;cursor:pointer;transition:var(--transition-press)}.button--primary{color:var(--color-action-text);background:var(--color-action);box-shadow:var(--depth-action-edge),var(--elevation-1)}.button--secondary{color:var(--color-text);background:var(--color-surface-raised);box-shadow:var(--depth-control-edge),var(--elevation-1)}.button:not(:disabled):active{translate:0 var(--press-offset);transition-duration:var(--motion-duration-press)}.button--primary:not(:disabled):active{box-shadow:var(--depth-action-edge)}.button--secondary:not(:disabled):active{box-shadow:var(--depth-control-edge)}@media(hover:hover)and (pointer:fine){.button--primary:not(:disabled,:active,:focus-visible):hover{background:color-mix(in srgb,var(--color-action-light) 35%,var(--color-action))}.button--secondary:not(:disabled,:active,:focus-visible):hover{background:var(--color-surface-raised-hover)}}.button--secondary[aria-pressed=true]:not(:disabled){color:var(--color-on-primary);background:var(--color-primary);box-shadow:var(--depth-primary-edge),var(--elevation-1)}.button--secondary[aria-pressed=true]:not(:disabled):active{box-shadow:var(--depth-primary-edge)}.button--destructive{color:var(--color-on-destructive);background:var(--color-destructive);box-shadow:var(--depth-destructive-edge),var(--elevation-1)}.button--destructive:not(:disabled):active{box-shadow:var(--depth-destructive-edge)}@media(hover:hover)and (pointer:fine){.button--destructive:not(:disabled,:active,:focus-visible):hover{background:color-mix(in srgb,var(--color-white) var(--state-hover-opacity),var(--color-destructive))}}.button:disabled{color:var(--color-text-muted);background:var(--color-surface-slate);box-shadow:none;cursor:not-allowed}.stage-surface .button:disabled:not(.button--done){color:light-dark(var(--color-text-muted),var(--ink));background:light-dark(var(--color-surface-slate),color-mix(in srgb,var(--color-surface-slate) 45%,var(--color-white)))}.button--large{min-block-size:3.375rem;font-size:var(--font-size-xl)}@media(max-width:37.4375rem){.button--large{min-block-size:3rem}}.hold-to-confirm{position:relative;isolation:isolate;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hold-to-confirm:before{position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--ink) 35%,transparent);transform:scaleX(0);transform-origin:left;content:""}.hold-to-confirm.is-holding:before{animation:hold-to-confirm-fill var(--hold-duration) linear forwards}@keyframes hold-to-confirm-fill{to{transform:scaleX(1)}}.button--done:disabled{color:var(--color-text);background:var(--color-surface);cursor:default}.icon-button{display:grid;flex:0 0 auto;place-items:center;inline-size:var(--icon-button-size);block-size:var(--icon-button-size);padding:0;border:var(--line) solid var(--ink);border-radius:50%;color:var(--color-text);background:var(--color-surface-raised);box-shadow:var(--depth-control-edge),var(--elevation-1);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:var(--transition-press)}.icon-button app-line-icon{inline-size:50%;block-size:50%;stroke-width:2.75}.icon-button--square{border-radius:var(--radius-medium)}.icon-button--compact{--icon-button-size: 1.75rem;position:relative;box-shadow:none;font-size:var(--font-size-md)}.icon-button--compact:after{position:absolute;inset:calc((var(--icon-button-size) - var(--touch-target-size)) / 2);content:""}.corner-control{position:absolute;z-index:2;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.icon-button:not(:disabled,.icon-button--compact):active{translate:0 var(--press-offset);transition-duration:var(--motion-duration-press);box-shadow:var(--depth-control-edge)}@media(hover:hover)and (pointer:fine){.icon-button:not(:disabled,:active,:focus-visible):hover{background:var(--color-surface-raised-hover)}}.icon-button:disabled{color:var(--color-text-muted);background:var(--color-surface-slate);box-shadow:none;cursor:not-allowed}.eyebrow{margin:0;color:var(--color-primary-text);font-size:var(--font-size-xs);font-weight:600;line-height:1.2}.dialog-description{margin:0;color:var(--color-text-muted);font-size:var(--font-size-md)}.dialog-choices{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.dialog-actions{display:grid;gap:var(--space-2);margin-block-start:auto;padding-block-start:var(--space-3)}.notice{margin:0;padding:.625rem var(--space-3);border:var(--line) solid var(--ink);border-radius:var(--radius-small);color:var(--color-text);background:color-mix(in srgb,var(--color-primary) 22%,var(--color-surface));font-size:var(--font-size-sm);font-weight:600}.notice--danger{color:var(--color-danger-text);background:var(--color-danger-soft)}.field{inline-size:100%;min-block-size:var(--touch-target-size);padding:var(--space-2) var(--space-3);border:var(--line) solid var(--ink);border-radius:var(--radius-medium);color:var(--color-text);background:var(--color-background-deep);box-shadow:var(--depth-recessed-edge);font-size:var(--font-size-md)}@media(hover:hover)and (pointer:fine){.field:not(:disabled):hover{background:color-mix(in srgb,var(--color-primary) var(--state-hover-opacity),var(--color-background-deep))}}progress{display:block;inline-size:100%;block-size:.75rem;overflow:hidden;border:var(--line) solid var(--ink);border-radius:var(--radius-pill);background:var(--color-background-deep);appearance:none;accent-color:var(--color-primary)}progress::-webkit-progress-bar{background:var(--color-background-deep)}progress::-webkit-progress-value{background:var(--color-primary);box-shadow:inset 0 .125rem var(--color-primary-soft);transition:width var(--motion-duration-slow) ease-out}progress::-moz-progress-bar{background:var(--color-primary);box-shadow:inset 0 .125rem var(--color-primary-soft)}.icon-tile{display:grid;flex:0 0 auto;place-items:center;inline-size:2.5rem;block-size:2.5rem;border:var(--line) solid var(--ink);border-radius:var(--radius-small);color:var(--ink);background:var(--color-surface-raised);box-shadow:var(--depth-accent-edge)}.icon-tile app-line-icon{inline-size:1.375rem;block-size:1.375rem}.icon-tile--store{background:var(--color-cyan)}.icon-tile--collections{background:var(--color-pink)}.icon-tile--cards{background:var(--color-green)}.icon-tile--crafting{background:var(--color-orange)}.icon-tile--info{background:var(--color-primary-soft)}.icon-tile--warning{color:var(--color-on-destructive);background:var(--color-destructive)}:where(a,button,input,select,textarea):focus-visible{outline:var(--focus-indicator-width) solid var(--color-focus-indicator);outline-offset:var(--focus-indicator-offset)}:where(h1[tabindex="-1"],h2[tabindex="-1"]):focus{outline:none}main[tabindex="-1"]:focus{outline:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:var(--motion-duration-medium)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(forced-colors:active){:where(a,button,input,select,textarea):focus-visible{outline-color:Highlight}dialog{border-color:CanvasText}}.content-error{display:grid;align-content:start;inline-size:min(100% - (2 * var(--space-4)),var(--content-width-reading));min-block-size:100dvh;margin-inline:auto;padding-block:var(--space-6)}.content-error .eyebrow{margin-block-end:var(--space-2)}.content-error h1{margin:0;font-size:var(--font-size-display);line-height:.95}.content-error p:not(.eyebrow){max-inline-size:34rem;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.route-page{inline-size:min(100% - (2 * var(--space-4)),var(--content-width-wide));margin-inline:auto;padding-block:var(--space-2) var(--space-5)}:is(.cards-page,.lootboxes-page,.collections-page,.store-page):has(.discovery-controls[hidden]){--discovery-content-gap: var(--space-2);padding-block-start:0}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url("./media/barlow-vietnamese-500-normal-QPZWX6PE.woff2") format("woff2"),url("./media/barlow-vietnamese-500-normal-B6NO6FA4.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url("./media/barlow-latin-ext-500-normal-ILJXALRF.woff2") format("woff2"),url("./media/barlow-latin-ext-500-normal-ZWSUFBVY.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url("./media/barlow-latin-500-normal-XG5KS5C2.woff2") format("woff2"),url("./media/barlow-latin-500-normal-HZFCIMMG.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url("./media/barlow-vietnamese-600-normal-6TIDILDH.woff2") format("woff2"),url("./media/barlow-vietnamese-600-normal-PJWIX6HC.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url("./media/barlow-latin-ext-600-normal-MYFVK5MK.woff2") format("woff2"),url("./media/barlow-latin-ext-600-normal-WVF2DFOO.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url("./media/barlow-latin-600-normal-APFZWJSU.woff2") format("woff2"),url("./media/barlow-latin-600-normal-IMDL24A2.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url("./media/barlow-vietnamese-700-normal-LUHC5X5N.woff2") format("woff2"),url("./media/barlow-vietnamese-700-normal-7GMYOROR.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url("./media/barlow-latin-ext-700-normal-3OOR6AKA.woff2") format("woff2"),url("./media/barlow-latin-ext-700-normal-INDXZNVE.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url("./media/barlow-latin-700-normal-5OFOGNFS.woff2") format("woff2"),url("./media/barlow-latin-700-normal-WICR22MF.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url("./media/barlow-condensed-vietnamese-700-normal-WXHYTQHM.woff2") format("woff2"),url("./media/barlow-condensed-vietnamese-700-normal-Y6ZUJIH4.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url("./media/barlow-condensed-latin-ext-700-normal-5BESLX7I.woff2") format("woff2"),url("./media/barlow-condensed-latin-ext-700-normal-OOTZZHRP.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url("./media/barlow-condensed-latin-700-normal-5GARACM4.woff2") format("woff2"),url("./media/barlow-condensed-latin-700-normal-63GBER45.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--ink: light-dark(#2a2d4f, #171a2b);--line: .125rem;--line-bold: .1875rem;--surface: light-dark(#b9dcf5, #2b3553);--surface-shape: light-dark(#c5e1f5, #313c5d);--surface-container-lowest: light-dark(#d8e9f6, #3a4670);--surface-container-high: light-dark(#e9f3fb, #46548a);--surface-container-highest: light-dark(#b0d3ec, #212a44);--outline-default: light-dark(#7f9cc0, #7e8ab0);--scrim-color: light-dark(rgb(42 45 79 / 50%), rgb(15 18 32 / 72%));--surface-immersive-deep: light-dark(#014981, #212a44);--stage-color-default: #5a52c2;--color-brand-stage: light-dark(#c3bff0, #4d4f9a);--color-brand-aura: light-dark(#d1cef4, #5a5daa);--color-brand-aura-core: light-dark(#e0ddf8, #686cba);--color-background: var(--surface);--color-background-shape: var(--surface-shape);--color-background-deep: var(--surface-container-highest);--color-surface: var(--surface-container-lowest);--color-surface-shade: light-dark(#b3cce4, #303b61);--color-surface-light: light-dark(#ffffff, #4a5782);--color-surface-raised: var(--surface-container-high);--color-surface-raised-shade: light-dark(#8fb6da, #3a477a);--color-surface-raised-light: light-dark(#ffffff, #5866a0);--color-surface-raised-hover: color-mix( in srgb, var(--color-primary) var(--state-hover-opacity), var(--color-surface-raised) );--color-surface-aura: light-dark(#2f9be0, #4a5782);--color-text: light-dark(#2a2d4f, #f7f2e8);--color-text-muted: light-dark(#3d4969, #b7c0da);--color-outline: var(--outline-default);--color-primary: light-dark(#1878c8, #58bde0);--color-primary-soft: light-dark(#7cc4f4, #9fdcf0);--color-primary-edge: light-dark(#0f5c9e, #3a95b8);--color-primary-text: light-dark(#005089, #90d6ee);--color-on-primary: light-dark(var(--color-white), #171a2b);--color-action: light-dark(#ffc53d, #ffb238);--color-action-edge: light-dark(#e39b12, #d4851c);--color-action-light: light-dark(#ffe08a, #ffd48a);--color-action-text: var(--ink);--color-destructive: light-dark(#bb3b34, #e5574b);--color-destructive-edge: light-dark(#872a25, #b23b31);--color-on-destructive: light-dark(var(--color-white), var(--ink));--color-confirm: #3fae5f;--color-on-confirm: var(--ink);--color-cyan: #58bde0;--color-green: #6cc56a;--color-orange: #f08a3c;--color-pink: #ef6fa8;--color-focus-indicator: light-dark(var(--color-primary-edge), var(--color-action-light));--rarity-common: light-dark(#646f87, #b3bccb);--rarity-common-text: light-dark(var(--color-white), var(--ink));--rarity-special: #4ccf7e;--rarity-rare: #4aa3ff;--rarity-epic: #b381ff;--rarity-legendary: #ffbf3a;--rarity-unique: #ff5fc8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-small: .5rem;--radius-medium: .875rem;--radius-large: 1.25rem;--radius-pill: 999px;--touch-target-size: 2.75rem;--chip-control-size: 2rem;--icon-button-size: var(--touch-target-size);--color-ground-shadow: light-dark(rgb(30 70 120 / 30%), rgb(15 18 32 / 45%));--elevation-0: 0 0 transparent;--elevation-1: 0 .1875rem 0 var(--color-ground-shadow);--elevation-2: 0 .25rem 0 var(--color-ground-shadow);--elevation-3: 0 .375rem 0 var(--color-ground-shadow);--elevation-4: 0 .5rem 0 var(--color-ground-shadow);--elevation-card: var(--elevation-2);--elevation-floating: var(--elevation-3);--elevation-modal: var(--elevation-4);--elevation-subject: var(--elevation-3);--elevation-subject-lifted: var(--elevation-4);--press-offset: .1875rem;--lift-offset: .125rem;--state-hover-opacity: 10%;--state-pressed-opacity: 12%;--state-disabled-opacity: 60%;--focus-indicator-width: .1875rem;--focus-indicator-offset: .1875rem;--depth-action-edge: inset 0 -.25rem var(--color-action-edge), inset 0 .125rem var(--color-action-light);--depth-control-edge: inset 0 -.25rem var(--color-surface-raised-shade), inset 0 .125rem var(--color-surface-raised-light);--depth-destructive-edge: inset 0 -.25rem var(--color-destructive-edge), inset 0 .125rem rgb(255 255 255 / 30%);--depth-primary-edge: inset 0 -.25rem var(--color-primary-edge), inset 0 .125rem var(--color-primary-soft);--depth-panel-edge: inset 0 -.25rem var(--color-surface-shade), inset 0 .125rem var(--color-surface-light);--depth-recessed-edge: inset 0 -.125rem light-dark(var(--color-white), var(--color-outline));--depth-accent-edge: inset 0 -.1875rem rgb(15 18 32 / 24%);--text-drop-ink: 0 .1875rem var(--ink);--text-outline-ink: .0625rem 0 var(--ink), -.0625rem 0 var(--ink), 0 .0625rem var(--ink), 0 -.0625rem var(--ink), 0 .125rem var(--ink);--effect-primary-ring: 0 0 0 var(--line) var(--color-primary);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--bottom-bar-height: 4.375rem;--content-width-reading: 42rem;--content-width-wide: 72rem;--shell-width-wide: 74.25rem;--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--font-body: Barlow, system-ui, sans-serif;--font-size-2xs: .75rem;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-md: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.5rem;--font-size-4xl: 2rem;--font-size-5xl: 2.25rem;--font-size-title: clamp(1.8rem, 5vw, 2.35rem);--font-size-display: clamp(2.45rem, 6vw, 4rem);--motion-duration-fast: .14s;--motion-duration-medium: .26s;--motion-duration-slow: .52s;--motion-duration-press: 60ms;--motion-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-press: translate var(--motion-duration-fast) var(--motion-ease-spring), box-shadow var(--motion-duration-fast) ease;--z-chrome: 30;--z-warning: 40;--z-burst: 50;--z-top: 100;--color-white: #ffffff;--color-on-immersive: var(--color-white);--color-on-immersive-muted: light-dark(#dce9f6, #b7c0da);--color-on-immersive-accent: #ffd48a;--color-on-immersive-danger: #ffb1a8;--color-surface-slate: light-dark(#d5dae2, #4a5068);--color-danger-text: light-dark(#b3261e, #ffb1a8);--color-danger-soft: light-dark(#fde3df, #5a2a36);--color-gold: #ffbf3a;--color-gold-light: #ffe08a;--color-gold-dark: #6b4200;--color-gold-edge: #d4851c;--color-gold-gradient: linear-gradient( 150deg, var(--color-gold-light) 0 34%, var(--color-gold) 34% );--color-gem-crown: #e2f8ff;--color-gem-body: #7ad8f5;--color-gem-shade: #3fb0de;--color-gem-facet: #1f6f96;--color-nav-inactive: light-dark(#3d4969, #a7b0cc);--gradient-immersive-page: linear-gradient( 175deg, light-dark(#0e64a5, #243052) 0 58%, light-dark(#065795, #1f2740) 58% )}@media(prefers-reduced-motion:reduce){:root{--motion-duration-fast: 1ms;--motion-duration-medium: 1ms;--motion-duration-slow: 1ms;--motion-duration-press: 1ms}}