.battle-interstitial{z-index:90;pointer-events:all;background:#06101a2e;place-items:center;display:grid;position:fixed;inset:0}.battle-interstitial span{color:#f3dfad;font:600 clamp(28px,4vw,54px) var(--font-display);letter-spacing:.08em;text-shadow:0 3px 14px #000;background:linear-gradient(90deg,#0000,#111c25e8 20% 80%,#0000);border-block:1px solid #c8a85f;padding:16px 54px}.battle-settings{z-index:85;color:#ead6a7;background:#111b1aef;border:1px solid #9b7a3d;border-radius:5px;padding:14px;position:fixed;top:48px;right:12px;box-shadow:0 8px 24px #0009}.battle-label-interstitial{animation:1.4s both battle-label-fade}@keyframes battle-label-fade{0%{opacity:0;transform:translateY(8px)}28.5714%{opacity:1;transform:translateY(0)}71.4286%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.battle-dice-interstitial{background:#06101a45;animation:1.75s both battle-dice-fade;overflow:hidden}@keyframes battle-dice-fade{0%{opacity:0}8%{opacity:1}90%{opacity:1}to{opacity:0}}.battle-dice-side{color:#dcebf5;font:400 12px/1 var(--font-ui);letter-spacing:.22em;align-items:center;gap:18px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.enemy-dice{top:29%}.your-dice{bottom:29%}.battle-dice-side small{font:inherit}.battle-die-wrap{perspective:640px;width:72px;height:72px}.battle-die{width:72px;height:72px;transform-style:preserve-3d;animation:.62s cubic-bezier(.16,.84,.24,1) both battle-die-roll;position:relative}@keyframes battle-die-roll{0%{transform:translateY(-18px) rotateX(calc(var(--end-x) + 540deg)) rotateY(calc(var(--end-y) + 360deg)) scale(.9)}to{transform:translateY(0) rotateX(var(--end-x)) rotateY(var(--end-y)) scale(1)}}.battle-die-face{box-sizing:border-box;backface-visibility:hidden;background:linear-gradient(145deg,#5b7180,#2b3e4d);border:1px solid #6c8798;border-radius:10px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:11px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 10px #fff2,0 7px 18px #0009}.battle-die-face i{background:0 0;border-radius:50%;place-self:center;width:9px;height:9px}.battle-die-face i.is-on{background:#edf6fb;box-shadow:inset 0 1px 2px #fff5,0 0 0 1px #0f1a24aa}.face-1{transform:translateZ(36px)}.face-6{transform:rotateY(180deg)translateZ(36px)}.face-3{transform:rotateY(90deg)translateZ(36px)}.face-4{transform:rotateY(-90deg)translateZ(36px)}.face-2{transform:rotateX(90deg)translateZ(36px)}.face-5{transform:rotateX(-90deg)translateZ(36px)}.battle-dice-tie{color:#f3dfad;font:400 13px/1 var(--font-ui);letter-spacing:.18em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-shell.battle-presentation-active .action-bar{visibility:visible}.game-shell.battle-presentation-active .action-buttons{visibility:hidden;pointer-events:none}.battle-die-wrap.is-winner:before{content:"";pointer-events:none;opacity:0;filter:blur(3px);background:radial-gradient(circle,#ecc36057 0%,#dea9372e 42%,#dea93700 72%);border-radius:18px;animation:1.25s ease-out .62s forwards battle-die-winner-halo;position:absolute;inset:-14px}.battle-die-wrap.is-winner .battle-die-face{animation:10ms linear .62s forwards battle-die-winner-face}@keyframes battle-die-winner-halo{0%{opacity:0;transform:scale(.88)}28%{opacity:1;transform:scale(1.06)}to{opacity:.64;transform:scale(1)}}@keyframes battle-die-winner-face{to{border-color:#b99248;box-shadow:inset 0 0 10px #e8c57522,0 0 10px #c79a3d66,0 7px 18px #0009}}.battle-main-menu-button{color:#f3dfad;text-shadow:0 1px 1px #1f1408;background:linear-gradient(165deg,#5e4a2d,#32281c 55%,#1c241d);border:1px solid #b29057;border-radius:6px;min-width:120px;padding:6px 16px;box-shadow:inset 0 1px #ead5aa33,0 2px 6px #0006}.battle-main-menu-button:hover:not(:disabled){background:linear-gradient(165deg,#735b37,#433420 55%,#273128)}.battle-main-menu-button:focus-visible,.battle-menu-action:focus-visible{outline-offset:2px;outline:2px solid #ebd39f}.battle-menu-backdrop{z-index:12800;backdrop-filter:blur(2px);background:linear-gradient(#040a10a8,#03070ccc);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.battle-menu-dialog{color:#f1dfb2;text-align:center;background:repeating-linear-gradient(6deg,#ffffff03 0 1px,#0000 2px 9px),linear-gradient(115deg,#181f1f,#2f2a23 48%,#171e1d);border:1px solid #a78650;border-radius:8px;width:min(420px,100vw - 32px);padding:22px 24px 20px;box-shadow:inset 0 1px #d8bb8250,inset 0 -2px #22180f88,0 18px 48px #000a}.battle-menu-brand{color:#f1dfb2;font:400 clamp(20px,2vw,28px) var(--font-ui);letter-spacing:.08em;margin:0 0 14px}.battle-menu-title{color:#fff;font:400 clamp(20px,2vw,28px) var(--font-ui);letter-spacing:.03em;margin:0}.battle-menu-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.battle-menu-action{color:#f1e0b9;text-shadow:0 1px 1px #201408;background:linear-gradient(165deg,#59462b,#30291e 52%,#1d241e);border:1px solid #b08f58;border-radius:6px;min-width:110px;padding:9px 18px;box-shadow:inset 0 1px #e3c79733,0 2px 4px #1c150b88}.battle-menu-action:hover:not(:disabled){background:linear-gradient(165deg,#705c39,#433922 52%,#283027)}.battle-menu-action.is-confirm{border-color:#c4a46b}.game-shell.battle-menu-open .center-stage,.game-shell.battle-menu-open .left-rail,.game-shell.battle-menu-open .zone-panel,.game-shell.battle-menu-open .action-bar{filter:saturate(.92)brightness(.86)}.battle-top-branding{align-items:center;gap:12px;min-width:0;display:flex}.battle-top-title{color:#f1dfb2;font:400 clamp(12px,.9vw,15px) var(--font-ui);letter-spacing:.06em;white-space:nowrap}.battle-top-mode{color:#cbb98f;font:400 clamp(12px,.9vw,14px) var(--font-ui);letter-spacing:.05em;white-space:nowrap}.battle-menu-dialog{width:min(360px,100vw - 32px);padding:18px 20px}.battle-menu-brand{display:none}.battle-menu-title{color:#fff;font:400 clamp(15px,1.2vw,18px) var(--font-ui);letter-spacing:.02em;margin:0;line-height:1.35}.battle-menu-actions{margin-top:16px}.battle-menu-action{min-width:92px;font:400 15px/1.1 var(--font-ui);padding:8px 14px}.battle-main-menu-button{min-width:88px;margin-block:2px;padding:4px 10px;font-size:12px;line-height:1.15}.battle-quick-audio-button{color:#f0dfb9;text-shadow:0 1px 1px #1f1408;cursor:pointer;white-space:nowrap;background:linear-gradient(165deg,#5b472d,#32291f 55%,#20271f);border:1px solid #a98a58;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:108px;padding:6px 12px;display:inline-flex;box-shadow:inset 0 1px #ead5aa2f,0 2px 6px #0005}.battle-quick-audio-button:hover{background:linear-gradient(165deg,#6d5635,#403224 55%,#293229)}.battle-quick-audio-button:focus-visible{outline-offset:2px;outline:2px solid #ebd39f}.battle-quick-audio-button.is-muted{color:#bdb39f;background:linear-gradient(165deg,#3d3932,#292823 58%,#20241f);border-color:#776b58}.battle-quick-audio-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.battle-quick-audio-icon path:first-child{fill:currentColor;stroke:none}.battle-interstitial.battle-interstitial-danger span{color:#ef716a}.live-opening-board{position:absolute;inset:0}.mobile-opening{z-index:100;pointer-events:all;position:absolute;inset:0}.mobile-opening .battle-interstitial{position:absolute}.mobile-opening .battle-interstitial span{text-align:center;padding:1.1cqw 5cqw;font-size:2cqw}.mobile-opening .battle-label-interstitial{display:block}.mobile-opening .battle-label-interstitial span{left:50%;top:var(--center-line,50%);white-space:nowrap;position:absolute;transform:translate(-50%,-50%)}.mobile-opening .battle-dice-side{gap:1.8cqw;font-size:1.05cqw}.mobile-opening .enemy-dice{top:22%}.mobile-opening .your-dice{bottom:22%}.mobile-opening .battle-dice-tie{text-align:center;width:auto;max-width:70%;font-size:1.1cqw}.mobile-opening.is-result .battle-label-interstitial{animation:.4s ease-out both mobile-opening-result}@keyframes mobile-opening-result{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-intro{z-index:100;pointer-events:all;position:absolute;inset:0}.live-intro-backdrop{object-fit:cover;filter:blur(1.2cqw)brightness(.45);pointer-events:none;width:112%;height:112%;position:absolute;inset:-6%}.live-intro-backdrop.is-baked{filter:none}.live-board.intro-arena{transform-origin:50% 70%;will-change:transform;animation:intro-camera var(--intro-camera-ms) cubic-bezier(.25,.1,.12,1) var(--intro-hold-ms) both}@keyframes intro-camera{0%{transform:perspective(120cqw)translateY(-7%)rotateX(38deg)scale(1.18)}to{transform:perspective(120cqw)translateY(0)rotateX(0)scale(1)}}.live-board.intro-arena:after{content:"";z-index:20;pointer-events:none;animation:intro-dim var(--intro-camera-ms) ease-out var(--intro-hold-ms) both;background:#050a08;position:absolute;inset:0}@keyframes intro-dim{0%{opacity:.42}to{opacity:0}}.live-board:is(.intro-arena,.intro-ui) .live-hand-slot,.live-board.intro-arena :is(.live-deck,.live-discard,.live-icon-slot,.live-clock-slot,.live-turn-buttons,.live-phase-rail){opacity:0}.live-board.intro-ui :is(.live-deck,.live-discard,.live-icon-slot,.live-clock-slot,.live-turn-buttons,.live-phase-rail){animation:intro-ui var(--intro-ui-item-ms) cubic-bezier(.2,.8,.2,1) calc(var(--ui-i,0) * var(--intro-ui-stagger-ms)) both}@keyframes intro-ui{0%{opacity:0;transform:translateY(4%)scale(.94)}to{opacity:1;transform:none}}.live-board.intro-deal .live-hand .live-hand-slot{animation:intro-deal-local var(--intro-deal-card-ms) cubic-bezier(.18,.9,.25,1.05) var(--deal-delay,0s) both}.live-board.intro-deal .live-enemy-hand .live-hand-slot{animation:intro-deal-opponent var(--intro-deal-card-ms) cubic-bezier(.18,.9,.25,1.05) var(--deal-delay,0s) both}.live-board.intro-deal.vfx-deal .live-hand-slot{animation:none}@keyframes intro-deal-local{0%{opacity:0;transform:translateY(90%)rotate(-6deg)}to{opacity:1;transform:none}}@keyframes intro-deal-opponent{0%{opacity:0;transform:translateY(-90%)rotate(6deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.live-board[class*=intro-],.live-board[class*=intro-] *{animation:none!important}}.mobile-opening .battle-die-wrap{position:relative;scale:.7}.mobile-opening .battle-label-interstitial span{text-transform:uppercase;white-space:nowrap;color:#f1e3c0;font-family:var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 8px #0000008c;background:linear-gradient(90deg,#0000,#070b12d9 22% 78%,#0000);border:0;border-block:1px solid;border-image:linear-gradient(90deg,#0000,#e6c484d9 20% 80%,#0000) 1;font-weight:600;line-height:1.2}.mobile-opening .battle-dice-side small{font-family:var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);letter-spacing:.26em;text-transform:uppercase;color:#e6c484;text-shadow:0 1px 6px #000000a6;font-weight:600}.mobile-opening .battle-dice-tie{color:#ece6d8;font-family:var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);letter-spacing:.02em;background:#070b12d9;border:1px solid #e6c48466;border-radius:999px;padding:.7cqw 1.8cqw;font-weight:500;line-height:1.35}.mobile-opening .battle-die-wrap.is-winner:before{display:none}.mobile-opening .battle-die-wrap.is-winner:after{content:"";pointer-events:none;opacity:0;will-change:opacity;border-radius:14px;animation:.28s ease-out .62s forwards mobile-die-ring-in,1.05s ease-in-out .9s infinite alternate mobile-die-pulse;position:absolute;inset:-5px;box-shadow:0 0 0 2px #ffe28ce6,0 0 10px 3px #ffd76a73,0 0 30px 12px #ffd76ad9}@keyframes mobile-die-ring-in{0%{opacity:0}to{opacity:.35}}@keyframes mobile-die-pulse{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.mobile-opening .battle-die-wrap.is-winner:after{opacity:.7;animation:none}}.live-turn-buttons{z-index:3;pointer-events:none;flex-direction:column;justify-content:space-evenly;align-items:center;display:flex;position:absolute}.live-turn-button{--canvas:min(82cqw,44cqh);width:calc(var(--canvas) * .875);aspect-ratio:1;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.live-turn-button:disabled{cursor:default}.live-turn-button img{pointer-events:none;user-select:none;-webkit-user-drag:none;opacity:0;width:114.286%;height:114.286%;transition:scale 60ms ease-out,translate 60ms ease-out;position:absolute;inset:-7.1429%}.live-turn-button img.is-shown{opacity:1}.live-turn-button.is-pressed img{translate:0 2.5%;scale:.9}@media (prefers-reduced-motion:reduce){.live-turn-button img{transition:none}}.live-turn-button:focus-visible{outline-offset:2px;outline:2px solid #ffe7a1}.live-turn-buttons .live-round{white-space:nowrap;font:600 min(13.5cqw,5.6cqh)/1 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);letter-spacing:.02em;color:#4a4136;text-shadow:0 .07em #fffaf08c;flex:none}.live-turn-buttons{container-type:size}.live-turn-button:before{content:"";opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 3cqw 1cqw #ffd76acc}:is(.live-turn-buttons.is-nextPhase-ready [data-turn-button=nextPhase],.live-turn-buttons.is-endTurn-ready [data-turn-button=endTurn]):before{animation:1.05s ease-in-out 10.5 alternate forwards live-end-ready}@keyframes live-end-ready{0%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion:reduce){:is(.live-turn-buttons.is-nextPhase-ready [data-turn-button=nextPhase],.live-turn-buttons.is-endTurn-ready [data-turn-button=endTurn]):before{opacity:1;animation:none;box-shadow:0 0 2.4cqw .8cqw #ffd76aaa}}.live-icon-slot{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;container-type:size}.live-icon-button{aspect-ratio:1;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:min(86cqw,86cqh);padding:0;display:block;position:relative}.live-icon-button svg{filter:drop-shadow(0 1.6cqh 1.4cqh #000b);width:100%;height:100%;display:block;overflow:visible}.live-icon-button.is-pressed svg{filter:drop-shadow(0 .5cqh .6cqh #000b);translate:0 .8cqh}.live-icon-button.is-disabled svg{filter:grayscale()brightness(.72)contrast(.95)drop-shadow(0 1cqh 1cqh #0009)}.live-icon-button:disabled{cursor:default}.live-icon-button:focus-visible{outline-offset:2px;outline:2px solid #ffe7a1}.live-phase-rail{z-index:2;pointer-events:none;position:absolute;container-type:size}.live-phase-rail ol{--node:min(15cqw,7.4cqh);flex-direction:column;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:4.5cqh 7cqw 4.5cqh 4.5cqw}.live-phase-rail ol:before{content:"";left:calc(var(--node) / 2 - .5px);top:calc(var(--node) / 2);bottom:calc(var(--node) / 2);background:linear-gradient(#e6c48400,#b89350 12% 88%,#e6c48400);width:1px;position:absolute}.live-phase-rail li{min-width:0;height:var(--node);align-items:center;gap:4cqw;display:flex;position:relative}.live-phase-rail .node{width:var(--node);aspect-ratio:1;box-sizing:border-box;background:#2a2f36;border:1.5px solid #b89350;border-radius:50%;flex:none;position:relative;scale:.5;box-shadow:0 .3cqh .5cqh #0005}.live-phase-rail li.is-current .node{background:radial-gradient(circle at 40% 34%,#fffbe6 0%,#ffe08a 34%,#d9a441 70%,#9c6a1c 100%);border-color:#fff1bf;scale:.72;box-shadow:0 0 1cqh #ffd76a,0 0 2.6cqh #ffc94d8c}.live-phase-rail .name{text-overflow:clip;white-space:nowrap;min-width:0;max-width:100%;font:600 min(10.5cqw,5.8cqh)/1.1 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);letter-spacing:.01em;color:#5b5246;text-shadow:0 .07em #fffaf08c;border-radius:999px;margin-left:-2.4cqw;padding:.9cqh 2.4cqw;position:relative;overflow:hidden}.live-phase-rail li.is-current .name{color:#f6e6bd;text-shadow:none;background:#0b141ee0;box-shadow:inset 0 0 0 1px #e6c48473,0 .4cqh 1cqh #0006}.live-clock-slot{z-index:3;pointer-events:none;will-change:transform;place-items:center;display:grid;position:absolute;container-type:size}.live-action-clock{aspect-ratio:1;border-radius:50%;width:min(86cqw,86cqh);transition:opacity .3s;position:relative}.live-action-clock:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;transition:box-shadow .3s;position:absolute;inset:8.25%;box-shadow:0 1.6cqh 2.4cqh #000a}.live-action-clock svg{width:100%;height:100%;display:block;position:relative;overflow:visible}.live-action-clock .track{stroke:#1d2226;stroke-opacity:.85}.live-action-clock .arc{stroke:#e9b949;transition:stroke .3s}.live-action-clock .time,.live-action-clock .time-shadow{font:600 46px/1 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:0}.live-action-clock .time{fill:#f5e9cd}.live-action-clock .time-shadow{fill:#000a}.live-action-clock.is-warn .arc{stroke:#f08a24}.live-action-clock.is-low .arc{stroke:#e5484d}.live-action-clock.is-low .time{fill:#ffd0cc}.live-action-clock.is-running:after{box-shadow:0 0 1.6cqh .2cqh #ffd76a88,0 1.6cqh 2.4cqh #000a}.live-action-clock.is-running.is-warn:after{box-shadow:0 0 1.6cqh .2cqh #f08a2488,0 1.6cqh 2.4cqh #000a}.live-action-clock.is-paused{opacity:.62}.live-action-clock:before{content:"";opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:8.25%;box-shadow:0 0 3cqh 1cqh #ff5b5bcc}.live-action-clock.is-running.is-low:before{animation:1s ease-in-out infinite live-clock-low}@keyframes live-clock-low{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.live-action-clock.is-running.is-low:before{opacity:.6;animation:none}}.live-action-popup{z-index:10;pointer-events:auto;align-items:flex-start;gap:1.8cqw;padding:.9cqw 1.6cqw .8cqw;animation:.14s cubic-bezier(.2,.8,.2,1) both live-action-pop;display:flex;position:absolute}.live-action-popup.is-above{transform-origin:50% 100%;translate:-50% calc(-100% - .8cqw)}.live-action-popup.is-below{transform-origin:50% 0;translate:-50% .8cqw}@keyframes live-action-pop{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.live-action-popup{animation:none}}.live-action-button{color:#f6efe0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:7.2cqw;font:inherit;background:0 0;border:0;justify-items:center;gap:.35cqw;padding:0;display:grid}.live-action-button .face{aspect-ratio:1;isolation:isolate;border-radius:50%;width:5.4cqw;display:block;position:relative}.live-action-button .face:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 .3cqw .8cqw #000c}.live-action-button .face img{pointer-events:none;user-select:none;width:124.64%;height:124.64%;position:absolute;inset:-12.32%}.live-action-button.is-pressed .face{translate:0 .15cqw}.live-action-button .label{font:700 1.2cqw/1.1 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);text-align:center;text-shadow:0 1px 2px #000,0 0 .6cqw #000c}.live-action-popup.is-inline{align-items:center;gap:1.6cqw;padding:.5cqw 1.4cqw .5cqw .9cqw}.live-action-popup.is-inline.is-above{translate:-50% calc(-100% - .5cqw)}.live-action-popup.is-inline.is-below{translate:-50% .5cqw}.live-action-popup.is-inline .live-action-button{align-items:center;gap:.7cqw;width:auto;display:flex}.live-action-popup.is-inline .live-action-button .face{flex:none;width:5cqw}.live-action-popup.is-inline .live-action-button .label{white-space:nowrap;text-align:left;font-size:1.3cqw}.live-action-button:disabled{cursor:default}.live-action-button:disabled .label{color:#9a968e}.live-action-button:focus-visible{outline-offset:2px;border-radius:.6cqw;outline:2px solid #ffe7a1}.live-action-button.is-text{background:#1c2a36;border:1px solid #c9993f99;border-radius:.6cqw;align-self:center;width:auto;padding:.7cqw 1.2cqw}.live-action-button .face:before{content:"";z-index:-2;opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 1.8cqw .5cqw #ffd76acc}.live-action-button.is-ready .face:before{animation:1.05s ease-in-out 10.5 alternate forwards live-action-ready}@keyframes live-action-ready{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.live-action-button.is-ready .face:before{opacity:1;animation:none;box-shadow:0 0 1.4cqw .4cqw #ffd76aaa}}.live-battle-popup{text-align:center;pointer-events:auto;justify-items:center;gap:1cqw;padding:1.2cqw 1.8cqw;display:grid;position:relative}.live-battle-popup .clock b{color:#ffe7a1}.live-effect-prompt-anchor{z-index:10;pointer-events:none;position:absolute;translate:-50% -50%}.live-effect-prompt{gap:1.4cqw;min-width:22cqw;padding:1.8cqw 3cqw}.live-effect-prompt.live-popup-surface strong{font-size:1.8cqw}.live-effect-prompt.live-popup-surface button{min-width:12cqw;min-height:4.6cqw;padding:.8cqw 2.6cqw;font-size:1.7cqw}.live-effect-prompt .clock{white-space:nowrap}.live-effect-prompt .clock b{color:#f3e5ba}.live-effect-prompt.is-waiting strong{isolation:isolate;animation:1.7s ease-in-out 10.5 alternate forwards live-waiting-choice-light;position:relative}.live-effect-prompt.is-waiting strong:after{content:attr(data-glow) / "";z-index:-1;color:#0000;text-shadow:0 0 1cqw #e1d09e88;pointer-events:none;animation:1.7s ease-in-out 10.5 alternate forwards live-waiting-glow;position:absolute;inset:0}@keyframes live-waiting-choice-light{0%{opacity:.65}to{opacity:1}}@keyframes live-waiting-glow{0%{opacity:0}to{opacity:1}}.live-payment-overlay{z-index:11;background:#0000002e;place-items:center;display:grid;position:absolute;inset:0}.live-payment-prompt{max-width:44%}.live-payment-prompt .actions{gap:.8cqw;display:flex}.live-discard-counter{z-index:9;pointer-events:none;position:absolute;bottom:21%;left:50%;translate:-50%}.live-discard-counter-panel{padding:.9cqw 1.8cqw}@media (prefers-reduced-motion:reduce){.live-effect-prompt.is-waiting strong{animation:none}.live-effect-prompt.is-waiting strong:after{display:none}}.battle-menu-scrim{z-index:var(--z-popup,10);-webkit-tap-highlight-color:transparent;background:#03050a8c;place-items:center;animation:.16s ease-out battle-menu-fade;display:grid;position:absolute;inset:0}.battle-menu{box-sizing:border-box;color:#ece6d8;width:min(300px,80%);font:400 13px/1.35 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);background:#0b141ef2;border:1px solid #e6c48459;border-radius:14px;gap:8px;padding:12px 14px 14px;animation:.18s cubic-bezier(.2,.8,.2,1) battle-menu-in;display:grid;box-shadow:0 16px 40px #000000b3}.battle-menu-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.battle-menu-head h2{letter-spacing:.28em;text-transform:uppercase;color:#e6c484;margin:0;font-size:11px;font-weight:600}.battle-menu-close{color:#a9a497;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;margin:-6px -6px -6px 0;padding:0;display:grid}.battle-menu-close:active{background:#ffffff14}.battle-menu-row{box-sizing:border-box;color:#ece6d8;width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-weight:600;transition:background .15s,transform .1s;display:flex}.battle-menu-row:active{background:#ffffff1a;transform:scale(.98)}.battle-menu-row svg{color:#e6c484;flex:none}.battle-menu-row span{gap:1px;display:grid}.battle-menu-row small{color:#a9a497;font-size:11px;font-weight:400}.battle-menu-row.is-dev{color:#a9a497;font-weight:400}.battle-menu-row:focus-visible,.battle-menu-close:focus-visible{outline-offset:2px;outline:2px solid #e6c484}.battle-menu.is-confirm{gap:10px;width:min(360px,90%);padding:12px 12px 10px;font-size:12px}.battle-menu-warning{text-align:center;overflow-wrap:anywhere;color:#f0a79c;justify-content:center;align-items:center;gap:6px;min-width:0;margin:0 2px;font-size:11px;line-height:1.35;display:flex}.battle-menu-warning svg{color:#ef8a80;flex:none;width:11px;height:11px}.battle-menu-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:2px;display:grid}.battle-menu-actions.is-single{grid-template-columns:minmax(0,1fr)}.battle-menu-button{box-sizing:border-box;text-align:center;min-width:0;min-height:32px;line-height:1;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:600;transition:transform .1s,filter .15s;display:inline-flex}.battle-menu-button:active{transform:scale(.97)}.battle-menu-button.is-cancel{color:#ece6d8;background:#ffffff0f;border:1px solid #ffffff2e}.battle-menu-button.is-confirm{color:#fff;background:#c0533f;border-color:#0000}.battle-menu-button:focus-visible{outline-offset:2px;outline:2px solid #e6c484}@keyframes battle-menu-fade{0%{opacity:0}}@keyframes battle-menu-in{0%{opacity:0;scale:.96}}@media (prefers-reduced-motion:reduce){.battle-menu,.battle-menu-scrim{animation:none}}.live-tray-backdrop{z-index:9;pointer-events:auto;position:absolute;inset:0}.live-tray-anchor{z-index:9;pointer-events:none;position:absolute;inset:0}.live-tray-frame{left:var(--tray-left,24%);right:var(--tray-right,24%);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.live-tray-anchor .live-tray-frame{left:max(var(--tray-left,24%),22.6%);top:max(var(--tray-choice-top,9%),calc(var(--tray-choice-row,37%) - 6.9cqw - var(--card-h-field) / 2));translate:none}.live-tray-panel{box-sizing:border-box;pointer-events:auto;grid-template-rows:3cqw auto;gap:.4cqw;padding:.9cqw 1.2cqw .5cqw;display:grid;position:relative;overflow:hidden}.live-tray-panel header{grid-row:1;justify-content:space-between;align-items:center;gap:1cqw;min-width:0;display:flex}.live-tray-panel header h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-tray-panel header .close{margin-left:auto}.live-tray-panel.has-actions{grid-template-rows:3cqw auto auto}.live-tray-actions{grid-row:3;justify-content:center;align-items:center;gap:1.2cqw;padding:0 0 .4cqw;display:flex}.live-tray-panel .live-tray-actions button:not(.live-card){min-width:13cqw;min-height:3.8cqw;padding:.7cqw 2.4cqw;font-size:1.5cqw}.live-tray-panel .live-tray-actions button:not(.live-card):enabled{background:#22384b;border-color:#e9c56a}.live-tray-panel .rail,.live-tray-panel .empty{height:calc(var(--card-h-field) + 3.4cqw);box-sizing:border-box;grid-row:2}.live-tray-panel .empty{place-items:center;margin:0;display:grid}.live-tray-panel .rail{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;align-items:flex-end;gap:1cqw;padding:2.6cqw 1cqw .8cqw;display:flex;overflow:auto hidden}.live-tray-panel .rail::-webkit-scrollbar{display:none}.live-tray-panel .live-card{height:var(--card-h-field);scroll-snap-align:start;cursor:pointer;touch-action:pan-x;-webkit-tap-highlight-color:transparent;flex:none;transition:translate .12s ease-out}.live-tray-panel .live-card.is-picked{translate:0 -12%}@property --stage-cqw{syntax:"<length>";inherits:true;initial-value:0}.live-tray-panel{--stage-cqw:1cqw}.live-tray-panel.is-choose .live-card.is-picked{border-radius:var(--card-radius,4%);overflow:visible;box-shadow:0 0 0 .15cqw #d9b3ffb3,0 0 .6cqw .15cqw #d9b3ff80,0 0 1.1cqw .3cqw #c07aff4d}.live-tray-panel.is-choose .live-card.is-picked:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 calc(var(--stage-cqw) * .2) #d9b3fff2,0 0 calc(var(--stage-cqw) * .9) calc(var(--stage-cqw) * .3) #d9b3ffcc,0 0 calc(var(--stage-cqw) * 1.6) calc(var(--stage-cqw) * .55) #c07affb3;animation:1.1s ease-in-out 5.25 forwards live-tray-pick;position:absolute;inset:0}@keyframes live-tray-pick{0%,to{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.live-tray-panel .live-card{transition:none}.live-tray-panel.is-choose .live-card.is-picked{box-shadow:0 0 0 .2cqw #d9b3fff2,0 0 .9cqw .3cqw #d9b3ffcc,0 0 1.6cqw .55cqw #c07affb3}.live-tray-panel.is-choose .live-card.is-picked:after{display:none}}.mobile-perf-overlay{left:50%;top:calc(env(safe-area-inset-top,0px) + 2px);z-index:2147483647;pointer-events:none;color:#d9f99d;text-align:center;background:#000000c4;border-radius:6px;gap:1px;max-width:70vw;padding:3px 8px;font:600 10px/1.25 ui-monospace,Consolas,monospace;display:grid;position:fixed;translate:-50%}.mobile-perf-overlay b{color:#fde68a;font-size:11px}.mobile-perf-overlay span{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.live-card-info{z-index:10;pointer-events:auto;width:21%;position:absolute;top:50%;left:.8%;translate:0 -50%}.live-card-info .m-card-inspection{box-shadow:0 2px 5px #0009,inset 0 0 0 1px #ffffff59,0 .8cqw 3.2cqw #000c}.m-card-face.m-card-inspection{aspect-ratio:5/7;--art-radius:3cqw;border-radius:3%/2.2%;width:100%;height:auto}.m-card-inspection .inspection-header{z-index:2;height:6%;color:var(--frame-dark);text-shadow:0 1px #ffffffa6;justify-content:space-between;align-items:center;gap:3cqw;display:flex;position:absolute;top:1.5%;left:6%;right:6%}.m-card-inspection .inspection-header>strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:5cqw;line-height:1.15;overflow:hidden}.m-card-inspection .inspection-header .card-corner-cost{height:auto;color:var(--frame-dark);text-shadow:0 1px #ffffffa6;flex-shrink:0;gap:1cqw;font-size:5cqw;position:static}.m-card-inspection .card-corner-cost:before{flex-basis:3.5cqw;width:3.5cqw;height:5.5cqw}.m-card-inspection .card-art-window{aspect-ratio:9/10;box-sizing:content-box;height:auto;inset:12cqw 14.35% auto}.m-card-inspection .card-corner-rank{--d:18cqw;--n:18cqw;font-size:12cqw;top:84.08cqw}.m-card-inspection:not(.has-summary) .card-corner-rank.rank-wide{font-size:9cqw}.m-card-inspection .card-inscription.inspection-effect-frame{background:linear-gradient(#fff9ec80,#fff9ec80),linear-gradient(110deg,var(--effect-fill-start),var(--effect-fill-end));border-radius:1.5cqw;flex-direction:column;padding:2cqw 3cqw 3cqw;display:flex;inset:93.08cqw 3% 2cqw;overflow:hidden}.m-card-inspection .inspection-effect{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;color:#40372b;min-height:0;text-shadow:none;user-select:text;flex:1;font-size:4.7cqw;line-height:1.5;overflow:hidden auto}.m-card-inspection .inspection-effect p{margin:0 0 .7em}.m-card-inspection .inspection-effect p:last-child{margin-bottom:0}.m-card-inspection .inspection-effect-label{color:#49321f;margin-bottom:.3em;font-weight:800;line-height:1.35;display:block}.m-card-inspection.card-type-action .inspection-effect{color:#293c4c}.m-card-inspection.card-type-action .inspection-effect-label{color:#173f60}.m-card-inspection.card-type-support .inspection-effect{color:#34422f}.m-card-inspection.card-type-support .inspection-effect-label{color:#294c27}.m-card-inspection.card-type-reaction .inspection-effect{color:#503532}.m-card-inspection.card-type-reaction .inspection-effect-label{color:#692d2b}.live-card-info .m-card-inspection .card-art-window{background-image:var(--art-placeholder,none);background-position:50%;background-size:cover}.effect-destroy-burst{z-index:3000;pointer-events:none;width:190px;height:190px;box-shadow:none;animation:hanoris-destroy-sprite var(--destroy-sprite-duration,.72s) steps(9,end) forwards;background-color:#0000;background-image:url(/assets/destroy-burst-sprite-Dh8TNa2p.png);background-position:0 0;background-repeat:no-repeat;background-size:1000% 100%;border-radius:0;position:fixed}.flip-effect-wave{z-index:2990;pointer-events:none;background:radial-gradient(circle,#ffffeef2 0 5%,#7ee0ffb8 10%,#5bbcff4d 34%,#0000 68%);border:2px solid #a4ebffb8;border-radius:50%;width:190px;height:190px;position:fixed;box-shadow:0 0 26px #77daffe6,inset 0 0 24px #dafaffbf}.tribute-light-ring{z-index:2992;pointer-events:none;background:radial-gradient(circle,#f5e1ffe0 0 5%,#c07aff7a 14%,#8541d633 42%,#0000 70%);border:2px solid #cd97ffdb;border-radius:50%;width:150px;height:150px;position:fixed;box-shadow:0 0 22px #ad5bffd1,inset 0 0 19px #e5c3ffad}.card-burn-front{z-index:3200;pointer-events:none;filter:drop-shadow(0 -5px 6px #ef692c);background:radial-gradient(at 15% 70%,#fff3aa 0,#ff9127 9%,#0000 26%),radial-gradient(at 48% 60%,#fff8ba 0,#ff7524 14%,#0000 40%),radial-gradient(at 80% 75%,#ffcc45 0,#ed4821 12%,#0000 35%);height:30px;position:fixed}.card-burn-front:before{content:"";background:radial-gradient(at 20% 75%,#ffb64c88,#0000 30%),radial-gradient(at 70% 85%,#ffda6288,#0000 35%);position:absolute;inset:-18px 0 2px}.effect-heal-burst{z-index:3000;pointer-events:none;background:url(/assets/heal-burst-sprite-brKht47l.png) 0 0/1000% 100% no-repeat;width:170px;height:170px;animation:.9s steps(9,end) forwards hanoris-heal-sprite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hanoris-destroy-sprite{to{background-position:100% 0}}@keyframes hanoris-heal-sprite{0%{opacity:0;background-position:0 0}10%{opacity:1}99%{opacity:1}to{opacity:0;background-position:100% 0}}.damage-heart{z-index:30;color:#ff4f68;text-shadow:0 2px 4px #000000e6,0 0 12px #ff4f6894;white-space:nowrap;pointer-events:none;align-items:center;gap:3px;font-size:29px;font-weight:900;line-height:1;animation:1s ease-out forwards damage-heart-float;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.damage-heart-value{letter-spacing:-.05em}.damage-heart-icon{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 5px #f04c6847);width:1.05em;height:1.05em;display:inline-block;position:relative}@keyframes damage-heart-float{0%{opacity:0;transform:translate(-50%,-25%)scale(.7)}18%{opacity:1;transform:translate(-50%,-55%)scale(1.14)}72%{opacity:1;transform:translate(-50%,-95%)scale(1)}to{opacity:0;transform:translate(-50%,-135%)scale(.9)}}.value-delta-indicator{z-index:40;pointer-events:none;color:#f7fbff;text-shadow:0 0 7px,0 2px 3px #000000e6;white-space:nowrap;align-items:center;gap:4px;font-size:18px;font-weight:900;line-height:1;animation:1s ease-out forwards value-delta-float;display:inline-flex;position:absolute;top:35%;left:50%}.value-delta-indicator.positive{color:#86efac}.value-delta-indicator.negative{color:#fb825d}.value-delta-icon{object-fit:contain;vertical-align:middle;width:1em;height:1em}.value-delta-text{display:inline-block}@keyframes value-delta-float{0%{opacity:0;transform:translate(-50%,8px)scale(.72)}18%{opacity:1;transform:translate(-50%)scale(1.16)}72%{opacity:1;transform:translate(-50%,-18px)scale(1)}to{opacity:0;transform:translate(-50%,-30px)scale(.9)}}@media (prefers-reduced-motion:reduce){.effect-destroy-burst,.effect-heal-burst{animation:none}}.loading-screen{color:var(--text-hi);font-family:var(--font-ui);background:var(--ink-0) center/cover no-repeat;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.loading-screen:before{content:"";pointer-events:none;background:linear-gradient(#05070d00 52%,#05070d59 74%,#05070dd9 100%);position:absolute;inset:0}.loading-bottom{z-index:1;left:50%;bottom:max(calc(22 * var(--u)),20px);margin-bottom:env(safe-area-inset-bottom,0px);gap:3px;width:80vw;display:grid;position:absolute;translate:-50%}.loading-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.loading-head:not(:has(.loading-percent)){justify-content:center}.loading-bottom strong{font:500 10px/1.9 var(--font-ui);letter-spacing:.28em;text-transform:uppercase}.loading-title{background:linear-gradient(100deg,#e6c484 0%,#fff3d6 38%,#fff 50%,#fff3d6 62%,#e6c484 100%) 0 0/250% 100%;color:#0000;filter:drop-shadow(0 0 6px #ffd68c59);-webkit-background-clip:text;background-clip:text}.loading-shine{background:linear-gradient(100deg,#fff0 42%,#fff 50%,#fff0 58%) 160% 0/250% 100% no-repeat;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.6s linear 2 loading-shine}.loading-percent{font:500 10px/1.9 var(--font-ui);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--champagne-hi)}.loading-meta{font:400 9.5px var(--font-ui);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#f2f4f8b8;justify-self:end;margin-top:2px}.loading-bottom small{font:400 11px/1.5 var(--font-ui);color:var(--text-mid);text-align:center;margin-top:6px}.loading-bar{background:#ffffff1a;border-radius:99px;width:100%;height:2px;position:relative;overflow:hidden}.loading-bar>span{border-radius:inherit;background:var(--champagne);width:100%;translate:calc(var(--p,0%) - 100%) 0;transition:translate .24s ease-out;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #e6c48499}.loading-bar.is-unknown>span{width:28%;animation:1.5s ease-in-out infinite loading-sweep;translate:-100%}@keyframes loading-sweep{0%{translate:-100%}to{translate:357.143%}}@keyframes loading-shine{0%{background-position:100% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.loading-bar.is-unknown>span{animation:none}}.loading-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}:root{--u:min(calc(100vw / 854),calc(100vh / 384))}.ui-toast.mx-glass{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;box-sizing:border-box;max-width:min(420px,80vw);color:var(--text-hi);font:500 11px/1.35 var(--font-ui);letter-spacing:.02em;-webkit-backdrop-filter:none;background:#0a0f1be6;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 13px;animation:2.6s both ui-toast;display:flex;position:fixed;translate:-50%}.ui-toast .mx-icon{color:var(--champagne);flex:none}.ui-toast.is-error{border-color:#ff8c7859}.ui-toast.is-error .mx-icon{color:#ff9d8a}.ui-toast.is-reward{border-color:#e6c48473}.ui-toast.is-reward span{color:var(--champagne-hi);font-weight:600}@keyframes ui-toast{0%{opacity:0;transform:translateY(8px)}8%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)}}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-toast{animation:none}}.mt-strip{--mt-accent:var(--champagne);--glass-tint:#0a0f1b9e;background:var(--glass-tint);border:1px solid #ffffff1a;border-radius:11px;align-items:stretch;min-width:0;animation:.25s ease-out ui-fade;display:flex;position:relative;overflow:hidden}.mt-strip:before{content:"";background:var(--mt-accent);width:2px;box-shadow:0 0 6px var(--mt-accent);border-radius:2px;position:absolute;top:8px;bottom:8px;left:0}.mt-strip.is-notice{border-color:#e6c4844d}.mt-strip.is-drain{--mt-accent:#f0a14f;--glass-tint:#1c120aa8;border-color:#f0a14f6b}.mt-strip.is-info{--mt-accent:#9cc3ec}.mt-strip-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:6px 10px 6px 13px;display:flex}.mt-strip-main:active{transform:scale(.985)}.mt-strip-icon{color:var(--mt-accent);flex:none}.mt-strip-text{flex:1;gap:1px;min-width:0;display:grid}.mt-strip-text strong{white-space:nowrap;text-overflow:ellipsis;font:600 9px/1.6 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-hi);overflow:hidden}.mt-strip-text small{white-space:nowrap;text-overflow:ellipsis;font:400 9.5px/1.4 var(--font-ui);color:var(--text-mid);overflow:hidden}.mt-strip.is-info .mt-strip-text small{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.mt-strip-count{font:600 11px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--mt-accent);flex:none;font-style:normal}.mt-strip-close{width:30px;color:var(--text-mid);background:0 0;border:0;border-left:1px solid #ffffff14;flex:none;place-items:center;padding:0;display:grid}.mt-dialog .mx-dialog-body{gap:8px;display:grid}.mt-dialog .mx-dialog-body p{margin:0}.mt-dialog-message{color:var(--text-hi);white-space:pre-line}.mt-schedule{gap:5px;margin:0;display:grid}.mt-schedule-row{background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.mt-schedule-row dt{color:var(--text-mid)}.mt-schedule-row dd{color:var(--text-hi);font-variant-numeric:tabular-nums;text-align:right;justify-items:end;margin:0;display:grid}.mt-schedule-row dd small{color:var(--champagne);font-size:10px}.mt-screen{z-index:30;color:var(--text-hi);font-family:var(--font-ui);background:var(--ink-0) var(--ui-background) center/cover no-repeat;user-select:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.mt-screen:before{content:"";pointer-events:none;background:radial-gradient(70% 85%,#05070d99,#05070deb);position:absolute;inset:0}.mt-screen button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}.mt-panel{box-sizing:border-box;text-align:center;justify-items:center;gap:8px;width:min(460px,84vw);max-height:calc(100% - 24px);padding:18px 22px 14px;display:grid;position:relative;overflow-y:auto}.mt-panel.mx-glass{-webkit-backdrop-filter:none;background:#0a0f1be6}.mt-panel-mark{width:44px;height:44px;color:var(--champagne);background:radial-gradient(circle,#e6c48429,#e6c48400 70%);border:1px solid #e6c48473;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 22px #e6c4842e}.mt-panel h1{font-size:11px}.mt-message{max-width:380px;font:400 12px/1.55 var(--font-ui);color:var(--text-hi);white-space:pre-line;margin:0}.mt-facts{font:400 10.5px/1.4 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text-mid);justify-items:center;gap:4px;display:grid}.mt-facts span{align-items:center;gap:6px;display:inline-flex}.mt-facts .mx-icon{color:var(--champagne);flex:none}.mt-facts .is-checking .mx-icon{animation:1s linear infinite mt-spin}.mt-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.mt-foot{max-width:400px;font:400 9.5px/1.45 var(--font-ui);color:var(--text-low)}.mt-reconnecting{left:50%;top:calc(8px + env(safe-area-inset-top,0px));z-index:45;color:var(--text-hi);font:500 10.5px/1.3 var(--font-ui);pointer-events:none;background:#0a0f1bcc;border:1px solid #f0a14f73;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;animation:.2s ease-out ui-fade;display:flex;position:fixed;translate:-50%}.mt-reconnecting .mx-icon{color:#f0a14f;flex:none;animation:1s linear infinite mt-spin}.mx-button.is-paused{opacity:.45}.mt-note{font:400 11px/1.45 var(--font-ui);color:var(--text-hi);text-align:left;background:#1c120a8c;border:1px solid #f0a14f61;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 12px;display:flex}.mt-note .mx-icon{color:#f0a14f;flex:none}@keyframes mt-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mt-facts .is-checking .mx-icon,.mt-reconnecting .mx-icon{animation:none}}.home{background:var(--ink-0) center/cover no-repeat;color:var(--text-hi);font-family:var(--font-ui);user-select:none;--veil-left:linear-gradient(90deg,#05070d9e 0,#05070d00 30%);--veil-right:linear-gradient(270deg,#05070d73 0,#05070d00 34%);--veil-top:linear-gradient(180deg,#05070d99 0,#05070d00 22%);--veil-bottom:linear-gradient(0deg,#05070d9e 0,#05070d00 30%);position:fixed;inset:0;overflow:hidden}.home:before{content:"";pointer-events:none;background:var(--veil-left),var(--veil-right),var(--veil-top),var(--veil-bottom);position:absolute;inset:0}.home button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}.home-safe{inset:calc(12px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));position:absolute}.hx-profile:active,.hx-top-button:active,.hx-social-link:active,.hx-nav-button:active,.hx-chip:active,.hx-play-button:active,.hx-drawer-item:active,.hx-mode:active,.hx-currency button:active{transform:scale(.97)}.hx-profile,.hx-currency,.hx-top-button,.hx-nav-button,.hx-chip,.hx-social-link{--glass-tint:#0a0f1b8c;border:1px solid #ffffff1a}.hx-profile,.hx-currency,.hx-top-button,.hx-nav-button,.hx-chip,.hx-play .mt-strip,.hx-social-link{--veil-at:calc(0px - var(--glass-x,0px)) calc(0px - var(--glass-y,0px));--veil-size:var(--home-w,0px) var(--home-h,0px);background:linear-gradient(var(--glass-tint,#0a0f1b8c),var(--glass-tint,#0a0f1b8c)), var(--veil-left) var(--veil-at)/var(--veil-size) no-repeat,var(--veil-right) var(--veil-at)/var(--veil-size) no-repeat, var(--veil-top) var(--veil-at)/var(--veil-size) no-repeat,var(--veil-bottom) var(--veil-at)/var(--veil-size) no-repeat, var(--ui-home-key-blur,none) calc(var(--art-x,0px) - var(--glass-x,0px)) calc(var(--art-y,0px) - var(--glass-y,0px))/var(--art-w,0px) var(--art-h,0px) no-repeat;background-origin:border-box}.hx-profile{text-align:left;border-radius:22px;align-items:center;gap:8px;height:44px;padding:0 14px 0 2px;display:flex;position:absolute;top:0;left:0}.hx-avatar{width:42px;height:42px}.hx-profile-text{gap:4px;display:grid}.hx-profile-text strong{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font:600 12.5px/1.2 var(--font-ui);color:var(--text-hi);overflow:hidden}.hx-level{align-items:center;gap:7px;display:flex}.hx-level b{font:600 9.5px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--champagne)}.hx-xp{background:#ffffff24;border-radius:2px;width:84px;height:2px;display:block;overflow:hidden}.hx-xp span{background:var(--champagne);height:100%;display:block;box-shadow:0 0 6px #e6c484b3}.hx-guest-cta{font:600 10px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--champagne)}.hx-top-right{align-items:center;gap:6px;display:flex;position:absolute;top:4px;right:0}.hx-currency{height:30px;font:600 11.5px var(--font-ui);font-variant-numeric:tabular-nums;border-radius:15px;align-items:center;gap:6px;padding:0 3px 0 7px;display:flex}.hx-currency>span{min-width:34px}.hx-currency-icon{background:var(--ui-coin) center/contain no-repeat;flex:none;width:17px;height:17px}.hx-currency.is-diamond .hx-currency-icon{background-image:var(--ui-crystal)}.hx-currency button{width:22px;height:22px;color:var(--champagne);background:#e6c4842e;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.hx-divider{background:#ffffff24;width:1px;height:18px;margin:0 2px}.hx-top-button{width:32px;height:32px;color:var(--text-hi);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.hx-badge{box-sizing:border-box;color:#fff;min-width:15px;height:15px;font:700 8.5px/1 var(--font-ui);background:#e2574c;border-radius:8px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #05070dcc}.hx-nav{gap:7px;display:grid;position:absolute;top:70px;left:0}.hx-nav-button{text-align:left;white-space:nowrap;width:172px;height:38px;font:600 9px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-hi);border-radius:11px;align-items:center;gap:10px;padding:0 12px;transition:background-color .15s,border-color .15s;display:flex;position:relative}.hx-nav-button>.mx-icon{color:var(--champagne);flex:none}.hx-nav-button:before{content:"";background:var(--champagne);opacity:0;border-radius:2px;width:2px;transition:opacity .15s;position:absolute;top:10px;bottom:10px;left:0}.hx-nav-button:active:before,.hx-nav-button:hover:before{opacity:1}.hx-nav-button>.hx-badge{top:-5px;right:-5px}.hx-event{width:256px;position:absolute;top:46px;right:0}.hx-event-view{touch-action:pan-y;user-select:none;background:#0a0f1c;border:1px solid #ffffff1f;border-radius:14px;height:132px;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000073}.hx-event-track{will-change:transform;height:100%;display:flex}.hx-event-track.is-sliding{transition:transform .32s cubic-bezier(.22,.8,.24,1)}.hx-event-slide{-webkit-touch-callout:none;background:#0a0f1c;border:0;flex:none;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.hx-event-art{pointer-events:none;background:50%/cover no-repeat;position:absolute;inset:0}.hx-event-text{text-align:left;background:linear-gradient(#05070d00,#05070deb);gap:3px;padding:26px 12px 9px;display:grid;position:absolute;bottom:0;left:0;right:0}.hx-event-text strong{font:600 12px/1.25 var(--font-ui);color:var(--text-hi)}.hx-event-text small{-webkit-line-clamp:2;font:400 9.5px/1.4 var(--font-ui);color:var(--text-mid);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hx-event-dots{justify-content:center;gap:2px;margin-top:5px;display:flex}.hx-event-dots button{background:0 0;border:0;place-items:center;width:16px;height:10px;padding:0;display:grid}.hx-event-dots button:after{content:"";background:#ffffff59;border-radius:2px;width:14px;height:2px;transition:transform .2s;transform:scaleX(.3571)}.hx-event-dots button.is-current:after{background:var(--champagne);transform:none}.hx-play{gap:7px;width:256px;display:grid;position:absolute;bottom:0;right:0}.hx-chips{grid-template-columns:1fr 1fr;gap:6px;display:grid}.hx-chip{min-width:0;height:30px;font:500 10.5px var(--font-ui);color:var(--text-hi);text-align:left;border-radius:9px;align-items:center;gap:6px;padding:0 10px;display:flex}.hx-chip>.mx-icon{color:var(--champagne);flex:none}.hx-chip>span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hx-chip>.hx-chip-more{color:var(--text-mid)}.hx-play-button{color:#1b1306;background:linear-gradient(#f2d79c,#e6c484 55%,#c99e5c);border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #e6c48440,inset 0 1px #ffffff8c}.hx-play-button>strong{font:700 14px/1.6 var(--font-ui);letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;padding-left:.3em}.hx-play-button:after{content:"";pointer-events:none;will-change:transform;background:linear-gradient(100deg,#0000 35%,#ffffff8c 50%,#0000 65%);width:60%;position:absolute;top:0;bottom:0;left:-48%}.hx-play-button.is-shining:after{animation:1.92s ease-in-out hx-play-shine}@keyframes hx-play-shine{to{transform:translate(226.667%)}}.hx-play-button.is-paused{filter:saturate(.2)brightness(.62);box-shadow:none}.hx-play-button.is-paused:after{background:0 0;animation:none}.hx-scrim{z-index:40;background:#03050a8c;place-items:center;animation:.18s ease-out ui-fade;display:grid;position:fixed;inset:0}.hx-scrim.is-side{place-items:stretch end}.hx-sheet{box-sizing:border-box;width:min(420px,86vw);max-height:86vh;padding:16px 16px 12px;overflow:auto}.hx-sheet.mx-glass{-webkit-backdrop-filter:none;background:#0a0f1be6}.hx-sheet.is-modes{width:min(600px,92vw);max-height:none;padding:12px 14px;overflow:visible}.hx-sheet>header,.hx-drawer>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hx-close{width:28px;height:28px;color:var(--text-mid);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;place-items:center;padding:0;display:grid}.hx-mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.hx-mode{text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:12px;min-height:46px;padding:7px 12px;display:flex}.hx-mode>.mx-icon{color:var(--champagne);flex:none}.hx-mode.is-current{background:#e6c48414;border-color:#e6c4848c}.hx-mode>span{flex:1;gap:2px;display:grid}.hx-mode strong{font:600 12px var(--font-ui);color:var(--text-hi)}.hx-mode small{font:400 9.5px/1.4 var(--font-ui);color:var(--text-mid)}.hx-mode em{font:500 8.5px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);background:#ffffff12;border-radius:6px;flex:none;padding:3px 7px;font-style:normal}.hx-mode em.is-paused{color:#f0b878;background:#f0a14f29}.hx-drawer{box-sizing:border-box;width:230px;height:100%;padding:16px 14px 14px;padding-right:calc(14px + env(safe-area-inset-right,0px));background:#0a0f1beb;border-left:1px solid #ffffff1a;flex-direction:column;gap:2px;animation:.2s ease-out hx-slide;display:flex}.hx-drawer-item{height:38px;font:500 11.5px var(--font-ui);color:var(--text-hi);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:0 10px;display:flex}.hx-drawer-item>.mx-icon{color:var(--champagne)}.hx-drawer-item.is-quiet{color:#f0a596;margin-top:auto}.hx-drawer-item.is-quiet>.mx-icon{color:#f0a596}@keyframes hx-slide{0%{opacity:0;transform:translate(40%)}}@media (prefers-reduced-motion:reduce){.hx-play-button.is-shining:after{animation:none}}.reduced-effects .hx-play-button.is-shining:after{animation:none}.hx-social{gap:6px;display:flex;position:absolute;bottom:11px;left:0}.hx-social-link{width:32px;height:32px;color:var(--text-hi);-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.hx-social-link .social-icon{opacity:.78;width:16px;height:16px;display:block}.hx-social-link .social-icon.is-zaloGroup{width:19px;height:19px}.hx-social-link:focus-visible{outline:2px solid var(--champagne,#e9d29a);outline-offset:2px}.lite{aspect-ratio:var(--card-ratio,.729);border-radius:var(--card-radius,6%);display:block;position:relative}.lite>.lite-face{box-sizing:border-box;width:100%;height:100%;position:absolute;inset:0}.lite.no-rank .card-corner-rank{display:none}.lite{container-type:inline-size}.page-card{width:100%;height:100%;display:block}.is-ok{color:#8fd8a6}.is-bad{color:#f0b37a}.lib{flex:1;grid-template-columns:minmax(0,1fr) min(330px,40%);gap:10px;min-height:0;display:grid}.lib-browser,.lib-detail{border-radius:14px;flex-direction:column;min-height:0;display:flex}.lib-browser{padding:10px 4px 0 10px;position:relative}.lib-tools{align-items:center;gap:6px;padding-right:6px;display:flex}.lib-filters{background:#ffffff0a;border-radius:9px;gap:2px;padding:2px;display:flex}.lib-filters button{height:24px;color:var(--text-mid);font:500 10px var(--font-ui);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:0 9px}.lib-filters button.is-current{color:var(--text-hi);background:#e6c48429}.lib-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e6c48459 transparent;-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));align-content:start;gap:12px 10px;min-height:0;padding:12px 8px 20px 2px;display:grid;overflow-y:auto}.lib-card{content-visibility:auto;contain-intrinsic-size:auto 64px auto var(--lib-cell-h,108px);background:0 0;border:0;align-content:start;gap:7px;padding:0;transition:transform .12s;display:grid;position:relative}.lib-card:active{transform:scale(.96)}.lib-card.is-selected .lib-card-face{outline:2px solid var(--champagne);outline-offset:-2px}.lib-card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 8.5px var(--font-ui);color:var(--text-mid);text-align:center;display:block;overflow:hidden}.lib-card.is-selected .lib-card-name{color:var(--champagne)}.lib-grid>.lib-empty{grid-column:1/-1}.lib-empty{font:400 11px/1.5 var(--font-ui);color:var(--text-mid);text-align:center;margin:auto;padding:20px}.lib-detail{gap:10px;padding:12px;overflow:hidden}.lib-info-head{align-items:stretch;gap:12px;display:flex}.lib-info-face{width:118px;aspect-ratio:var(--card-ratio,.729);flex:none}.lib-info-title{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.lib-info-title h2{font:600 14px/1.3 var(--font-ui);color:var(--text-hi);margin:0}.lib-info-tags{flex-wrap:wrap;gap:4px;display:flex}.lib-info-tags span{color:var(--champagne);font:500 9.5px var(--font-ui);background:#e6c4841f;border-radius:6px;padding:3px 7px}.lib-info-title small{font:400 9px var(--font-ui);letter-spacing:.08em;color:var(--text-low)}.lib-info-text{scrollbar-width:thin;scrollbar-color:#e6c48459 transparent;border-top:1px solid #ffffff14;flex:1;min-height:0;padding-top:10px;overflow-y:auto}.lib-info-text p{font:400 11.5px/1.6 var(--font-ui);color:#e6e9f0;margin:0 0 7px}.decks{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.decks-head{font:500 10px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mid);justify-content:space-between;align-items:center;display:flex}.decks-rows{flex:1;align-content:start;gap:7px;min-height:0;display:grid;overflow-y:auto}.decks-row{box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:8px 10px 8px 14px;display:flex}.decks-row>.mx-icon{color:var(--champagne);flex:none}.decks-row.is-default{border-color:#e6c48480}.decks-name{flex:1;gap:3px;min-width:0;display:grid}.decks-name strong{text-overflow:ellipsis;white-space:nowrap;font:600 12px var(--font-ui);overflow:hidden}.decks-name small{font:400 9.5px var(--font-ui)}.decks-name small.is-ok{color:#8fd8a6}.decks-name small.is-bad{color:#f0b37a}.decks-default{color:var(--champagne);font:600 9px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;background:#e6c48429;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-style:normal;display:flex}.decks-row .mx-button{min-height:30px;padding:0 12px}.mx-round.is-danger{color:#f0a596}.lib-count{font:500 9.5px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);white-space:nowrap}.lib-tools .lib-filters{margin-right:auto}.lib-filter-button{width:30px;height:28px;color:var(--text-mid);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9px;flex:none;place-items:center;padding:0;display:grid;position:relative}.lib-filter-button.is-active{color:var(--champagne);border-color:#e6c4848c}.lib-filter-badge{box-sizing:border-box;background:var(--champagne);color:#1b1306;min-width:14px;height:14px;font:700 8.5px/1 var(--font-ui);border-radius:7px;place-items:center;padding:0 3px;display:grid;position:absolute;top:-5px;right:-5px}.lib-sheet{box-sizing:border-box;flex-direction:column;gap:12px;width:min(560px,90vw);max-height:88vh;padding:16px;display:flex}.lib-sheet>header{justify-content:space-between;align-items:center;display:flex}.lib-sheet-panels{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid;overflow-y:auto}.lib-sheet-panels section{align-content:start;gap:8px;display:grid}.lib-sheet-panels section+section{border-left:1px solid #ffffff14;padding-left:16px}.lib-sheet h3{font:600 9px var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--text-low);margin:4px 0 0}.lib-tags,.lib-orders{flex-wrap:wrap;gap:5px;display:flex}.lib-tags button,.lib-orders button{height:26px;color:var(--text-mid);font:500 10px var(--font-ui);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:0 11px}.lib-tags button.is-on,.lib-orders button.is-on{color:var(--text-hi);background:#e6c48429;border-color:#e6c48499}.lib-orders{flex-direction:column;align-items:stretch}.lib-orders button{text-align:left}.lib-sheet-empty{font:400 11px/1.5 var(--font-ui);color:var(--text-mid);margin:8px 0}.lib-sheet>footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.lib-sheet-wish{height:26px;color:var(--text-mid);font:500 10px var(--font-ui);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;margin-right:auto;padding:0 11px;display:flex}.lib-sheet-wish .mx-icon{color:var(--champagne)}.lib-sheet-wish.is-on{color:var(--text-hi);background:#e6c48429;border-color:#e6c48499}.lib-sheet-wish.is-on .mx-icon{fill:currentColor}.lib-more{grid-column:1/-1;height:1px}.lib-tool-button{min-width:30px;height:28px;color:var(--text-mid);font:500 10px var(--font-ui);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:flex}.lib-tool-button.is-exit{color:var(--champagne);border-color:#e6c48480}.lib.is-compact{grid-template-columns:1fr}.lib.is-compact .lib-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}.lib-chunk{display:contents}.lib-grid[hidden]{content-visibility:hidden;pointer-events:none;display:grid;position:absolute;inset:48px 4px 0 10px}.m-card-inspection.has-summary .card-art-window{aspect-ratio:9/10;box-sizing:content-box;height:auto;top:17.48cqw;left:11%;right:11%}.m-card-inspection.has-summary .inspection-header{top:2.5%}.m-card-inspection.has-summary .card-corner-rank{--d:23cqw;--n:20.6cqw;font-size:calc(var(--n) * .655);top:96.5cqw}.m-card-inspection.has-summary .card-inscription.inspection-effect-frame{justify-content:center;padding:0 3.5cqw;top:108cqw;bottom:3cqw}.m-card-inspection.has-summary .inspection-effect.is-summary{flex:none;height:3em;font-size:max(6cqw,8px);font-weight:800;line-height:1.5;overflow:hidden}.m-card-inspection.has-summary .inspection-effect.is-summary p{margin:0}.lib-wish{height:28px;color:var(--champagne);font:600 9.5px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:#e6c48414;border:1px solid #e6c48466;border-radius:9px;align-items:center;gap:6px;margin-top:auto;padding:0 12px;display:flex}.lib-wish.is-on{background:var(--champagne);border-color:var(--champagne);color:#1b1306}.lib-wish.is-on .mx-icon{fill:currentColor}.lib-wish-mark{z-index:3;color:#3b2a10;background:linear-gradient(#ffffff80,#fff0 55%),linear-gradient(170deg,#fff6dc,#e6c484 55%,#b98d4e);border-radius:0 4cqw 0 9cqw;place-items:center;width:22cqw;height:20cqw;display:grid;position:absolute;top:0;right:0;box-shadow:0 1px 3px #00000080}.lib-wish-mark .mx-icon{fill:currentColor;width:12cqw;height:12cqw}.lib-cell{display:grid;position:relative;container-type:inline-size}.lib-cell .lib-card-info{z-index:2;width:29cqw;height:27cqw;color:var(--text-hi);font:800 19cqw/1 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);background:#080c16d1;border:0;border-radius:4cqw 0 11cqw;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0;box-shadow:0 1px 3px #00000080}.lib-cell .lib-card-info:before{content:"";position:absolute;inset:0 -6px -6px 0}.lib-card-name b{color:var(--champagne);margin-left:4px;font-weight:700}.lib-card-name:has(b){justify-content:center;display:flex}.lib-card-name:has(b) span{text-overflow:ellipsis;min-width:0;overflow:hidden}.lib-tool-button.is-wish{justify-content:center;width:30px;padding:0}.lib-tool-button.is-wish.is-on{color:var(--champagne);background:#e6c48429;border-color:#e6c48499}.lib-tool-button.is-wish.is-on .mx-icon{fill:currentColor}.deck-panel{border-radius:14px;flex-direction:column;gap:9px;min-height:0;padding:12px;display:flex}.deck-name{height:32px;color:var(--champagne);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:8px;padding:0 11px;display:flex}.deck-name:focus-within{border-color:#e6c4848c}.deck-name input{min-width:0;height:100%;color:var(--text-hi);font:600 12px var(--font-ui);background:0 0;border:0;outline:0;flex:1;padding:0}.deck-name input::placeholder{color:var(--text-low);font-weight:400}.deck-meter{font:600 9.5px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#f0b37a;gap:5px;display:grid}.deck-meter.is-ok{color:#8fd8a6}.deck-meter i{background:#ffffff14;border-radius:1px;height:2px;display:block;overflow:hidden}.deck-meter b{transform-origin:0;background:currentColor;height:100%;transition:transform .2s;display:block}.deck-cards{scrollbar-width:thin;scrollbar-color:#e6c48459 transparent;overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));align-content:start;gap:6px;min-height:0;margin-right:-6px;padding:2px 6px 4px 2px;display:grid;overflow-y:auto}.deck-cards>.deck-hint{grid-column:1/-1}.deck-hint{font:400 10.5px/1.5 var(--font-ui);color:var(--text-mid);text-align:center;margin:auto 0;padding:16px 4px}.deck-card{aspect-ratio:var(--card-ratio,.729);border-radius:var(--card-radius,6%);background:0 0;border:0;padding:0;animation:.18s ease-out deck-card-in;position:relative}.deck-card:active{transform:scale(.94)}.deck-card-missing{border-radius:inherit;font:500 7px var(--font-ui);color:var(--text-low);background:#ffffff0f;place-items:center;display:grid;position:absolute;inset:0}@keyframes deck-card-in{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.deck-card{animation:none}}.deck-editor .lib{grid-template-columns:minmax(0,1fr) min(250px,34%)}.lib-peek{box-sizing:border-box;flex-direction:column;gap:10px;width:min(400px,86vw);max-height:86vh;padding:14px;display:flex;position:relative}.lib-peek .lib-info-small{width:var(--peek-card,64px);flex:none;align-self:flex-start}.lib-peek .lib-info-text{max-height:34vh}.lib-peek-close{width:40px;height:40px;position:absolute;top:8px;right:8px}.lib-peek-close:before{content:"";position:absolute;inset:-8px}.lib-peek .lib-info-title{padding-right:44px}.lib-peek>footer{justify-content:flex-end;display:flex}.deck-sheet{z-index:55;background:radial-gradient(ellipse 80% 70% at 50% 0%,#141c30,transparent 70%),var(--ink-0);padding:calc(10px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));flex-direction:column;gap:10px;animation:.18s ease-out ui-fade;display:flex;position:fixed;inset:0}.deck-sheet>header{align-items:center;gap:12px;min-height:32px;display:flex}.deck-sheet>header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.deck-sheet>header h2.text-shine{overflow:visible}.deck-sheet>header h2>*{text-overflow:ellipsis;min-width:0;overflow:hidden}.deck-sheet-body{--gap:6px;--card:max(24px,min(calc((100cqh - var(--gap) * (var(--rows) - 1)) / var(--rows) * .729),calc((100cqw - 262px - var(--gap) * (var(--columns) - 1)) / var(--columns))));flex:1;gap:12px;min-height:0;display:flex;container-type:size}.deck-sheet-cards{align-content:start;gap:var(--gap);grid-template-columns:repeat(var(--columns),var(--card));flex:none;display:grid}.deck-sheet-card{border-radius:var(--card-radius,6%);background:0 0;border:0;padding:0;display:block}.deck-sheet-card.is-selected .lite{box-shadow:0 0 0 2px var(--champagne),0 0 12px #e6c48473}.deck-sheet-info{flex:1;min-width:0}.card-mark{z-index:3;box-sizing:border-box;background:linear-gradient(180deg,#ffffff73,#fff0 55%),var(--mark-fill);color:#fff;border-radius:8cqw 0 4cqw;justify-content:center;align-items:center;min-width:22cqw;max-width:25cqw;height:21cqw;padding:0 2.5cqw 0 3.5cqw;font-style:normal;display:flex;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 -1px 3px #00000080}.card-mark.is-new{--mark-fill:linear-gradient(170deg,#c9a8ff,#8b5cf6 55%,#5b2bc4)}.card-mark.is-buff{--mark-fill:linear-gradient(170deg,#a5f3fc,#14b8c9 55%,#0b7c8c)}.card-mark.is-nerf{--mark-fill:linear-gradient(170deg,#ffb3e0,#e83e9c 55%,#a3166a)}.card-mark .mx-icon{filter:drop-shadow(0 .5px 1px #0009);width:16cqw;height:16cqw}.lib-info-title .card-mark{border-radius:9px;width:30px;min-width:0;max-width:none;height:30px;margin-top:auto;padding:0;position:relative;bottom:auto;right:auto}.lib-info-title .card-mark .mx-icon{width:19px;height:19px}.lib-info-title .card-mark+.lib-wish{margin-top:0}.card-mark:after{content:"";pointer-events:none;background:linear-gradient(105deg,#fff0 30%,#ffffffb3 50%,#fff0 70%);position:absolute;inset:0;transform:translate(-130%)}.is-mark-shine .card-mark:after{animation:1.4s ease-in-out card-mark-shine}@keyframes card-mark-shine{0%{transform:translate(-130%)}to{transform:translate(130%)}}@media (prefers-reduced-motion:reduce){.card-mark:after{animation:none;display:none}}.reduced-effects .card-mark:after{animation:none;display:none}.card-mark-note{font:500 10.5px/1.5 var(--font-ui);color:var(--text-mid);background:#ffffff0a;border-radius:10px;align-items:flex-start;gap:8px;margin:10px 0 0;padding:8px 10px;display:flex}.card-mark-label{letter-spacing:.04em;color:#fff;border-radius:7px;flex:none;align-items:center;gap:4px;padding:1px 8px;font-weight:700;display:inline-flex}.card-mark-note.is-new .card-mark-label{background:#8b5cf6}.card-mark-note.is-buff .card-mark-label{background:#14b8c9}.card-mark-note.is-nerf .card-mark-label{background:#e83e9c}.card-mark-reason{min-width:0;color:var(--text-hi)}.lib-card.is-locked .lite .card-artwork{filter:grayscale(.55)brightness(.75)}.lib-lock-mark{z-index:2;width:15px;height:15px;color:var(--champagne);background:#0a0c14e0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:17%;right:3px;box-shadow:0 0 0 1.5px #e6c48499}.lib-price{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;display:flex}.lib-price-tag{height:24px;font:700 11px var(--font-ui);font-variant-numeric:tabular-nums;color:var(--champagne-hi,#f3dcae);background:#e6c48414;border:1px solid #e6c48466;border-radius:12px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.lib-price .mx-button{min-height:26px;padding:0 14px;font-size:10px}.lib-price-owned{font:600 9.5px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#8fd8a6;align-items:center;gap:4px;font-style:normal;display:inline-flex}.lib-price small{font:500 9.5px var(--font-ui);color:var(--text-low)}.lib-price-note{flex-basis:100%;color:#8fd8a6!important}.lib-price-note.is-error{color:#ff9d8a!important}.lib-price-tag .shop-coin{background:var(--ui-coin) center/contain no-repeat;width:14px;height:14px;display:inline-block}.tut-contents{display:contents}.tut-ring{z-index:40;pointer-events:none;opacity:0;position:fixed;box-shadow:0 0 0 2px #ffe28ce6,0 0 10px 3px #ffd76a73}.tut-shade{z-index:40;pointer-events:none;opacity:0;will-change:transform;background:#04060c61;position:fixed;inset:0}.tut-ring:after{content:"";border-radius:inherit;opacity:.625;will-change:opacity;position:absolute;inset:0;box-shadow:0 0 30px 12px #ffd76ad9}@keyframes tut-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.tut-bubble{z-index:41;font:400 11.5px/1.42 var(--font-ui);letter-spacing:.01em;color:#f3ead8;pointer-events:auto;opacity:0;border-radius:12px;gap:6px;padding:9px 12px;display:grid;position:fixed}.tut-bubble.mx-glass{-webkit-backdrop-filter:none;background:#090c14ed}.tut-bubble p{margin:0}.tut-bubble-text{animation:.25s ease-out tut-in}.tut-bubble.is-center{width:min(360px,54vw);top:50%;left:50%;transform:translate(-50%,-50%)}.tut-bubble.is-watch{left:50%;top:max(40px,calc(env(safe-area-inset-top) + 34px));width:auto;max-width:54vw;transform:translate(-50%)}.tut-bubble.is-watch p{opacity:.9;font-style:italic}.tut-bubble-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.tut-bubble-foot small{color:#9a9384;font-size:10px}.tut-bubble .mx-button{height:28px;min-height:28px;padding:0 14px;font-size:11.5px}.tut-skip{z-index:42;top:max(6px,env(safe-area-inset-top));color:#e9dfc8;height:26px;font:500 11px var(--font-ui);background:#080a12bf;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:5px;padding:0 12px;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.tut-done{z-index:50;place-items:center;display:grid;position:fixed;inset:0}.tut-done-card{text-align:center;border-radius:16px;gap:12px;max-width:min(420px,78vw);padding:20px 22px;display:grid}.tut-done-card p{font:400 12px/1.5 var(--font-ui);margin:0}.tut-done-card .mx-button{justify-self:center}.login{color:var(--text-hi);font-family:var(--font-ui);background:var(--ink-0) var(--ui-login-key) -8vw center/auto 100% no-repeat;position:fixed;inset:0;overflow:hidden}.login:before{content:"";pointer-events:none;background:linear-gradient(90deg,#05070d00 40%,#05070d8c 100%);position:absolute;inset:0}.login-safe{inset:calc(24px + env(safe-area-inset-top,0px)) calc(32px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(32px + env(safe-area-inset-left,0px));position:absolute}.login-cards{width:0;height:0;perspective:calc(900 * var(--u));pointer-events:none;position:absolute;top:66%;left:14.5%}.login-card-back{width:calc(80 * var(--u));aspect-ratio:651/893;border-radius:calc(4 * var(--u));box-shadow:0 calc(14 * var(--u)) calc(36 * var(--u)) #0000008c,0 0 calc(20 * var(--u)) #e6c4842e;animation:6s ease-in-out infinite login-float;position:absolute;top:0;left:0;translate:-50% -50%}.login-card-back.is-0{transform:translate(calc(-52 * var(--u)),calc(10 * var(--u))) rotateY(22deg) rotateZ(-14deg) scale(.86);opacity:.92;animation-delay:-2s}.login-card-back.is-1{transform:translate(0,calc(-8 * var(--u))) rotateY(10deg) rotateZ(-2deg);z-index:1}.login-card-back.is-2{transform:translate(calc(52 * var(--u)),calc(12 * var(--u))) rotateY(-4deg) rotateZ(12deg) scale(.86);opacity:.92;animation-delay:-4s}@keyframes login-float{50%{translate:-50% calc(-50% - 6 * var(--u))}}.login-side{justify-items:center;gap:10px;width:236px;display:grid;position:absolute;top:50%;right:0;translate:0 -50%}.login-panel{--glass-line:var(--edge-bright);box-sizing:border-box;gap:10px;width:100%;padding:16px 16px 14px;display:grid}.login-panel.mx-glass{-webkit-backdrop-filter:none}.login-panel .mx-button{width:100%}.login-hint{font:400 9px/1.4 var(--font-ui);letter-spacing:.06em;color:#f2f4f88c;text-align:center;margin:0}.login-error{font:500 10.5px/1.4 var(--font-ui);color:#ffb4a6;margin:0}@media (prefers-reduced-motion:reduce){.login-card-back{animation:none}}.sp-screen{z-index:60;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));color:#efe6d2;font-family:var(--font-ui);user-select:none;--realm:#c8955a;--sp-bh:min(54vh,300px);--sp-bw:calc(var(--sp-bh) * var(--sp-ratio,.676));--sp-depth:calc(var(--sp-bw) * .26);--sp-radius:calc(var(--sp-bw) * 1.42);background:#05070d;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) min(300px,34vw);gap:0 2vw;animation:.5s ease-out both sp-in;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes sp-in{0%{opacity:0}to{opacity:1}}.is-earth{--realm:#d29a5c}.is-dark{--realm:#c2405e}.is-light{--realm:#f0d58a}.is-water{--realm:#4fb6dc}.is-nature{--realm:#6cc48c}.is-illusion{--realm:#a983e6}.sp-backdrop{pointer-events:none;background:radial-gradient(ellipse 60% 55% at 34% 58%,color-mix(in srgb,var(--realm) 22%,transparent),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 120%,#0d1220,#05070d 60%);transition:background .6s;position:absolute;inset:0}.sp-screen>:not(.sp-backdrop){position:relative}.sp-head{grid-column:1/-1;align-items:baseline;gap:14px;display:flex}.sp-head h1{font:600 11px/1 var(--font-ui);letter-spacing:.32em;text-transform:uppercase;color:#e6c484;margin:0}.sp-head span{font:400 10.5px/1 var(--font-ui);letter-spacing:.04em;color:#8f8a7e}.sp-stage{min-height:0;perspective:calc(var(--sp-bh) * 4.2);perspective-origin:50% 38%;touch-action:none;cursor:grab;place-items:center;display:grid}.sp-stage:active{cursor:grabbing}.sp-ring{width:var(--sp-bw);height:var(--sp-bh);transform-style:preserve-3d;will-change:transform;position:relative}.sp-item{transform-style:preserve-3d;--near:0;position:absolute;inset:0}.sp-box{transform-style:preserve-3d;transform:translateY(calc((1 - var(--near)) * 4%)) scale(calc(.84 + var(--near) * .16));position:absolute;inset:0}.sp-face:after{content:"";opacity:calc((1 - var(--near)) * .62);pointer-events:none;will-change:opacity;background:#03040a;position:absolute;inset:0}.sp-item.is-front .sp-box{animation:.45s ease-out both sp-lift}@keyframes sp-lift{0%{translate:0 3%}to{translate:0}}.sp-floor{left:50%;top:calc(50% + var(--sp-bh) * .5);width:calc(var(--sp-radius) * 2.6);height:calc(var(--sp-bh) * .5);pointer-events:none;background:radial-gradient(ellipse 34% 40% at 50% 40%,color-mix(in srgb,var(--realm) 34%,transparent),transparent 72%),radial-gradient(ellipse 50% 50% at 50% 50%,#000a,transparent 75%);transition:background .6s;position:absolute;transform:translate(-50%,-30%)}.sp-face{backface-visibility:hidden;position:absolute;top:50%;left:50%}.sp-front,.sp-back{width:var(--sp-bw);height:var(--sp-bh);margin:calc(var(--sp-bh) / -2) 0 0 calc(var(--sp-bw) / -2)}.sp-front{transform:translateZ(calc(var(--sp-depth) / 2));box-shadow:0 18px 40px -12px #000d}.sp-back{transform:rotateY(180deg) translateZ(calc(var(--sp-depth) / 2));box-shadow:inset 0 0 0 1px #d9bf8655,inset 0 0 0 calc(var(--sp-bw) * .04) #07090f,inset 0 0 0 calc(var(--sp-bw) * .043) #d9bf8633;background:linear-gradient(170deg,#1a1d26,#07090f 55%,#11141c);border-radius:2%;place-items:center;display:grid}.sp-back-mark{opacity:.55;width:34%}.sp-side{width:var(--sp-depth);height:var(--sp-bh);margin:calc(var(--sp-bh) / -2) 0 0 calc(var(--sp-depth) / -2);box-shadow:inset 0 0 0 1px #d9bf8640,inset 0 calc(var(--sp-bh) * .12) 0 -1px transparent;background:linear-gradient(90deg,#090b11,#171a23 45%,#0b0d13);place-items:center;display:grid}.sp-side.is-right{transform:rotateY(90deg) translateZ(calc(var(--sp-bw) / 2))}.sp-side.is-left{transform:rotateY(-90deg) translateZ(calc(var(--sp-bw) / 2))}.sp-side:before{content:"";border-left:1px solid color-mix(in srgb,var(--realm) 70%,transparent);border-right:1px solid color-mix(in srgb,var(--realm) 70%,transparent);opacity:.55;position:absolute;inset:6% 38%}.sp-side span{writing-mode:vertical-rl;font:600 calc(var(--sp-depth) * .2)/1 var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:#d9bf86;opacity:.8;white-space:nowrap}.sp-cap{width:var(--sp-bw);height:var(--sp-depth);margin:calc(var(--sp-depth) / -2) 0 0 calc(var(--sp-bw) / -2);background:linear-gradient(#1b1e28,#0a0c12);box-shadow:inset 0 0 0 1px #d9bf8638}.sp-cap.is-top{transform:rotateX(90deg) translateZ(calc(var(--sp-bh) / 2))}.sp-cap.is-bottom{transform:rotateX(-90deg) translateZ(calc(var(--sp-bh) / 2));background:#05060a}.sp-art{left:var(--sp-window-l);top:var(--sp-window-t);right:var(--sp-window-r);bottom:var(--sp-window-b);width:calc(100% - var(--sp-window-l) - var(--sp-window-r) + 2px);height:calc(100% - var(--sp-window-t) - var(--sp-window-b) + 2px);object-fit:cover;object-position:50% 22%;pointer-events:none;background:#111521;margin:-1px;position:absolute}.sp-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sp-plate{left:12%;right:12%;top:calc(100% - var(--sp-window-b) + 2%);text-align:center;align-content:center;justify-items:center;gap:3px;display:grid;position:absolute;bottom:3%}.sp-plate b{font:600 calc(var(--sp-bw) * .085)/1.1 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#ead3a0;text-shadow:0 1px #000}.sp-line{background:linear-gradient(90deg,transparent,var(--realm),transparent);width:34%;height:1px}.sp-plate small{font:500 calc(var(--sp-bw) * .05)/1 var(--font-ui);letter-spacing:.12em;color:#8f8a7e}.sp-turn{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.sp-turn.is-previous{left:2%}.sp-turn.is-next{right:2%}.sp-info{border-radius:14px;align-self:center;gap:10px;padding:16px 16px 14px;display:grid}.sp-info.mx-glass{-webkit-backdrop-filter:none;background:#0c0f18d1}.sp-realm{font:500 10px/1 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:#8f8a7e;align-items:center;gap:7px;display:inline-flex}.sp-dot{background:var(--realm);width:7px;height:7px;box-shadow:0 0 8px var(--realm);border-radius:50%;transition:background .4s,box-shadow .4s}.sp-info h2{font:600 19px/1.15 var(--font-ui);letter-spacing:.06em;color:#f3ead8;margin:0;animation:.35s ease-out both sp-text}.sp-desc{font:400 11.5px/1.5 var(--font-ui);color:#c9c1af;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;animation:.35s ease-out 50ms both sp-text;display:-webkit-box;overflow:hidden}@keyframes sp-text{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}.sp-info .mx-button{width:100%}.sp-error{font:400 11px/1.4 var(--font-ui);color:#ff9a8a;margin:0}.sp-tip{font:400 10px/1.45 var(--font-ui);color:#8f8a7e;align-items:flex-start;gap:6px;margin:0;display:flex}.sp-tip .mx-icon{color:#e6c484;flex:none;margin-top:1px}.sp-dots{justify-content:center;gap:6px;padding-top:2px;display:flex}.sp-dots i{background:var(--realm);opacity:.28;border-radius:50%;width:5px;height:5px;transition:opacity .3s,transform .3s}.sp-dots i.is-on{opacity:1;box-shadow:0 0 6px var(--realm);transform:scale(1.35)}@media (prefers-reduced-motion:reduce){.sp-screen,.sp-item.is-front .sp-box,.sp-info h2,.sp-desc{animation:none}}.mm-screen{padding:max(14px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:var(--text-hi);font-family:var(--font-ui);background:radial-gradient(#17213a 0,#0a0f1c 55%,#05070d 100%);justify-content:center;align-items:center;gap:clamp(18px,5vw,56px);display:flex;position:fixed;inset:0;overflow:hidden}.mm-grid{pointer-events:none;opacity:.5;transform-origin:50% 100%;height:75%;position:absolute;bottom:-30%;left:-50%;right:-50%;transform:perspective(260px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}.mm-grid:before{content:"";background:linear-gradient(#e6c48429 1px,#0000 1px) 0 0/100% 34px,linear-gradient(90deg,#e6c4841a 1px,#0000 1px) 0 0/48px 100%;animation:2.4s linear infinite mm-grid;position:absolute;inset:-34px 0 0}@keyframes mm-grid{to{transform:translateY(34px)}}.mm-search{aspect-ratio:1;flex:none;place-items:center;width:min(62vh,250px);display:grid;position:relative}.mm-radar{position:absolute;inset:0}.mm-ring{opacity:0;border:1px solid #e6c48480;border-radius:50%;animation:2.7s cubic-bezier(.2,.6,.3,1) infinite mm-ring;position:absolute;inset:0}.mm-ring:nth-child(2){animation-delay:.9s}.mm-ring:nth-child(3){animation-delay:1.8s}@keyframes mm-ring{0%{opacity:.9;transform:scale(.38)}to{opacity:0;transform:scale(1)}}.mm-sweep{background:conic-gradient(#e6c48400 0deg 280deg,#fff0c833 358deg,#fff0c800 360deg);border-radius:50%;animation:2.2s linear infinite mm-spin;position:absolute;inset:6%;-webkit-mask-image:radial-gradient(circle,#0000 30%,#000 31%);mask-image:radial-gradient(circle,#0000 30%,#000 31%)}.mm-orbit{border:1px dashed #ffffff1a;border-radius:50%;animation:6s linear infinite mm-spin;position:absolute;inset:14%}.mm-orbit.is-slow{border-style:solid;border-color:#ffffff0d;animation-duration:11s;animation-direction:reverse;inset:0}.mm-orbit i{background:var(--champagne-hi);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:-3px;left:50%;box-shadow:0 0 10px 2px #e6c484b3}@keyframes mm-spin{to{transform:rotate(360deg)}}.mm-search-avatar.ui-avatar{width:40%;height:40%;position:relative}.mm-search-text{justify-items:start;gap:6px;min-width:0;max-width:340px;display:grid;position:relative}.mm-search-text h1{font:600 12px/1.3 var(--font-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--champagne);margin:0}.mm-timer{font:300 clamp(40px,13vh,60px)/1 var(--font-ui);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--text-hi);text-shadow:0 0 22px #e6c48440}.mm-timer.is-pending{visibility:hidden}.mm-timer-note{font:400 11px/1.4 var(--font-ui);letter-spacing:.04em;color:var(--text-mid);margin:0 0 -6px;display:block}.mm-timer-note.is-pending{visibility:hidden}.mm-search-text p{font:400 12px/1.5 var(--font-ui);color:var(--text-mid);margin:0}.mm-search-text .loading-actions{gap:8px;margin-top:10px;display:flex}.mm-screen.is-idle .mm-ring,.mm-screen.is-idle .mm-sweep{opacity:.25;animation-play-state:paused}.mm-screen.is-versus{justify-content:space-between;gap:0}.mm-side{z-index:1;flex:1;justify-items:center;gap:6px;min-width:0;animation:.55s cubic-bezier(.2,.8,.2,1) both mm-in-left;display:grid;position:relative}.mm-side.is-opponent{animation-name:mm-in-right}@keyframes mm-in-left{0%{opacity:0;transform:translate(-40vw)}to{opacity:1;transform:none}}@keyframes mm-in-right{0%{opacity:0;transform:translate(40vw)}to{opacity:1;transform:none}}.mm-vs-avatar.ui-avatar{width:min(46vh,170px);height:min(46vh,170px)}.mm-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:600 clamp(14px,4.4vh,19px)/1.3 var(--font-ui);color:var(--text-hi);overflow:hidden}.mm-level{font:500 11px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--champagne)}.mm-streak{pointer-events:none;opacity:.55;width:52%;animation:.7s ease-out both mm-streak;position:absolute;top:0;bottom:0}.mm-streak.is-local{transform-origin:0;background:linear-gradient(100deg,#5a96ff38,#5a96ff00 70%);left:0}.mm-streak.is-opponent{transform-origin:100%;background:linear-gradient(260deg,#ff606033,#ff606000 70%);right:0}@keyframes mm-streak{0%{opacity:0;transform:scaleX(0)}to{opacity:.55;transform:none}}.mm-vs-core{z-index:1;flex:none;justify-items:center;gap:10px;width:clamp(120px,24vw,200px);display:grid;position:relative}.mm-vs{font:800 italic clamp(44px,17vh,76px)/1 var(--font-ui);letter-spacing:.02em;background:var(--gold-fill);color:#0000;filter:drop-shadow(0 0 18px #e6c48473);-webkit-background-clip:text;background-clip:text;padding-right:.08em;animation:.5s cubic-bezier(.3,1.6,.5,1) .35s both mm-vs}@keyframes mm-vs{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:none}}.mm-count{width:46px;height:46px;font:300 22px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text-hi);border:1px solid #e6c4848c;border-radius:50%;place-items:center;animation:1s ease-out both mm-tick;display:grid;box-shadow:inset 0 0 16px #e6c48433}@keyframes mm-tick{0%{opacity:0;transform:scale(1.35)}25%{opacity:1;transform:none}to{opacity:.85}}.mm-loading{min-height:46px;font:500 11px/1.3 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--champagne);place-items:center;display:grid}.mm-vs-actions{left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:2;text-align:center;justify-items:center;gap:8px;display:grid;position:absolute;transform:translate(-50%)}.mm-vs-actions p{font:400 11px/1.5 var(--font-ui);color:var(--text-mid);margin:0}.mm-vs-actions .loading-actions{gap:8px;display:flex}.mm-screen.is-versus{z-index:50}.mm-sync{aspect-ratio:1;pointer-events:none;width:clamp(150px,30vw,250px);margin:calc(clamp(150px,30vw,250px)/-2) 0 0 calc(clamp(150px,30vw,250px)/-2);animation:.5s cubic-bezier(.2,.8,.2,1) both mm-sync-in;position:absolute;top:50%;left:50%}.mm-hex{opacity:.75;clip-path:polygon(evenodd,50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%,50% 0,50% 3%,90.7% 26.5%,90.7% 73.5%,50% 97%,9.3% 73.5%,9.3% 26.5%,50% 3%);background:linear-gradient(135deg,#ffecbed9,#e6c48440 45%,#ffecbeb3);animation:9s linear infinite mm-spin;position:absolute;inset:0}.mm-orbit-light{animation:2.6s cubic-bezier(.45,.05,.55,.95) infinite mm-spin;position:absolute;inset:-4%}.mm-orbit-light:before{content:"";background:#fff6dc;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:0;left:50%;box-shadow:0 0 12px 4px #e6c484bf}@keyframes mm-sync-in{0%{opacity:0;transform:scale(.4)rotate(-30deg)}to{opacity:1;transform:none}}.mm-sync-flare{pointer-events:none;opacity:0;background:linear-gradient(100deg,#fff0c800,#fff0c817 45%,#fff0c829 50%,#fff0c817 55%,#fff0c800);width:45%;animation:3.2s ease-in-out .4s infinite mm-flare;position:absolute;top:0;bottom:0;left:0}@keyframes mm-flare{0%{opacity:0;transform:translate(-110%)}12%{opacity:1}55%{opacity:1;transform:translate(240%)}62%,to{opacity:0;transform:translate(240%)}}.mm-sync-label{animation:.45s ease-out both mm-label}@keyframes mm-label{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mm-screen.is-entering .mm-sync{animation:.6s cubic-bezier(.5,0,.2,1) forwards mm-sync-close}@keyframes mm-sync-close{0%{opacity:1;transform:none}to{opacity:.95;transform:scale(.62)}}.mm-screen.is-entering .mm-vs{animation:.6s ease-out both mm-vs-pulse}@keyframes mm-vs-pulse{0%{transform:none}40%{transform:scale(1.16)}to{transform:none}}.mm-screen.is-leaving{pointer-events:none;animation:.5s ease-in .12s both mm-fade-out}.mm-screen.is-leaving .mm-side{animation:.55s cubic-bezier(.6,0,.8,.4) both mm-out-left}.mm-screen.is-leaving .mm-side.is-opponent{animation-name:mm-out-right}.mm-screen.is-leaving .mm-vs-core{animation:.5s ease-in both mm-core-out}@keyframes mm-fade-out{to{opacity:0}}@keyframes mm-out-left{to{opacity:0;transform:translate(-55vw)}}@keyframes mm-out-right{to{opacity:0;transform:translate(55vw)}}@keyframes mm-core-out{to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.mm-grid:before,.mm-ring,.mm-sweep,.mm-orbit,.mm-side,.mm-streak,.mm-vs,.mm-count,.mm-sync,.mm-hex,.mm-orbit-light,.mm-sync-flare,.mm-screen.is-entering :is(.mm-sync,.mm-vs),.mm-screen.is-leaving :is(.mm-side,.mm-vs-core){animation:none}.mm-sync-flare,.mm-orbit-light{display:none}.mm-ring:first-child{opacity:.4;transform:scale(.7)}}.reduced-effects .mm-grid:before,.reduced-effects :is(.mm-ring,.mm-sweep,.mm-orbit,.mm-hex,.mm-orbit-light,.mm-sync-flare){animation:none}.reduced-effects :is(.mm-sync-flare,.mm-orbit-light){display:none}.reduced-effects .mm-ring:first-child{opacity:.4;transform:scale(.7)}.room-lobby{flex:1;grid-template-columns:1fr 1fr;align-content:center;gap:12px;width:100%;max-width:620px;margin:0 auto;display:grid}.room-card{text-align:center;border-radius:14px;align-content:start;justify-items:center;gap:10px;min-height:200px;padding:20px 18px;display:grid}.room-card-icon{color:var(--champagne)}.room-card h3{font:600 14px var(--font-ui);color:var(--text-hi);margin:0}.room-card p{font:400 11px/1.55 var(--font-ui);color:var(--text-mid);margin:0}.room-code-field{width:100%}.room-code-field input{letter-spacing:.25em;text-align:center;font-weight:700}.room-view{flex:1;grid-template-rows:1fr auto;gap:12px;display:grid}.room-seats{grid-template-columns:1fr 120px 1fr;align-items:center;gap:12px;display:grid}.room-seat{text-align:center;border-radius:14px;align-content:center;justify-items:center;gap:8px;min-height:190px;padding:16px;display:grid;position:relative}.room-seat.is-ready{border-color:#8fd8a68c;box-shadow:0 0 18px #8fd8a62e}.room-seat-role{font:600 9px var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--text-low);position:absolute;top:12px;left:14px}.room-avatar.ui-avatar{width:84px;height:84px}.room-seat strong{font:600 14px var(--font-ui);color:var(--text-hi);align-items:center;gap:8px;display:flex}.room-seat strong em{color:var(--champagne);font:600 8.5px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;background:#e6c48429;border-radius:5px;padding:2px 6px;font-style:normal}.room-ready{font:600 9px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mid);background:#ffffff0d;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.room-ready.is-on{color:#8fd8a6;background:#8fd8a61f}.room-score{font:700 18px var(--font-ui);font-variant-numeric:tabular-nums;color:var(--champagne);position:absolute;top:10px;right:14px}.room-empty{justify-items:center;gap:10px;display:grid}.room-empty p{font:400 11px var(--font-ui);color:var(--text-mid);margin:0}.room-empty .mx-state-bar{width:120px}.room-versus{text-align:center;justify-items:center;gap:6px;display:grid}.room-versus strong{font:700 22px var(--font-ui);letter-spacing:.2em;color:var(--champagne);padding-left:.2em}.room-versus small{font:400 10px/1.5 var(--font-ui);color:var(--text-mid)}.room-countdown{font:700 34px var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text-hi);text-shadow:0 0 14px #e6c484b3}.room-actions{justify-content:center;gap:10px;display:flex}.dev-accounts{align-items:center;gap:8px;display:flex}.dev-accounts .mx-button{min-height:32px;padding:0 14px}.dev-accounts .mx-note{max-width:260px;margin:0}.dev-groups{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;display:grid}.dev-group{scrollbar-width:thin;overscroll-behavior:contain;flex-direction:column;gap:6px;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.dev-group-head{font:600 9.5px/1.6 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--champagne);align-items:center;gap:7px;margin:0 0 2px;display:flex}.dev-label{font:500 9.5px var(--font-ui);color:var(--text-mid);margin-top:2px}.dev-note{min-height:2.9em;margin:0 2px}.dev-seg{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;flex:none;grid-auto-columns:auto;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.dev-seg button{height:26px;color:var(--text-mid);font:600 9.5px var(--font-ui);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:7px;padding:0 4px;overflow:hidden}.dev-seg button.is-current{color:var(--text-hi);background:#e6c48429;box-shadow:inset 0 0 0 1px #e6c48473}.dev-seg.is-levels{grid-auto-columns:minmax(0,1fr)}.dev-seg.is-levels button{color:var(--text-hi)}.dev-seg button:active{transform:scale(.96)}.mx-row.dev-row{border-radius:10px;flex:none;gap:10px;min-height:36px;padding:5px 10px 5px 12px}.dev-row .mx-row-text strong{white-space:normal;font-size:11px;line-height:1.3}.mx-row.dev-row>.dev-row-go{color:var(--text-low);margin-left:auto}.dev-launch{flex:none;width:100%;margin-top:auto}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-vietnamese-800-normal-D4LFh2W4.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-800-normal-CA0HL1e4.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-ext-800-normal-GEpNgheG.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-800-normal-BvOXQlBN.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-800-normal-BpHZASpI.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-800-normal-Cwp5p0gU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f2f4f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#05070d;font-family:Be Vietnam Pro,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.mobile-shell{color:#f2f4f8;height:100%;font-family:var(--font-ui);padding:calc(16px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) calc(20px + var(--safe-area-inset-right,env(safe-area-inset-right,0px))) calc(16px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))) calc(20px + var(--safe-area-inset-left,env(safe-area-inset-left,0px)));background:radial-gradient(80% 70% at 50% 0,#141c30,#0000 70%),#05070d;overflow:auto}.mobile-shell h1{font:500 11px/1.9 var(--font-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--champagne);margin:0 0 12px}.mobile-shell p{font:400 12px/1.5 var(--font-ui);color:var(--text-mid);margin:10px 0}.mobile-shell button,.mobile-shell a{min-height:34px;color:var(--text-hi);font:600 10.5px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:9px;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.mobile-shell button:active:not(:disabled),.mobile-shell a:active{transform:scale(.97)}.mobile-shell button:disabled{opacity:.45}.mobile-shell output{font:400 12px/1.5 var(--font-ui);color:var(--text-hi);overflow-wrap:anywhere;margin-top:12px;display:block}.mobile-shell [role=alert]{color:#ff9d8a}:root{--ink-0:#05070d;--ink-1:#0a0f1c;--ink-2:#131b2e;--champagne:#e6c484;--champagne-hi:#fff0c8;--champagne-lo:#a87e43;--glass:#0d13219e;--glass-strong:#0a0f1bc7;--glass-line:#ffffff1c;--glass-line-hi:#fff3;--edge-bright:#ecdcbe4d;--text-hi:#f2f4f8;--text-mid:#aab2c1;--text-low:#7c8496;--font-ui:"Be Vietnam Pro",system-ui,sans-serif;--gold-fill:linear-gradient(180deg,#fff0c8 0%,#e6c484 48%,#b98d4e 100%)}.brand-splash{background:#0a0f1c;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.brand-splash-mark{width:144px;height:144px}.brand-splash-name{white-space:nowrap;font:800 18px/1.8 var(--font-ui);letter-spacing:.42em;opacity:0;background:linear-gradient(100deg,#c9a86b 0%,#e8d5ab 40%,#fff 50%,#e8d5ab 60%,#c9a86b 100%) 0 0/250% 100%;color:#0000;filter:drop-shadow(0 0 8px #ffd68c4d);-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.42em;animation:.7s ease-out .25s forwards brand-rise,2.4s ease-in-out .8s 3 brand-name-shine;position:absolute;top:calc(50% + 98px);left:50%;translate:-50%}.hex-mark.brand-splash-mark .hex-mark-shine{animation:2.4s ease-in-out .8s 3 hex-shine;transform:translate(-120%)}.brand-splash.is-settled .brand-splash-name{opacity:1;animation:2.4s ease-in-out 3 brand-name-shine}@keyframes brand-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes brand-name-shine{0%{background-position:105% 0}55%,to{background-position:-5% 0}}.hex-mark{display:block;overflow:visible}.hex-mark .hex-mark-shine{transform-box:fill-box;animation:3.2s ease-in-out 3 forwards hex-shine}@keyframes hex-shine{0%{transform:translate(-120%)}55%,to{transform:translate(120%)}}.mx-button{min-height:34px;font:600 10.5px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:transform .12s,filter .15s,background-color .15s,border-color .15s;display:inline-flex;position:relative}.mx-button:active:not(:disabled){transform:scale(.97)}.mx-button:disabled{cursor:default;opacity:.45}.mx-button.is-primary{color:#1b1306;background:var(--champagne);box-shadow:inset 0 1px #ffffff59}.mx-button.is-secondary{color:var(--text-hi);background:#ffffff0f;border-color:#ffffff2e}.mx-button.is-google{color:#1f1f1f;font:500 12px/1 var(--font-ui);letter-spacing:.01em;text-transform:none;background:#fff;border-color:#dadce0}.mx-button.is-apple{color:#fff;font:500 12px/1 var(--font-ui);letter-spacing:.01em;text-transform:none;background:#000;border-color:#000}.mx-button.is-apple svg{width:14px;height:16px}.mx-button.is-ghost{color:var(--text-mid);background:0 0;min-height:28px;padding:0 6px}.mx-button.is-busy{overflow:hidden}.mx-button.is-busy:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:50%;animation:1s linear infinite mx-busy;position:absolute;top:0;bottom:0;left:0}@keyframes mx-busy{0%{transform:translate(-50%)}to{transform:translate(150%)}}.mx-button svg{flex:none;width:15px;height:15px}.text-shine{display:grid}.text-shine>*{grid-area:1/1}.text-shine-copy{pointer-events:none;will-change:transform}.mx-shine{background:linear-gradient(100deg,#e6c484 0%,#fff3d6 38%,#fff 50%,#fff3d6 62%,#e6c484 100%) 0 0/250% 100%;color:#0000;filter:drop-shadow(0 0 6px #ffd68c59);-webkit-background-clip:text;background-clip:text}.mx-shine-copy{background:linear-gradient(100deg,#fff0 42%,#fff 50%,#fff0 58%) 160% 0/250% 100% no-repeat;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.6s linear 2 mx-shine}.mx-title{font:500 10px/1.9 var(--font-ui);letter-spacing:.28em;text-transform:uppercase;margin:0}@keyframes mx-shine{0%{background-position:100% 0}to{background-position:-150% 0}}.mx-glass{background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(18px)saturate(1.2);border-radius:14px;box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff0f}@media (prefers-reduced-motion:reduce){.hex-mark .hex-mark-shine,.brand-splash-name,.mx-button.is-busy:after{animation:none}.brand-splash-name{opacity:1}.text-shine-copy{display:none}}.reduced-effects .hex-mark .hex-mark-shine,.reduced-effects .brand-splash .brand-splash-name{animation:none}.reduced-effects .brand-splash .brand-splash-name{opacity:1}.reduced-effects .text-shine-copy{display:none}.tutorial-intro{color:var(--text-hi);font-family:var(--font-ui);background:radial-gradient(circle at 50% 40%,#222e508c 0,#05070d00 48%),linear-gradient(#05070db8,#05070db8),var(--ui-launch-bg) center/cover no-repeat,var(--ink-0);place-items:center;display:grid;position:fixed;inset:0}.tutorial-intro-card{text-align:center;justify-items:center;gap:6px;width:min(280px,70vw);padding:18px 22px 16px;display:grid;position:relative}.tutorial-intro-mark{width:28px;height:28px;margin-bottom:2px}.tutorial-intro-card p{font:400 11px/1.5 var(--font-ui);color:var(--text-mid);margin:0 0 8px}.tutorial-intro-dev{left:50%;bottom:calc(8 * var(--u));color:#fff;white-space:nowrap;background:#a01e14bf;border-radius:6px;padding:2px 8px;font:600 10px Be Vietnam Pro,system-ui,sans-serif;position:absolute;translate:-50%}.web-rotate{z-index:2147483100;box-sizing:border-box;color:#ece6d8;font:400 15px/1.4 var(--font-ui,"Be Vietnam Pro",system-ui,sans-serif);text-align:center;background:#0a0f1c;place-content:center;justify-items:center;gap:18px;padding:24px;display:grid;position:fixed;inset:0}.web-rotate-phone{box-sizing:border-box;border:3px solid #e6c484;border-radius:8px;width:38px;height:64px;animation:1.6s ease-in-out 3 forwards web-rotate-turn}@keyframes web-rotate-turn{0%,25%{transform:none}60%,to{transform:rotate(-90deg)}}.web-rotate-text{margin:0;font-size:17px;font-weight:600}.web-rotate-note{color:#a9a497;max-width:280px;margin:0;font-size:13px}.web-rotate-button{color:#1c1408;min-width:160px;min-height:44px;font:inherit;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#f6dc8d,#c9a45c);border:0;border-radius:999px;padding:0 22px;font-weight:800}.web-rotate-button:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.web-rotate-phone{animation:none;transform:rotate(-90deg)}}.mobile-crash{user-select:none;color:var(--text-hi,#f2f4f8);font-family:var(--font-ui,system-ui,sans-serif);background:radial-gradient(circle at 50% 40%,#1b2440 0,#0a0f1c 46%,#05070d 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mobile-crash-panel{box-sizing:border-box;text-align:center;border:1px solid var(--edge-bright,#ecdcbe4d);border-radius:14px;justify-items:center;gap:8px;width:min(460px,84vw);max-height:calc(100% - 24px);padding:18px 22px 16px;display:grid;overflow-y:auto}.mobile-crash-panel.mx-glass{-webkit-backdrop-filter:none;background:#0a0f1be6}.mobile-crash-mark{width:44px;height:44px;color:var(--champagne,#e6c484);background:radial-gradient(circle,#e6c48429,#e6c48400 70%);border:1px solid #e6c48473;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 22px #e6c4842e}.mobile-crash-panel h1{font-size:11px}.mobile-crash-panel p{max-width:380px;font:400 12px/1.55 var(--font-ui,system-ui,sans-serif);color:var(--text-mid,#aab2c1);margin:0}.mobile-crash-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}
