@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(./be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(./be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(./be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(./be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(./be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff")}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-serif-vietnamese-600-normal-BqcqYJsL.woff2)format("woff2"),url(./noto-serif-vietnamese-600-normal-DsVT_aBB.woff)format("woff")}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-serif-latin-600-normal-BiuDA9L7.woff2)format("woff2"),url(./noto-serif-latin-600-normal-RZopCp-J.woff)format("woff")}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-serif-vietnamese-700-normal-DmLHmu9q.woff2)format("woff2"),url(./noto-serif-vietnamese-700-normal-BVYKy-KI.woff)format("woff")}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-serif-latin-700-normal-CIw17UNa.woff2)format("woff2"),url(./noto-serif-latin-700-normal-mX-AlFMT.woff)format("woff")}:root{--frame:#e9e1d0;--sheet:#fbf8f2;--sheet-2:#f3ede2;--sheet-3:#e7dfd0;--ink:#1a1713;--ink-2:#3f372e;--muted:#5f564b;--line:#1a171324;--line-2:#1a171347;--accent:#b03522;--accent-2:#8f2617;--on-accent:#fffaf3;--gold:#8a6420;--ok:#2f6b45;--bad:#b03522;--info:#2f5677;--felt:#3f5f55;--scrim:#e9e1d06b;--r-1:8px;--r-2:12px;--r-3:18px;--sh-1:0 1px 2px #281e1214, 0 4px 14px #281e1214;--sh-2:0 2px 6px #281e121f, 0 14px 34px #281e1229;--ease:cubic-bezier(.2, .9, .25, 1);--display:"Noto Serif", "Times New Roman", serif;--body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs:13px;--fs-s:14px;--fs-m:15px;--fs-l:17px;--fs-xl:21px;--fs-2xl:27px;--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--sl:var(--safe-left);--sr:var(--safe-right);--st:var(--safe-top);--sb:var(--safe-bottom);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--frame);--surface:var(--sheet);--surface-2:var(--sheet-2);--text:var(--ink);--dim:var(--muted)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{height:100%;color:var(--ink);font:500 var(--fs-m)/1.5 var(--body);overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}html{background:var(--frame)}input,textarea{-webkit-user-select:text;user-select:text;touch-action:manipulation;font:inherit;color:inherit}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}img,svg{pointer-events:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}#stage{z-index:0;height:100dvh;position:fixed;inset:0}#stage canvas{touch-action:none;width:100%;height:100%;display:block}#ui{--sl:0px;--sr:0px;--st:0px;--sb:0px;--touch-target:max(44px, calc(44px / var(--ui-scale,1)));width:100%;height:100vh;transform-origin:0 0;z-index:1;pointer-events:none;height:100dvh;position:fixed;top:0;left:0}#ui>*{pointer-events:auto}body.gate #ui{--sl:var(--safe-left);--sr:var(--safe-right);--st:var(--safe-top);--sb:var(--safe-bottom)}#ui button.btn{min-width:var(--touch-target);min-height:max(48px, var(--touch-target))}#ui button.btn.small{min-height:var(--touch-target)}#ui button.btn.big{min-height:max(56px, var(--touch-target))}#ui button.icon-btn,#ui button.chip,#ui button.tab{min-width:var(--touch-target);min-height:var(--touch-target)}.screen{padding:calc(10px + var(--st)) calc(16px + var(--sr)) calc(10px + var(--sb)) calc(16px + var(--sl));background:linear-gradient(#e9e1d0d1, #e9e1d0d1), var(--paper,none) center / 640px;flex-direction:column;display:flex;position:absolute;inset:0}#ui>.screen.game{pointer-events:none;background:0 0;gap:0;padding:0}#ui>.screen.game>*{pointer-events:auto}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.body{flex:1;gap:12px;min-height:0;display:flex}.grow{flex:1;min-width:0;min-height:0}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;min-width:0;display:flex}.wrap{flex-wrap:wrap}.center{justify-content:center;align-items:center}.h1{font:800 var(--fs-2xl)/1.15 var(--display);letter-spacing:.01em}.h2{font:700 var(--fs-xl)/1.2 var(--display)}.h3{font:700 var(--fs-l)/1.3 var(--display)}.small{font-size:var(--fs-s)}.muted{color:var(--muted)}.gold{color:var(--gold)}.section-title{font:700 var(--fs-xs)/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:4px 0 6px;display:block}.num{font-variant-numeric:tabular-nums}.scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;overflow:hidden auto}.scroll.x{touch-action:pan-x;overflow:auto hidden}.scroll[data-more*=b]{-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),#0000);mask-image:linear-gradient(#000 calc(100% - 26px),#0000)}.scroll[data-more=r]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),#0000)}.scroll-hint-host{position:relative}.more-chevron{z-index:5;pointer-events:none;width:26px;height:26px;margin-left:-13px;animation:1.4s ease-in-out infinite more-bounce;position:absolute}.more-chevron .ico{filter:drop-shadow(0 1px 1px #fffaf3e6);width:26px;height:26px;transform:rotate(90deg)}@keyframes more-bounce{50%{translate:0 3px}}@media (prefers-reduced-motion:reduce){.more-chevron{animation:none!important}}.ico{object-fit:contain;vertical-align:middle;flex-shrink:0;width:24px;height:24px;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{color:var(--on-accent);font:700 var(--fs-l)/1 var(--display);letter-spacing:.02em;transition:transform .12s var(--ease), background .12s;white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn .ico{filter:brightness(0)invert();width:26px;height:26px}.btn:disabled{opacity:.45;pointer-events:none}.btn.ghost,.btn.secondary{color:var(--ink);box-shadow:var(--sh-1)}.btn.ghost .ico,.btn.secondary .ico{filter:none}.btn.small{font-size:var(--fs-m)}.btn.big{font-size:var(--fs-xl);padding:0 28px}.btn.block{width:100%}.btn.green,.btn.gold{background:var(--accent)}.icon-btn{background:var(--sheet);border:1.5px solid var(--line-2);width:48px;height:48px;box-shadow:var(--sh-1);transition:transform .12s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn .ico{width:30px;height:30px}.icon-btn.pressed{background:var(--sheet-3);transform:scale(.94)}.icon-btn.small{width:44px;height:44px}.icon-btn.small .ico{width:26px;height:26px}.chip{background:var(--sheet);border:1.5px solid var(--line-2);color:var(--ink);font-weight:600;font-size:var(--fs-m);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.chip .ico{width:22px;height:22px}.chip.sel,.chip[aria-pressed=true]{background:var(--ink);color:var(--sheet);border-color:var(--ink)}.chip.pressed{transform:scale(.97)}.chip.stat{font-variant-numeric:tabular-nums;min-height:40px;padding:0 12px;font-weight:700}.tabs{width:-moz-fit-content;width:fit-content;max-width:100%;display:flex}.tab{min-height:40px;color:var(--ink-2);align-items:center;gap:6px;font-weight:700;display:inline-flex}.tab .ico{width:22px;height:22px}.switch{background:var(--sheet-3);border:1.5px solid var(--line-2);border-radius:999px;flex-shrink:0;width:56px;height:32px;transition:background .16s;position:relative}.switch:after{content:"";background:var(--sheet);width:25px;height:25px;transition:transform .18s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.switch[aria-checked=true]:after{transform:translate(24px)}.switch:before{content:"";position:absolute;inset:-8px -4px}input[type=range]{appearance:none;touch-action:pan-y;background:0 0;width:100%;min-width:120px;height:44px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill,50%), var(--sheet-3) var(--fill,50%));border-radius:999px;height:8px}input[type=range]::-moz-range-track{background:var(--sheet-3);border-radius:999px;height:8px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--sheet);border:2px solid var(--accent);width:26px;height:26px;box-shadow:var(--sh-1);border-radius:50%;margin-top:-9px}input[type=range]::-moz-range-thumb{background:var(--sheet);border:2px solid var(--accent);border-radius:50%;width:24px;height:24px}input[type=text],input:not([type]),.input{border-radius:var(--r-2);border:1.5px solid var(--line-2);background:var(--sheet);min-height:48px;color:var(--ink);font-size:var(--fs-l);outline:none;width:100%;padding:0 14px}input[type=text]:focus,input:not([type]):focus{border-color:var(--accent);box-shadow:0 0 0 3px #b035222e}.card,.sect-group,.setup-opts,.gear-card,.story-card,.sr-sheet{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1)}.card{padding:12px}.panel{flex-direction:column;gap:8px;min-height:0;display:flex}.card.tap{transition:transform .12s var(--ease)}.card.tap.pressed{transform:scale(.98)}.card.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), var(--sh-1)}.list{flex-direction:column;display:flex}.item{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:8px 2px;display:flex}.item:last-child{border-bottom:0}.item>.ico{width:30px;height:30px}.item .label{flex-direction:column;flex:1;gap:2px;min-width:0;font-weight:600;display:flex}.item .label .small{color:var(--muted);font-weight:500}.item input[type=range]{width:46%;max-width:260px}.kv{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;display:flex}.kv:last-child{border-bottom:0}.kv>:first-child{color:var(--muted)}.kv>:last-child{font-variant-numeric:tabular-nums;font-weight:700}.badge{background:var(--sheet-3);color:var(--ink-2);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.badge.accent{background:var(--accent);color:var(--on-accent)}.progress{background:var(--sheet-3);border-radius:999px;height:8px;overflow:hidden}.progress>i{background:var(--accent);border-radius:inherit;height:100%;display:block}.stars{gap:2px;display:inline-flex}.stars .ico{width:22px;height:22px}.modal-wrap{z-index:50;padding:calc(12px + var(--st)) calc(16px + var(--sr)) calc(12px + var(--sb)) calc(16px + var(--sl));place-items:center;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.modal{width:min(560px,100%);max-height:100%;animation:modal-in .22s var(--ease) both;flex-direction:column;gap:10px;display:flex;position:relative}.modal.scroll{overflow-y:auto}.modal h2,.modal .title{font:800 var(--fs-xl)/1.2 var(--display)}.modal .actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.toast-layer{z-index:60;top:calc(10px + var(--st));pointer-events:none;flex-direction:column;gap:6px;width:min(520px,100% - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-2);background:var(--sheet);color:var(--ink);border:1px solid var(--ink);border-left:4px solid var(--accent);box-shadow:var(--sh-2);animation:toast-in .22s var(--ease) both;align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:flex;position:relative;overflow:hidden}.toast .ico{width:26px;height:26px}.toast.bad{border-left-color:var(--bad)}.toast.good,.toast.gold{border-left-color:var(--accent)}.toast .tt{flex:1}.toast .tbar{opacity:.18;transform-origin:0;background:currentColor;width:100%;height:3px;animation:linear both tbar;position:absolute;bottom:0;left:0}.toast.leaving{animation:.2s ease-in both toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}@keyframes tbar{to{transform:scaleX(0)}}.update-sheet{z-index:9999;background:linear-gradient(#e9e1d0b3, #e9e1d0b3), url(../art/ui/keyart.webp) center / cover no-repeat, var(--frame);color:var(--ink);place-items:center;animation:.35s both us-in;display:grid;position:fixed;inset:0}.us-card{isolation:isolate;justify-items:center;gap:10px;padding:24px 56px 28px;display:grid;position:relative}.us-card:before{content:"";z-index:-1;background:radial-gradient(closest-side,#fbf8f2f2 55%,#fbf8f200);position:absolute;inset:-20% -12%}.us-logo{width:240px;max-width:70vw;height:auto;margin-bottom:2px}.us-text{font:700 20px/1.35 var(--display);letter-spacing:.02em}.us-bar{width:260px;max-width:70vw;height:22px;position:relative}.us-bar i{animation:us-sweep 2.2s var(--ease) infinite;background:url(../art/ui/tap-stroke.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.us-note{font-size:var(--fs-s);color:var(--ink-2)}@keyframes us-in{0%{opacity:0}}@keyframes us-sweep{0%{clip-path:inset(0 100% 0 0);opacity:1}60%{clip-path:inset(0);opacity:1}85%,to{clip-path:inset(0);opacity:0}}@media (prefers-reduced-motion:reduce){.update-sheet,.us-bar i{animation:none}}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-serif-vietnamese-400-normal-B2Tmka3c.woff2)format("woff2"),url(./noto-serif-vietnamese-400-normal-I93X-UPO.woff)format("woff")}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-serif-latin-400-normal-BV_iYGc9.woff2)format("woff2"),url(./noto-serif-latin-400-normal-DT0cwSa_.woff)format("woff")}@font-face{font-family:Noto Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-serif-vietnamese-400-italic-CDxynWRG.woff2)format("woff2"),url(./noto-serif-vietnamese-400-italic-V-moQaaN.woff)format("woff")}@font-face{font-family:Noto Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-serif-latin-400-italic-BefsV4hZ.woff2)format("woff2"),url(./noto-serif-latin-400-italic-B7tOOSSS.woff)format("woff")}.screen>.scroll{flex:1;min-height:0}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.avatar-fallback{color:#fff;font:700 1.6em/1 var(--display);place-items:center;display:grid}.topbar{border-radius:999px;flex-shrink:0;align-items:center;gap:10px;min-height:52px;display:flex}.topbar>.icon-btn{width:44px;height:44px;box-shadow:none}.topbar>.icon-btn .ico{width:28px;height:28px}.tb-title{font:700 23px/1.15 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tb-extra{flex-shrink:0;align-items:center;gap:6px;display:flex}.tb-extra:empty{display:none}.topbar.compact-nav{gap:8px}.topbar.compact-nav .tb-title{flex:0 auto;margin-right:0;padding:8px 26px 10px;font-size:21px}.topbar.compact-nav .tb-extra{flex:1;justify-content:center;min-width:0}.topbar.compact-nav .tabs{flex-shrink:0}.topbar.compact-nav .tab{white-space:nowrap}.nav-caption{font-size:var(--fs-s);color:var(--ink-2);flex-shrink:0;margin:0 4px;line-height:1.35}.coll-note.nav-caption{flex:none}.wallet .ico,.chip.stat .ico{width:24px;height:24px}.chip.stat{cursor:default}.chip.stat.accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.chip.stat.accent .ico{filter:brightness(0)invert()}.sr-count,.intro-count{font:700 15px/1 var(--body);color:var(--ink-2);font-variant-numeric:tabular-nums;padding:0 8px}.coll-note{min-width:0;font-size:var(--fs-s);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;line-height:1.35;display:-webkit-box;overflow:hidden}.chips{flex-wrap:wrap;gap:6px;display:flex}.badge{font-size:var(--fs-xs);line-height:1.5}.badge.ok{background:var(--ok);color:var(--on-accent)}#ui .btn.danger{color:var(--bad);box-shadow:none;text-shadow:none;background:0 0;border:14px solid #0000;border-image:url(../art/ui/frame/btn-secondary.webp) 56 fill/14px}#ui .btn.danger.small{border-width:12px;border-image-width:12px;padding-inline:10px}#ui .btn.danger.pressed{filter:brightness(.9);background:0 0}textarea.code-box{border-radius:var(--r-2);border:1.5px solid var(--line-2);background:var(--sheet-2);width:100%;min-height:96px;color:var(--ink);word-break:break-all;resize:none;outline:none;padding:10px 12px;font:500 15px/1.45 ui-monospace,SF Mono,Menlo,monospace;display:block}textarea.code-box:focus{border-color:var(--accent)}.modal-wrap{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.modal-wrap>.modal{justify-self:center}.modal .close-x{z-index:3;position:absolute;top:10px;right:10px}.modal>h2:first-child{padding-right:48px}.modal.scroll>.close-x:first-child{align-self:flex-end;margin-bottom:-54px;position:sticky;top:4px;right:auto}.modal.scroll>.close-x:first-child+h2{padding-right:48px}.modal p{font-size:var(--fs-m);color:var(--ink-2);line-height:1.55}.kv>:last-child{text-align:right}.stat-sheet{flex-direction:column;display:flex}.st-row{border-top:1px solid var(--line);padding:7px 0}.st-head{align-items:center;gap:8px;display:flex}.st-head b{font-size:var(--fs-m)}.st-val{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.st-exp{font-size:var(--fs-s);color:var(--muted);line-height:1.4}.bar5{gap:3px;display:inline-flex}.bar5 i{background:var(--sheet-3);width:14px;height:8px;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px}.bar5 i.on{background:var(--ink);box-shadow:none}.cue-strip{border-radius:var(--r-1);background:linear-gradient(180deg, #4a6c61, var(--felt) 60%, #34504a);align-items:center;height:46px;padding:0 10px;display:flex;box-shadow:inset 0 0 0 1px #00000040}.cue-strip img{object-fit:contain;filter:drop-shadow(0 3px 2px #00000073);width:100%;height:30px}.table-preview{aspect-ratio:2235/1245;border:10px solid var(--rail);background:radial-gradient(circle at 50% 40%, var(--cloth), var(--cloth-d));width:100%;height:auto;box-shadow:inset 0 0 0 2px var(--rail-d), var(--sh-1);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.table-preview img{opacity:.9;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 6px #00000059}.sect-groups{flex-direction:column;gap:12px;padding-bottom:14px;display:flex}.sect-group{padding:10px 12px 12px}.sg-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.sg-head img{width:34px;height:34px;box-shadow:0 0 0 1.5px var(--line-2);border-radius:50%}.sg-head b{font:700 var(--fs-l)/1.2 var(--display)}.sg-head .badge{margin-left:auto}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));display:grid}.champ-card{text-align:center;min-width:0;transition:transform .12s var(--ease);flex-direction:column;align-items:center;display:flex}.champ-card.pressed{transform:scale(.96)}.champ-card.sel{border-color:var(--accent);background:var(--sheet)}.champ-card.next{border-color:var(--accent)}.cc-art{aspect-ratio:1;border-radius:var(--r-2);background:var(--sheet-3);width:100%;max-width:96px;box-shadow:inset 0 -4px 0 var(--sect,var(--ink)), 0 1px 3px #0000002e;margin-bottom:4px;position:relative;overflow:hidden}.cc-art .avatar-img{z-index:0;position:relative}.champ-card.locked .avatar-img{filter:saturate(.45)}.cc-lock{background:var(--sheet);width:34px;height:34px;box-shadow:var(--sh-1);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:6px;right:4px}.cc-lock .ico{width:24px;height:24px}.cc-using{background:var(--accent);color:var(--on-accent);font-size:var(--fs-xs);border-radius:6px;padding:1px 6px;font-weight:700;position:absolute;top:4px;left:4px}.cc-name{-webkit-line-clamp:2;max-width:100%;min-height:2.4em;font:700 var(--fs-m)/1.2 var(--display);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cc-sub{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:normal;overflow:hidden}.champ-card .stars .ico{width:20px;height:20px}.cc-cta{white-space:nowrap;background:var(--accent);color:var(--on-accent);font-size:var(--fs-xs);border-radius:999px;margin-top:2px;padding:2px 10px;font-weight:700}.screen.splash{cursor:pointer;background:var(--keyart) center / cover no-repeat, var(--frame);justify-content:center;align-items:center;gap:18px}@media (orientation:portrait){.screen.splash{background-image:var(--keyart-tall)}}.splash-logo{object-fit:contain;background:radial-gradient(closest-side,#fbf8f2f2 55%,#fbf8f200);width:min(66%,560px);max-height:247px;padding:14px 50px}.tap-hint{color:var(--ink);font:700 22px/1.2 var(--display);letter-spacing:.06em;background:url(../art/ui/tap-stroke.webp) center bottom 4px/78% 16px no-repeat,radial-gradient(closest-side,#fbf8f2eb 50%,#fbf8f200);place-items:center;padding:10px 46px 22px;animation:2.6s ease-in-out infinite tap-breathe;display:grid;position:relative}@keyframes tap-breathe{50%{opacity:.62}}@media (prefers-reduced-motion:reduce){.tap-hint{animation:none}}.screen.home{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(300px,370px) 1fr;gap:8px 16px}.home-logo{object-fit:contain;object-position:left center;grid-area:1/1;align-self:center;width:auto;max-width:100%;height:58px}.home-top{grid-area:1/2;place-self:start end;align-items:center;gap:8px;display:flex}.home-hero{right:calc(4px + var(--sr));z-index:1;object-fit:contain;object-position:right bottom;pointer-events:none;position:absolute;bottom:0}.player-card{background:var(--sheet);min-height:58px;box-shadow:var(--sh-1);text-align:left;transition:transform .12s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:4px 16px 4px 4px;display:flex}.player-card.pressed{transform:scale(.97)}.pc-av{width:52px;height:52px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;flex-shrink:0;overflow:hidden}.pc-info{grid-template-columns:auto auto;align-items:center;gap:2px 14px;display:grid}.pc-name{font:700 var(--fs-l)/1.2 var(--display);white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.pc-coins{font-weight:700;font-size:var(--fs-m);grid-area:1/2;justify-self:end;align-items:center;gap:4px;display:inline-flex}.pc-coins .ico{width:22px;height:22px}.pc-lvl{font-size:var(--fs-xs);grid-column:1/-1;align-items:center;gap:8px;display:flex}.pc-lvl b{color:var(--ink-2);white-space:nowrap}.pc-lvl .progress{flex:1;min-width:70px}.setup-body{flex:1;min-height:0;display:flex}.setup-opts{flex-direction:column;min-width:0;display:flex}.opt-row{align-items:center;gap:10px;display:flex}.opt-label{width:74px;font-weight:700;font-size:var(--fs-s);flex-shrink:0}.versus{border-radius:var(--r-3);flex-shrink:0}.vs-side{border-radius:var(--r-2);background:var(--sheet-2);text-align:left;align-items:center;gap:10px;min-height:66px;padding:6px 8px 6px 6px;display:flex}.vs-side.me.pressed{background:var(--sheet-3)}.vs-av{background:var(--sheet);width:56px;height:56px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.vs-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.vs-name{font:700 var(--fs-l)/1.2 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vs-sub{font-size:var(--fs-xs);color:var(--muted);line-height:1.35}.vs-edit .ico{width:24px;height:24px}.vs-side input{font-size:var(--fs-m);min-height:44px;padding:0 10px}.vs-seal{z-index:1;background:var(--accent);color:var(--on-accent);font:700 var(--fs-s)/1.4 var(--display);letter-spacing:.14em;text-transform:uppercase;box-shadow:var(--sh-1);border-radius:6px;align-self:center;margin:-12px 0;padding:2px 12px;transform:rotate(-4deg)}.gear-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;padding-bottom:14px;display:grid}.gear-card{flex-direction:column;gap:8px;padding:12px}.gear-card.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), var(--sh-1)}.gc-head{gap:8px;display:flex}.gc-head b{font:700 var(--fs-l)/1.2 var(--display)}.gc-desc{font-size:var(--fs-m);color:var(--ink-2);line-height:1.45}.gear-card .stat-sheet{flex:1}.settings-col{flex-direction:column;gap:10px;width:min(680px,100%);margin:0 auto;padding-bottom:16px;display:flex}.set-group{padding:10px 16px 2px}.set-title{font:700 var(--fs-xs)/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2)}.set-group .item{min-height:58px}.set-val{color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.set-name{width:min(220px,46%)!important}.champ-pill{min-height:max(46px, var(--touch-target,44px));border:1.5px solid var(--line-2);background:var(--sheet);border-radius:999px;align-items:center;gap:8px;padding:3px 12px 3px 3px;font-weight:700;display:inline-flex}.champ-pill .ico{width:22px;height:22px}#ui .settings-col .set-name,#ui .settings-col input[type=range]{min-height:var(--touch-target)}#ui .settings-col .switch:before{height:max(48px, var(--touch-target));min-width:var(--touch-target);top:50%;bottom:auto;transform:translateY(-50%)}.cp-av{border-radius:50%;width:38px;height:38px;overflow:hidden}.modal.profile-modal{width:min(840px,100%);height:min(540px,100%)}.pm-body{flex:1;grid-template-columns:230px minmax(0,1fr);gap:12px;min-height:0;display:grid}.pm-left{flex-direction:column;align-items:stretch;gap:4px;min-height:0;display:flex}.pm-av{box-shadow:0 0 0 3px var(--ink);border-radius:50%;align-self:center;width:60px;height:60px;overflow:hidden}.pm-char{text-align:center;flex-direction:column;align-items:center;display:flex}.pm-char b{font:700 15px/1.2 var(--display)}.pm-char span{color:var(--muted);font-size:13px}.pm-left .btn{margin-top:auto}.pm-right{min-height:0;padding-right:4px}.pm-right .sect-group{box-shadow:none;background:var(--sheet-2)}.pm-right .champ-card{background:var(--sheet)}.pm-note{margin-bottom:10px;font-size:var(--fs-s)!important}.modal.scroll>*,.nm-scroll>*{flex-shrink:0}.cm-passive{border-radius:var(--r-2);background:var(--sheet-2);border-left:4px solid var(--sect,var(--accent));padding:10px 12px}.cm-passive b{font:700 var(--fs-m)/1.3 var(--display)}.cm-passive p{margin-top:2px}.modal.npc-modal{width:min(620px,100%);max-height:100%}.nm-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.nm-facts{font-size:var(--fs-m)}.nm-facts b{color:var(--ink)}.nm-foot .btn{margin-left:auto}.btn .ico.keep,.btn-in .ico.keep{filter:none;background:var(--sheet);box-sizing:content-box;border-radius:50%;width:22px;height:22px;padding:2px}.nm-foot{border-top:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding-top:10px;display:flex}.nm-head{align-items:center;gap:14px;padding-right:44px;display:flex}.nm-av{width:84px;height:84px;box-shadow:0 0 0 3px var(--sect,var(--ink));border-radius:50%;flex-shrink:0;overflow:hidden}.nm-head h2{font:800 var(--fs-xl)/1.2 var(--display)}.nm-title{color:var(--muted);font-weight:600}.nm-quote{border-left:4px solid var(--accent);border-radius:0 var(--r-2) var(--r-2) 0;background:var(--sheet-2);font:italic 400 var(--fs-l)/1.55 var(--display);color:var(--ink);margin:0;padding:10px 14px}.journey-scroll{touch-action:pan-x pan-y;overflow:auto}.journey-map{aspect-ratio:3/2;width:100%;min-width:760px;position:relative}.journey-art{width:100%;height:100%;display:block;position:absolute;inset:0}.land-pin{z-index:1;translate:-50% var(--pin-y,0%);background:color-mix(in srgb, var(--sheet) 94%, transparent);min-height:44px;color:var(--ink);border:1px solid var(--line-2);border-radius:var(--r-1);box-shadow:var(--sh-1);text-align:left;transition:transform .12s var(--ease);grid-template-columns:20px minmax(0,1fr);align-items:center;display:grid;position:absolute}.land-pin.pressed{transform:scale(.95)}.lp-emblem{border-radius:50%;flex-shrink:0;align-self:flex-start;width:20px;height:20px;margin-top:2px;position:relative;overflow:hidden}.lp-emblem img{width:100%;height:100%;display:block}.lp-text{display:contents}.lp-name{min-width:0;font:700 14px/1.3 var(--display);text-overflow:ellipsis;grid-column:2}.lp-prog{white-space:nowrap;grid-column:2;align-items:center;gap:3px;font-size:11px;line-height:1.2;display:flex}.lp-prog .ico{width:14px;height:14px}.lp-prog b{margin-right:5px}.land-pin.done{border-color:var(--ok)}.land-pin.current{border-color:var(--accent);box-shadow:0 0 0 4px #b035224d, var(--sh-2);animation:2s ease-in-out infinite pin-pulse}@keyframes pin-pulse{50%{box-shadow:0 0 0 8px #b035221f, var(--sh-2)}}.lp-flag{background:var(--accent);color:var(--on-accent);font-size:var(--fs-xs);white-space:nowrap;border-radius:6px;padding:1px 10px;font-weight:700;position:absolute;left:50%;translate:-50%}.land-pin.locked{color:var(--ink-2);border-color:var(--line-2)}.land-pin.locked .lp-emblem{box-shadow:0 0 0 2px var(--muted)}.land-pin.locked .lp-emblem img{filter:grayscale()brightness(.5)}.lp-closed{color:var(--muted);font-weight:600}.modal.land-sheet{grid-template-columns:minmax(0,30%) minmax(0,1fr);gap:0;width:min(940px,100%);height:min(600px,100%);padding:0;display:grid;overflow:hidden}.ls-art{background:color-mix(in srgb, var(--sect) 40%, var(--ink));position:relative;overflow:hidden}.ls-art img{object-fit:cover;width:100%;height:100%;display:block}.ls-body{flex-direction:column;gap:10px;min-height:0;padding:16px 18px;display:flex}.ls-head{align-items:center;gap:12px;padding-right:44px;display:flex}.ls-head img{width:52px;height:52px;box-shadow:0 0 0 2px var(--sect,var(--ink));border-radius:50%;flex-shrink:0}.ls-head h2{font:800 var(--fs-xl)/1.2 var(--display)}.ls-desc{font-size:var(--fs-s)!important}.ls-body .section-title{color:var(--accent-2);margin:6px 0 0}.ls-masters{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.ls-tasks{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.task-card{border-radius:var(--r-2);background:var(--sheet-2);border:1.5px solid var(--line);text-align:left;min-height:58px;transition:transform .12s var(--ease);align-items:center;gap:10px;padding:6px 10px;display:flex}.task-card.pressed{transform:scale(.97)}.tk-num{background:var(--ink);width:34px;height:34px;color:var(--sheet);font:700 var(--fs-l)/1 var(--display);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.task-card.done .tk-num{background:var(--accent)}.task-card.locked{background:var(--sheet-3)}.task-card.locked .tk-num{background:var(--muted)}.tk-text{flex-direction:column;flex:1;min-width:0;display:flex}.tk-text b{font:700 var(--fs-m)/1.25 var(--display)}.tk-text span{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task-card .stars .ico{width:18px;height:18px}.task-card>.ico{width:24px;height:24px}.ls-lore{border-radius:var(--r-2);background:var(--sheet-2)}.ls-lore summary{cursor:pointer;align-items:center;min-height:44px;padding:0 12px;font-weight:700;display:flex}.ls-lore p{padding:0 12px 12px}.ls-note{font-size:var(--fs-s)!important;color:var(--muted)!important}.prose{padding:14px 16px}.prose p,.prose-p{font-size:var(--fs-m);color:var(--ink-2);margin-top:6px;line-height:1.65}.land-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding-bottom:14px;display:grid}.land-card{background:var(--sheet);border:1px solid var(--line);border-left:6px solid var(--sect);border-radius:var(--r-3);min-height:66px;box-shadow:var(--sh-1);text-align:left;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.land-card.pressed{background:var(--sheet-3)}.land-card img{border-radius:50%;flex-shrink:0;width:48px;height:48px}.land-card b{font:700 var(--fs-m)/1.25 var(--display);display:block}.lc-sub{font-size:var(--fs-xs);color:var(--muted);display:block}.class-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;padding-bottom:14px;display:grid}.rules-list{margin:6px 0 0;padding-left:20px}.rules-list li{font-size:var(--fs-m);color:var(--ink-2);margin:4px 0;line-height:1.55}.coll-scroll>.col{padding-bottom:14px}.modal.codex-page{width:min(780px,100%)}.codex-banner{object-fit:cover;border-radius:var(--r-3) var(--r-3) 0 0;flex-shrink:0;width:calc(100% + 40px);height:150px;margin:-18px -20px 0}.cp-head{align-items:center}.cp-head img{border-radius:50%;width:44px;height:44px}.codex-page h2{font:800 var(--fs-xl)/1.2 var(--display)}.codex-page .section-title{color:var(--accent-2);margin:8px 0 0}.cp-table{align-items:center;gap:12px;display:flex}.cp-table .table-preview{flex-shrink:0;width:150px}.cp-cue{border-radius:var(--r-2);background:var(--sheet-2);flex-direction:column;gap:6px;padding:10px;display:flex}.cp-cue b{font:700 var(--fs-m)/1.3 var(--display)}.codex-champ{align-items:flex-start;gap:16px;display:flex}.cc-cut{border-radius:var(--r-2);background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--sect) 30%, var(--sheet)), var(--sheet-2) 75%);flex-shrink:0;width:36%;overflow:hidden}.cc-cut img{object-fit:contain;width:100%;height:230px;display:block}.cp-meta{font-size:var(--fs-s);color:var(--muted);padding-right:44px;font-weight:600}.codex-champ .nm-quote{margin:8px 0}.codex-gallery{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.codex-gallery img{aspect-ratio:1;object-fit:cover;border-radius:var(--r-2);background:var(--sheet-2);width:100%}.codex-gallery img.win{aspect-ratio:auto;grid-column:1/-1}.locked-note{border-radius:var(--r-2);background:var(--sheet-2);padding:10px 12px}.story-list{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-content:start;gap:10px;padding-bottom:14px;display:grid}.story-card{text-align:left;min-height:92px;transition:transform .12s var(--ease);align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.story-card.pressed{transform:scale(.98)}.sc-art{aspect-ratio:16/10;border-radius:var(--r-2);background:var(--sheet-3);flex-shrink:0;width:116px;position:relative;overflow:hidden}.sc-art img{object-fit:cover;width:100%;height:100%;display:block}.story-card.locked .sc-art img{filter:grayscale()brightness(.5)}.sc-lock{place-items:center;display:grid;position:absolute;inset:0}.sc-lock .ico{box-sizing:content-box;background:var(--sheet);border-radius:50%;width:26px;height:26px;padding:6px}.sc-body{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.sc-kicker{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2);font-weight:700}.sc-kicker:empty{display:none}.sc-title{font:700 var(--fs-l)/1.25 var(--display)}.sc-hint{font-size:var(--fs-s);color:var(--muted);line-height:1.35}.story-reader{z-index:70;padding:calc(10px + var(--st)) calc(16px + var(--sr)) calc(10px + var(--sb)) calc(16px + var(--sl));background:var(--frame);animation:screen-in .24s var(--ease) both;flex-direction:column;gap:10px;display:flex;position:fixed;inset:0}.story-reader.leaving{opacity:0;transition:opacity .18s}.sr-page{flex:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;min-height:0;display:grid}.sr-art-wrap{border-radius:var(--r-3);background:var(--ink);min-height:0;box-shadow:var(--sh-1);overflow:hidden}.sr-art{object-fit:cover;width:100%;height:100%;transition:opacity .3s;display:block}.sr-art.carry{opacity:1}.sr-sheet{flex-direction:column;min-height:0;display:flex;overflow:hidden}.sr-text{min-height:0;font:400 17px/1.8 var(--display);color:var(--ink);-webkit-user-select:text;user-select:text;outline:none;flex:1;padding:14px 22px 6px}.sr-text p{margin:0 0 .9em}.sr-foot{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.sr-dots,.intro-dots{flex-wrap:wrap;justify-content:center;gap:6px;min-width:0;display:flex}.sr-dots i,.intro-dots i{background:var(--line-2);border-radius:50%;width:8px;height:8px}.sr-dots i.on,.intro-dots i.on{background:var(--accent)}.modal.intro{gap:0;width:min(860px,100%);height:min(470px,100%);padding:0;display:grid;overflow:hidden}.intro-art{background:var(--ink);min-height:0}.intro-img{object-fit:cover;width:100%;height:100%;display:block}.intro-body{flex-direction:column;min-height:0;display:flex}.intro-scroll{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.intro-count{color:var(--accent-2);padding:0}.intro h2{font:800 var(--fs-xl)/1.2 var(--display)}.intro-text{font:400 var(--fs-l)/1.7 var(--display)!important;color:var(--ink)!important}.intro-foot{flex-shrink:0;align-items:center;gap:8px}.screen.install{background:var(--keyart) center / cover no-repeat, var(--frame)}@media (orientation:portrait){.screen.install{background-image:var(--keyart-tall)}}.install-wrap{justify-content:center;align-items:center;gap:22px;width:min(900px,100%);margin:auto;display:flex}.install-hero{isolation:isolate;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:16px 20px;display:flex;position:relative}.install-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#fbf8f2eb 55%,#fbf8f200);position:absolute;inset:-18% -10%}.ig-stamp{aspect-ratio:1;width:clamp(88px,22vh,124px);position:relative}.ig-icon{width:100%;height:100%;animation:ig-stamp .9s .2s var(--ease) both;border-radius:22%;position:absolute;inset:0;box-shadow:0 10px 24px #281e0f4d}.ig-splash{opacity:0;width:190%;height:190%;animation:.9s ease-out .62s both ig-splash;position:absolute;inset:-45%}@keyframes ig-stamp{0%{opacity:0;transform:scale(1.6)rotate(-8deg)}60%{opacity:1;transform:scale(.94)}to{transform:none}}@keyframes ig-splash{0%{opacity:0;transform:scale(.6)}40%{opacity:.9}to{opacity:.55;transform:scale(1)}}.ig-logo{width:min(64vw,300px);animation:.6s ease-out .9s both ig-fade}.install-card{background:var(--sheet);border-radius:var(--r-3);max-width:460px;box-shadow:var(--sh-2);flex:1;padding:20px 22px}.install-card,.rh-card,.vp-card{position:relative;overflow:hidden}.install-card:before,.rh-card:before,.vp-card:before{content:"";background:var(--accent);height:6px;position:absolute;top:0;left:0;right:0}.ig-title{font:800 26px/1.15 var(--display);align-items:center;gap:10px;margin-bottom:10px;display:flex}.ig-title .ico{width:36px;height:36px}.install-body{flex-direction:column;gap:12px;display:flex}.ig-lead{font-size:var(--fs-l);color:var(--ink);font-weight:600;line-height:1.45;animation:.45s ease-out .8s both ig-fade}.install-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.install-step{font-size:var(--fs-l);animation:ig-fade .45s calc(1s + var(--i,0) * .28s) ease-out both;align-items:center;gap:12px;line-height:1.4;display:flex}.ig-num{background:var(--accent);width:38px;height:38px;color:var(--on-accent);font:700 20px/1 var(--display);border-radius:7px;flex-shrink:0;place-items:center;display:grid;transform:rotate(-6deg)}.ig-note{font-size:var(--fs-m);color:var(--muted)}@keyframes ig-fade{0%{opacity:0;transform:translateY(8px)}}.install-body.ig-switch .ig-lead,.install-body.ig-switch .install-step{animation:none}.install-body.ig-switch .install-steps,.install-body.ig-switch .ig-note{animation:ig-swap .28s var(--ease) both}@keyframes ig-swap{0%{opacity:0;transform:translate(14px)}}@media (prefers-reduced-motion:reduce){.install-body.ig-switch .install-steps,.install-body.ig-switch .ig-note{animation:none}}@media (orientation:portrait){.install-wrap{flex-direction:column;gap:14px;margin:4vh auto auto}.install-card{width:100%;max-width:520px}}@media (prefers-reduced-motion:reduce){.ig-splash{opacity:.55}}.rotate-hint,.size-hint{z-index:100;padding:calc(20px + var(--st)) 20px calc(20px + var(--sb));color:var(--ink);font-family:var(--body);background:linear-gradient(#e9e1d0d1,#e9e1d0d1),url(../art/ui/paper.webp) 50%/640px,#e9e1d0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}body.vp-rotate{background:#e9e1d0}html:has(body.vp-rotate){background:#e9e1d0}body.vp-rotate .rotate-hint{min-height:100vh;min-height:100lvh}body.vp-rotate .rotate-hint,body.vp-resize .size-hint{display:flex}.rh-card,.vp-card{text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(440px,100%);padding:26px 24px 30px;display:flex}.rh-stage{place-items:center;width:260px;height:230px;display:grid;position:relative}.rh-phone{z-index:1;filter:drop-shadow(0 10px 16px #1a17134d);width:auto;height:190px;animation:rh-turn 3.4s var(--ease) infinite;position:relative}.rh-arrow{z-index:0;opacity:.85;width:118px;animation:3.4s ease-in-out infinite rh-arrow;position:absolute;top:96px;left:0}@keyframes rh-turn{0%,18%{rotate:0deg}46%,84%{rotate:-90deg}to{rotate:0deg}}@keyframes rh-arrow{0%,6%{opacity:0}16%,46%{opacity:.85}60%,to{opacity:0}}.rh-copy{flex-direction:column;gap:8px;display:flex}.rh-title{font:800 30px/1.15 var(--display);color:var(--ink)}.rh-sub{font-size:var(--fs-l);color:var(--ink-2);line-height:1.5}@media (prefers-reduced-motion:reduce){.rh-phone{animation:none;rotate:-90deg}.rh-arrow{opacity:.85;animation:none}}.vp-icon{background:var(--sheet-2);width:68px;height:68px;box-shadow:inset 0 0 0 1.5px var(--line-2);border-radius:50%;place-items:center;display:grid}.vp-icon .ico{width:42px;height:42px}.vp-title{font:800 26px/1.2 var(--display)}.vp-card p{font-size:var(--fs-l);color:var(--ink-2);max-width:40ch;line-height:1.5}.vp-now{font-size:var(--fs-m)!important;color:var(--muted)!important}.screen{padding-top:calc(8px + var(--st));padding-bottom:calc(8px + var(--sb));gap:8px}.challenge-list{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.challenge-family{flex-shrink:0;padding:14px}.family-heading{align-items:center;gap:12px;margin-bottom:12px;display:flex}.family-heading h2{font:700 21px/1.3 var(--display)}.family-heading p{color:var(--muted);font-size:15px}.challenge-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px;display:grid}.challenge-card{border:1px solid var(--line);border-radius:var(--r-2);background:var(--sheet-2);text-align:left;align-items:center;gap:10px;min-height:72px;padding:10px;display:flex}.challenge-card.pressed{background:var(--sheet-3)}.challenge-number{background:var(--sheet);width:44px;height:44px;font:700 21px var(--display);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.challenge-hint{color:var(--muted);font-size:13px;display:block}.challenge-card .stars .ico{width:20px;height:20px}.profile-modal{padding:12px}.screen:not(.game) .tab{min-height:44px}.ls-body>*,.intro-scroll>*{flex-shrink:0}.champion-skills{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;padding:6px 0;display:grid}.champion-skill{min-width:0;min-height:max(64px, calc(44px / var(--ui-scale,1)));background:var(--sheet);color:var(--ink);font:700 13px/1.2 var(--display);cursor:pointer;border:0;flex-direction:column;justify-content:center;gap:5px;padding:6px}.champion-skill img{object-fit:contain;flex-shrink:0;width:48px;height:48px}.champion-skill-label{font:600 11px/1.2 var(--body);color:var(--muted)}.champion-skill-name{font:700 13px/1.25 var(--display)}.champion-skill-cost{font:600 11px/1.3 var(--body);color:var(--accent-2)}.champion-skill-hint{font:500 11px/1.2 var(--body);color:var(--muted)}.champion-skill.ult{color:var(--accent-2)}.champion-skill.pressed{background:var(--sheet-3)}.champion-skill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal.champion-skill-detail{background:var(--sheet);gap:12px;width:min(580px,100%);max-height:100%}.champion-skill-heading{align-items:center;gap:12px;padding-right:44px;display:flex}.champion-skill-heading img{object-fit:contain;flex-shrink:0;width:64px;height:64px}.champion-skill-heading h2{margin:3px 0 0;font-size:23px}.champion-skill-copy{background:var(--sheet);min-height:0}.champion-skill-copy p{margin:0 0 10px}.champion-skill-copy .champion-skill-cost{color:var(--accent-2);font-weight:700}.champion-skill-detail .actions{flex-shrink:0}.screen.game.mx{--col-top:calc(var(--st) + 6px + var(--top-h) + var(--gap))}#ui>.screen.game>.mx-probe{left:var(--sl);right:var(--sr);top:var(--st);bottom:var(--sb);visibility:hidden;pointer-events:none;position:absolute}#ui>.screen.game>.mx-col,#ui>.screen.game>.mx-top{pointer-events:none}.mx-col>*,.mx-top>*{pointer-events:auto}#ui>.screen.game>.mx-hand,#ui>.screen.game>.mx-calltag{pointer-events:none}.mx-top{top:calc(6px + var(--st));left:calc(8px + var(--sl));right:calc(8px + var(--sr));height:var(--top-h);align-items:center;gap:var(--gap);display:flex;position:absolute}.mx-pause{width:max(48px, var(--touch-target));height:max(48px, var(--touch-target));flex-shrink:0}.mx-card{flex:0 27%;align-items:center;min-width:0;height:100%;display:flex}.mx-card.p2{text-align:right;border-radius:var(--r-3) 999px 999px var(--r-3);flex-direction:row-reverse}.mx-card.active{border-color:var(--accent)}.mx-ringwrap{width:calc(var(--face) + 8px);height:calc(var(--face) + 8px);flex-shrink:0;position:relative}.mx-ring{background:conic-gradient(var(--accent) calc(var(--e,0) * 1%), var(--sheet-3) 0);border-radius:50%;padding:4px;position:absolute;inset:0}.mx-face{object-fit:cover;border:2px solid var(--sheet);border-radius:50%;width:100%;height:100%;display:block}.mx-ring.swap .mx-face{animation:mx-swap .34s var(--ease)}@keyframes mx-swap{0%{opacity:.4;transform:scale(.86)}}.mx-turnmark{z-index:2;pointer-events:none;filter:drop-shadow(0 1px 1px #fbf8f2e6);will-change:translate, opacity;width:22px;height:22px;display:none;position:absolute;top:50%;left:100%;translate:2px -50%}.mx-turnmark .ico{width:100%;height:100%;transform:rotate(180deg)}.mx-card.p2 .mx-turnmark{left:auto;right:100%;translate:-2px -50%}.mx-card.p2 .mx-turnmark .ico{transform:none}.mx-card.active .mx-turnmark{animation:1.1s ease-in-out infinite mx-turn-bob;display:block}.mx-card.p2.active .mx-turnmark{animation-name:mx-turn-bob-r}.mx-card.active .mx-ringwrap:before{content:"";border:3px solid var(--accent);opacity:0;pointer-events:none;will-change:opacity;border-radius:50%;animation:1.1s ease-in-out infinite mx-turn-ring;position:absolute;inset:-3px}@keyframes mx-turn-bob{50%{opacity:.55;translate:6px -50%}}@keyframes mx-turn-bob-r{50%{opacity:.55;translate:-6px -50%}}@keyframes mx-turn-ring{50%{opacity:1}}@media (prefers-reduced-motion:reduce){.mx-card.active .mx-turnmark,.mx-card.active .mx-ringwrap:before{animation:none}.mx-card.active .mx-ringwrap:before{opacity:1}}.no-energy .mx-ring{background:var(--sheet-3)}.no-energy .mx-epill{display:none}.mx-epill{background:var(--ink);min-width:30px;color:var(--sheet);font:700 13px/18px var(--body);text-align:center;border-radius:999px;padding:0 6px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.mx-ringwrap.full .mx-epill{background:var(--accent);color:var(--on-accent)}.mx-ringwrap.full .mx-ring:after{content:"";border:3px solid var(--accent);border-radius:50%;animation:1.4s ease-out infinite mx-ripple;position:absolute;inset:-1px}@keyframes mx-ripple{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.mx-gain{z-index:2;background:var(--accent);color:var(--on-accent);font:800 15px/1.1 var(--display);white-space:nowrap;pointer-events:none;animation:mx-gain 1.15s var(--ease) forwards;border-radius:999px;padding:2px 7px;position:absolute;top:30%;left:50%}@keyframes mx-gain{0%{opacity:0;transform:translate(-50%,8px)scale(.8)}18%{opacity:1;transform:translate(-50%,-4px)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-26px)}}.mx-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mx-name{font:700 15px/1.2 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mx-line{min-width:0;color:var(--ink-2);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.mx-card.p2 .mx-line{flex-direction:row-reverse}.mx-score{background:var(--ink);min-width:28px;height:24px;color:var(--sheet);font:700 16px/24px var(--display);text-align:center;border-radius:6px;flex-shrink:0;padding:0 7px}.mx-sub{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.mx-card.p2 .mx-sub{justify-content:flex-end}.mx-grp{border:1.5px solid var(--ink);border-radius:999px;flex-shrink:0;padding:0 7px;font-size:13px;line-height:18px}.mx-grp.solid{background:var(--ink);color:var(--sheet)}.mx-foul{color:var(--bad)}.mx-potted{gap:2px;height:18px;display:flex;overflow:hidden}.mx-pot{filter:drop-shadow(0 1px 1px #1a171359);flex-shrink:0;width:18px;height:18px}.mx-pot.left{opacity:.3;filter:grayscale(.6)}.mx-card.p2 .mx-potted{justify-content:flex-end}.mx-ball{background:var(--c);border:1px solid #1a171359;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:inset -1px -1px 2px #00000059}.mx-ball.stripe{background:linear-gradient(#f4f1e6 0 26%, var(--c) 26% 74%, #f4f1e6 74%)}.mx-center{flex:1;min-width:0;height:100%;position:relative}.mx-obj{text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute}.mx-obj-k{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mx-obj-t{font:700 15px/1.25 var(--body);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mx-herald{border-radius:var(--r-2);border:1px solid var(--ink);border-left:4px solid var(--accent);background:var(--sheet);color:var(--ink);align-items:center;gap:10px;padding:4px 14px 4px 4px;display:none;position:absolute;inset:0;box-shadow:0 3px #201b1520}.mx-herald.show{animation:mx-herald-in .3s var(--ease) both;display:flex}.mx-herald.red{color:var(--accent);border-color:var(--accent)}@keyframes mx-herald-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}}.mx-h-face,.mx-h-icon{aspect-ratio:1;border:2px solid var(--sheet);background:var(--sheet);border-radius:50%;flex-shrink:0;height:100%}.mx-h-face{object-fit:cover}.mx-h-icon{place-items:center;display:grid}.mx-h-icon .ico{width:64%;height:64%}.mx-h-text{flex:1;min-width:0}.mx-h-title{font:700 17px/1.2 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mx-h-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.mx-h-think{background:var(--sheet);border-radius:50%;width:38px;height:38px;padding:4px;animation:1.1s ease-in-out infinite mx-bob}@keyframes mx-bob{50%{transform:translateY(-3px)}}.mx-col{top:var(--col-top);bottom:calc(8px + var(--sb));gap:var(--gap);flex-direction:column;display:flex;position:absolute}.mx-dock{left:calc(8px + var(--sl));width:var(--colL)}.mx-ctrl{right:calc(8px + var(--sr));width:var(--colR);gap:4px}.lefty .mx-dock{left:auto;right:calc(8px + var(--sr))}.lefty .mx-ctrl{right:auto;left:calc(8px + var(--sl))}.mx-skill{min-height:0;transition:transform .12s var(--ease), border-color .2s;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:1px;padding:2px;display:flex;position:relative}.mx-skill.pressed{transform:scale(.95)}.mx-sk-art{background:var(--sheet-3);border-radius:10px;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden}.mx-sk-img{object-fit:cover;width:100%;height:100%;display:block}.mx-skill.cool .mx-sk-img{filter:grayscale();opacity:.45}.mx-skill.charging .mx-sk-img{filter:grayscale(.7);opacity:.75}.mx-skill.charging .mx-sk-art:after{content:"";height:calc(var(--e,0) * 1%);pointer-events:none;background:#b0352261;position:absolute;bottom:0;left:0;right:0}.mx-sk-state{white-space:nowrap;max-width:100%;color:var(--sheet);font:700 11px/16px var(--body);background:#1a1713d6;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:1px;padding:0 4px;display:flex;position:static}.mx-sk-state:empty{display:none}.mx-sk-state .ico{filter:brightness(0)invert()}.mx-sk-name{font:600 13px/1.15 var(--body);text-align:center;color:var(--ink);flex-shrink:0}.mx-pad{gap:var(--gap);flex-direction:column;display:flex}.mx-pair{justify-content:space-between;gap:var(--gap);display:flex}.mx-btn{width:var(--btn);height:var(--btn);touch-action:none;transition:transform .1s var(--ease);min-width:var(--touch-target);min-height:var(--touch-target);flex-shrink:0;place-items:center;display:grid}.mx-btn.pressed{transform:scale(.94)}.mx-btn:disabled,.mx-strike:disabled{opacity:.45;cursor:default}.mx-cueball{border:1.5px solid var(--ink-2);background:radial-gradient(circle at 36% 30%,#fff 0,#efe9dc 52%,#b8ae9c 100%);border-radius:50%;width:68%;height:68%;position:relative}.mx-cb-dot{background:var(--accent);border:1.5px solid var(--sheet);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.mx-dpad{aspect-ratio:384/371;background:url(../art/ui/dpad.webp) 50%/contain no-repeat;width:100%;display:none;position:relative}.mx-dpad-b{touch-action:none;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.mx-dpad-b.up{clip-path:polygon(0 0,100% 0,50% 50%)}.mx-dpad-b.down{clip-path:polygon(0 100%,100% 100%,50% 50%)}.mx-dpad-b.left{clip-path:polygon(0 0,0 100%,50% 50%)}.mx-dpad-b.right{clip-path:polygon(100% 0,100% 100%,50% 50%)}.mx-dpad-b.pressed{background:radial-gradient(circle closest-side,#0000 36%,#1a171329 37% 88%,#0000 89%)}.mx-dpad-b:disabled{opacity:.45}.mx-ctrl.placing .mx-pad,.mx-ctrl.placing .mx-power{display:none}.mx-ctrl.placing .mx-dpad{display:block}.mx-power{touch-action:none;cursor:ns-resize;flex:auto;align-items:center;display:flex}.mx-phead{font:700 15px/1 var(--display);color:var(--ink);align-items:center;display:flex}.mx-phead .ico{width:24px;height:24px}.mx-ptrack{border:1px solid var(--line-2);position:relative;overflow:hidden}.mx-pfill{transform-origin:bottom;position:absolute;inset:0;transform:scaleY(0)}.mx-ptick{position:absolute;left:0}.mx-ptick:nth-child(6){width:50%}.mx-power.off{opacity:.5}.mx-power.hot .mx-ppct{color:var(--accent)}.mx-power:focus-visible{outline:none}.mx-strike{border-radius:var(--r-3);background:var(--accent);color:var(--on-accent);font:800 19px/1 var(--display);letter-spacing:.06em;box-shadow:0 3px 0 var(--accent-2), var(--sh-1);touch-action:none;transition:transform .1s var(--ease), background .15s;height:60px;min-height:var(--touch-target);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;margin-top:auto;display:flex}.mx-strike .ico{background:var(--sheet);border-radius:50%;padding:3px}.mx-strike.pressed{transform:translateY(2px)}.mx-chips{z-index:5;white-space:nowrap;gap:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.mx-chips:empty{display:none}.mx-chip{box-shadow:var(--sh-1)}.mx-chip.need{border-color:var(--accent);color:var(--accent)}.mx-chip.set{background:var(--ink);color:var(--sheet);border-color:var(--ink)}.mx-chip.set .ico{filter:brightness(0)invert()}.mx-calltag{z-index:4;background:var(--accent);color:var(--on-accent);font:700 14px/1.2 var(--display);white-space:nowrap;box-shadow:var(--sh-1);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;display:flex;position:absolute;transform:translate(-50%,-50%)}.mx-ct-label{text-transform:uppercase;letter-spacing:.06em;font-size:13px}.mx-calltag.pop{animation:mx-call-pop .32s var(--ease) both}@keyframes mx-call-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.mx-hand{z-index:3;filter:drop-shadow(0 4px 4px #0006);will-change:transform;position:absolute;top:0;left:0}#ui>.screen.game>.mx-catch{z-index:20;background:#14100c38;animation:.18s both fade-in;position:absolute}.mx-sheet{z-index:21;top:var(--col-top);bottom:calc(8px + var(--sb));background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-2);animation:mx-sheet-in .22s var(--ease) both;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:absolute;overflow-y:auto}@keyframes mx-sheet-in{0%{opacity:0;transform:translate(-12px)}}.mx-sc-x{position:absolute;top:8px;right:8px}.mx-dock.sheet-open .mx-skill{z-index:22;position:relative}.mx-skillcard{left:calc(8px + var(--sl) + var(--colL) + var(--gap));width:min(370px,50%)}.lefty .mx-skillcard{left:auto;right:calc(8px + var(--sr) + var(--colL) + var(--gap))}.mx-sc-head{padding-right:var(--touch-target);align-items:center;gap:12px;display:flex}.mx-sc-icon{object-fit:cover;border:1.5px solid var(--line-2);border-radius:14px;flex-shrink:0;width:64px;height:64px}.mx-sc-titles{min-width:0}.mx-sc-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.mx-sc-name{font:700 21px/1.2 var(--display)}.mx-sc-desc{color:var(--ink);font-size:15px;line-height:1.5}.mx-sc-req{border-radius:var(--r-1);background:var(--sheet-2);color:var(--ink-2);align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:600;display:flex}.mx-sc-req .ico{width:26px;height:26px}.mx-sc-foot{align-items:center;gap:12px;margin-top:auto;display:flex}.mx-sc-reason{min-width:0;color:var(--bad);flex:1;font-size:14px;font-weight:700;line-height:1.3}.mx-sc-reason.ok{color:var(--ok)}.mx-sc-foot .btn{flex-shrink:0}.mx-spinsheet{right:calc(8px + var(--sr) + var(--colR) + var(--gap));flex-direction:row;align-items:stretch;gap:16px;width:min(460px,64%);animation-name:mx-sheet-in-r;overflow:hidden}.lefty .mx-spinsheet{right:auto;left:calc(8px + var(--sl) + var(--colR) + var(--gap));animation-name:mx-sheet-in}@keyframes mx-sheet-in-r{0%{opacity:0;transform:translate(12px)}}.mx-sp-ballwrap{aspect-ratio:1;flex-shrink:0;place-items:center;max-width:48%;height:min(100%,190px);display:grid}.mx-bigball{aspect-ratio:1;border:2px solid var(--ink-2);width:100%;box-shadow:var(--sh-2);touch-action:none;cursor:crosshair;background:radial-gradient(circle at 36% 30%,#fff 0,#f2ede1 45%,#c6bdab 100%);border-radius:50%;position:relative}.mx-bb-limit{border:2px dashed #b0352280;border-radius:50%;position:absolute;inset:12.3%}.mx-bb-h,.mx-bb-v{background:#1a17132e;position:absolute}.mx-bb-h{height:1.5px;top:50%;left:8%;right:8%}.mx-bb-v{width:1.5px;top:8%;bottom:8%;left:50%}.mx-bb-tip{background:var(--accent);border:3px solid var(--sheet);border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;position:absolute;box-shadow:0 1px 4px #0006}.mx-sp-side{flex-direction:column;flex:1;gap:6px;min-width:0;min-height:0;display:flex}.mx-sp-title{font:700 19px/1.2 var(--display);min-height:32px;padding-right:var(--touch-target);flex-shrink:0;align-items:center;gap:6px;display:flex}.mx-sp-title .ico{width:28px;height:28px}.mx-sp-cap{color:var(--accent);font-size:15px;font-weight:700}.mx-sp-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.mx-sp-chip{min-width:var(--touch-target);min-height:var(--touch-target);justify-content:center;padding:0 8px}.coach{z-index:45;pointer-events:auto;background:var(--sheet);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:var(--r-2);width:min(260px,100vw - 16px);max-width:260px;max-height:calc(100dvh - 16px);box-shadow:var(--sh-2);animation:mx-coach-in .22s var(--ease) both;padding:8px 10px;position:fixed;overflow-y:auto}.coach.floating{left:50%;top:calc(12px + var(--st));transform:translate(-50%)}.coach.leaving{opacity:0;transition:opacity .18s}@keyframes mx-coach-in{0%{opacity:0;transform:scale(.96)}}.coach-head{align-items:center;gap:8px;display:flex}.coach-head .ico{width:20px;height:20px}.coach-title{font:700 14px/1.2 var(--display)}.coach-text{color:var(--ink);margin-top:4px;font-size:14px;line-height:1.45}.coach-actions{justify-content:flex-end;margin-top:8px;display:flex}.coach-target{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--r-2);animation:1.2s ease-in-out infinite mx-target}@keyframes mx-target{50%{outline-offset:6px}}#ui>.screen.game>.mx-vs{z-index:40;padding:0 calc(20px + var(--sr)) 0 calc(20px + var(--sl));grid-template-columns:1fr auto 1fr;align-items:center;animation:.2s both fade-in;display:grid;position:absolute;inset:0}.mx-vs-side{animation:mx-slide-l .45s var(--ease) both;flex-direction:column;align-items:center;display:flex}.mx-vs-side.r{animation-name:mx-slide-r}.mx-vs-av{aspect-ratio:1}.mx-vs-av img,.mx-vs-av>div{display:block}.mx-vs-name{font:800 32px/1.15 var(--display);text-align:center}.mx-vs-title{color:var(--sheet);font-weight:600}.mx-vs-mid{font:800 96px/1 var(--display);color:var(--accent);animation:mx-pop .5s .25s var(--ease) both}.mx-vs-quote{text-align:center;grid-column:1/-1;justify-self:center;max-width:80%;margin-top:-8px;font-size:15px;font-weight:600}@keyframes mx-slide-l{0%{opacity:0;transform:translate(-60px)}}@keyframes mx-slide-r{0%{opacity:0;transform:translate(60px)}}@keyframes mx-pop{0%{opacity:0;transform:scale(.6)}}.mx-modal .mx-mtext{font-size:15px;line-height:1.5}.mx-result{flex-direction:row;gap:18px;width:min(660px,100%);padding:14px}.mx-res-art{flex-shrink:0;align-self:stretch;width:36%;min-height:180px;overflow:hidden}.mx-res-art img{object-fit:cover;object-position:50% 15%;width:100%;height:100%;display:block}.mx-res-body{flex-direction:column;flex:1;gap:8px;min-width:0;padding:4px 4px 0 0;display:flex;overflow-y:auto}.mx-res-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.mx-res-score{font:800 34px/1 var(--display)}.mx-res-body .stars .ico{width:40px;height:40px}.mx-res-body .actions{margin-top:auto;padding-top:6px}.mx-res-lines .kv>:first-child{color:var(--ink)}.btn.mx-leave{color:var(--bad)}.mx-rules,.mx-help{max-height:100%}.mx-rules{width:min(640px,100%)}.mx-help{width:min(780px,100%)}.mx-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:15px;line-height:1.45;display:flex}.mx-help-grid{grid-template-columns:1fr 1fr;gap:12px 18px;display:grid}.mx-help-item{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.mx-help-item b{color:var(--ink);font-size:15px;display:block}.mx-help-ic{background:var(--sheet-2);border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.mx-help-ic .ico{width:30px;height:30px}.cutin{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cutin .ci-strip{background:var(--strip) center / cover, linear-gradient(90deg, var(--sect), #1a1713);height:46%;box-shadow:0 0 0 3px var(--ink);animation:ci-strip 1.35s var(--ease) forwards;margin-top:0;position:absolute;top:27%;left:-10%;right:-10%;transform:skewY(-8deg)translate(-110%)}.cutin .ci-hero{object-fit:contain;opacity:0;max-width:60%;height:92%;animation:ci-hero 1.35s var(--ease) forwards;position:absolute;bottom:0;left:6%}.cutin .ci-plate{border-left:6px solid var(--accent);opacity:0;animation:ci-plate 1.35s var(--ease) forwards;align-items:center;display:flex;position:absolute}.cutin .ci-seal{object-fit:cover;border:2px solid var(--accent);flex-shrink:0}.cutin .ci-kicker{font:700 14px/1.3 var(--body);text-transform:uppercase}.cutin .ci-name{font:700 32px/1.15 var(--display);overflow-wrap:anywhere}.cutin.rtl .ci-hero{animation-name:ci-hero-r;left:auto;right:6%;transform:scaleX(-1)}.cutin.rtl .ci-plate{right:auto}.cutin.rtl .ci-strip{animation-name:ci-strip-r;transform:skewY(8deg)translate(110%)}@keyframes ci-strip{0%{transform:skewY(-8deg)translate(-110%)}14%,82%{transform:skewY(-8deg)translate(0)}to{transform:skewY(-8deg)translate(110%)}}@keyframes ci-strip-r{0%{transform:skewY(8deg)translate(110%)}14%,82%{transform:skewY(8deg)translate(0)}to{transform:skewY(8deg)translate(-110%)}}@keyframes ci-hero{0%{opacity:0;translate:-253px;scale:1.15}18%{opacity:1;translate:17px;scale:1}80%{opacity:1;translate:42px}to{opacity:0;translate:253px}}@keyframes ci-hero-r{0%{opacity:0;translate:253px;scale:1.15}18%{opacity:1;translate:-17px;scale:1}80%{opacity:1;translate:-42px}to{opacity:0;translate:-253px}}@keyframes ci-plate{0%,16%{opacity:0;translate:0 18px}26%,82%{opacity:1;translate:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.mx-ringwrap.full .mx-ring:after{opacity:.8;animation:none;transform:scale(1.12)}.mx-skill.ult.ready .mx-sk-art,.mx-h-think,.coach-target{animation:none}.cutin .ci-strip,.cutin .ci-hero,.cutin .ci-plate{transform:translate(0,0);animation:1.3s linear forwards ci-fade!important}@keyframes ci-fade{0%,to{opacity:0}15%,85%{opacity:1}}}.mx-next{left:calc(8px + var(--sl));bottom:calc(8px + var(--sb));width:var(--colL);border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--sheet);color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:5px;font-size:13px;font-weight:700;display:flex;position:absolute}.mx-next:empty,.mx-next[hidden]{display:none}.mx-next-ball{min-width:0;min-height:max(32px, calc(44px / var(--ui-scale,1)));flex:1;place-items:center;padding:0;display:grid}.mx-next-ball.pressed .mx-ball{transform:scale(.9)}.mx-next .mx-ball{place-items:center;width:28px;height:28px;display:grid}.mx-next .mx-ball b{color:#1a1713;text-align:center;background:#f4f1e6;border-radius:8px;min-width:16px;height:16px;padding:0 2px;font-size:12px;font-weight:800;line-height:16px}.lefty .mx-next{left:auto;right:calc(8px + var(--sr))}.mx-skillcard .mx-sc-x{width:var(--touch-target);height:var(--touch-target)}.mx-dock .mx-skill{min-height:64px}.mx:has(.mx-next:not(:empty):not([hidden])) .mx-sk-art{width:22px;height:22px}.mx:has(.mx-next:not(:empty):not([hidden])) .mx-skill{gap:0;padding:1px 3px}.mx:has(.mx-next:not(:empty):not([hidden])) .mx-sk-name{line-height:1.1}.mx-center.coaching>.mx-obj,.mx-center.coaching>.mx-herald{visibility:hidden}.mx-center>.coach.match-coach{grid-template-rows:16px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 68px;column-gap:5px;width:100%;max-width:none;height:100%;max-height:100%;padding:2px 6px;animation:none;display:grid;position:absolute;inset:0;overflow:hidden}.match-coach .coach-head{gap:4px}.match-coach .coach-head .ico{width:16px;height:16px}.match-coach .coach-title{font-size:13px}.match-coach .coach-text{grid-column:1;margin:0;font-size:13px;line-height:16px;overflow-y:auto}.match-coach .coach-text .ico{vertical-align:middle;width:18px;height:18px;display:inline-block}.match-coach .coach-actions{grid-area:1/2/3;align-items:center;margin:0}.match-coach .coach-actions .btn{width:68px;min-width:0;min-height:44px;padding:4px;font-size:13px}.mx-passive{min-height:var(--touch-target);white-space:normal;padding:4px 6px;font-size:10px;line-height:1.25}.mx-passive:disabled{opacity:.75}.mx-ctrl.placing.preview-aim .mx-pad{display:flex}.mx-ctrl.placing.preview-aim .mx-dpad{display:none}.mx-place-mode{min-height:max(44px, calc(44px / var(--ui-scale,1)));flex-shrink:0;font-size:14px}.mx-ctrl>.mx-castrow:not(:has(>button:not([hidden]))){display:none}.mx-elevation{gap:2px;font-size:11px;display:grid}.mx-elevation input{width:100%;min-height:var(--touch-target,44px);accent-color:var(--accent)}.mx-jump-help{margin:0;font-size:10px;line-height:1.35}.cutin.paused,.cutin.paused *{animation-play-state:paused!important}.mx-spinsheet .mx-sp-ballwrap{align-self:center}.mx-sp-body{flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.mx-sp-body>*,.mx-sp-side>.btn{flex-shrink:0}.mx-spinsheet .mx-sc-x{width:var(--touch-target);height:var(--touch-target)}.cutin,.cutin *{pointer-events:none!important}.cutin.paused{visibility:hidden}@media (hover:hover) and (pointer:fine) and (min-width:900px){.screen.game.mx .mx-dpad{display:none!important}.screen.game.mx .mx-ctrl.placing:not(.preview-aim) .mx-place-mode{min-width:128px}.screen.game.mx .mx-ctrl{--colR:112px}}.panel,.modal,.sheet{box-shadow:none;filter:drop-shadow(0 6px 14px #281e1229);background:0 0;border:22px solid #0000;border-image:url(../art/ui/frame/panel.webp) 74 fill/22px;border-radius:0}.modal{border-width:26px;border-image-width:26px;padding:6px 10px}.panel{padding:4px 6px}.btn{box-shadow:none;text-shadow:0 1px #3c0a0459;background:0 0;border:14px solid #0000;border-image:url(../art/ui/frame/btn-primary.webp) 56 fill/14px;border-radius:0;min-height:52px;padding:0 10px}.btn.pressed,.btn:active{box-shadow:none;filter:brightness(.9);background:0 0;transform:translateY(2px)}.btn.ghost,.btn.secondary{text-shadow:none;background:0 0;border:14px solid #0000;border-image:url(../art/ui/frame/btn-secondary.webp) 56 fill/14px}.btn.ghost.pressed,.btn.secondary.pressed{filter:brightness(.94);background:0 0}.btn.small{border-width:12px;border-image-width:12px;min-height:46px;padding:0 6px}.btn.big{min-height:60px}.topbar{box-shadow:none;background:0 0;border:0;padding:0}.tb-title{min-width:0;color:var(--ink);text-shadow:none;background:url(../art/ui/frame/ribbon.webp) 22px bottom/calc(100% - 22px) 11px no-repeat;flex:0 auto;margin-right:auto;font-size:24px;position:relative;padding:2px 18px 12px 36px!important}.topbar>:first-child.tb-title{padding-left:58px}.screen.home{isolation:isolate;background:0 0;display:block}.home-left{z-index:2;top:calc(8px + var(--st));bottom:calc(10px + var(--sb));left:calc(14px + var(--sl));flex-direction:column;gap:8px;width:384px;display:flex;position:absolute}.home-left .home-logo{object-fit:contain;flex-shrink:0;align-self:flex-start;width:auto;height:52px}.home-top{z-index:3;top:calc(8px + var(--st));right:calc(14px + var(--sr));height:62px;position:absolute}.home-journey{text-align:left;filter:drop-shadow(0 6px 14px #281e1233);min-height:92px;transition:transform .12s var(--ease);border:18px solid #0000;border-image:url(../art/ui/frame/panel.webp) 74 fill/18px;flex-shrink:0;align-items:center;gap:12px;padding:2px 4px;animation-delay:60ms;display:flex}.home-journey.pressed{transform:scale(.98)}.hj-map{background:var(--map) center / cover;width:104px;height:60px;box-shadow:0 0 0 2px var(--ink);border-radius:6px;flex-shrink:0}.hj-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hj-name{font:800 23px/1.1 var(--display);color:var(--accent-2)}.hj-sub{font-size:var(--fs-xs);color:var(--muted)}.hj-go{background:var(--accent);width:46px;height:46px;box-shadow:0 2px 0 var(--accent-2);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.hj-go .ico{filter:brightness(0)invert();width:24px;height:24px}.home-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:6px;min-height:0;display:grid}.home-tablet{filter:drop-shadow(0 4px 10px #281e1229);min-width:0;min-height:0;transition:transform .12s var(--ease);border:8px solid #0000;border-image:url(../art/ui/frame/panel.webp) 74 fill/8px;flex-direction:column;grid-template-rows:28px 34px 27px;place-content:center;place-items:center;gap:1px;padding:0;display:grid}.home-tablet.pressed{transform:scale(.96)}.ht-icon{flex-shrink:0;place-items:center;height:28px;display:grid}.ht-name{max-width:100%;font:700 14px/1.15 var(--display);color:var(--ink);white-space:normal;text-align:center}.ht-sub{color:var(--muted);white-space:normal;text-align:center;max-width:100%;font-size:11px;line-height:1.3}.player-card{border:2px solid var(--ink)}.badge.kind{color:#fbf6ec;background:var(--ink);font-family:var(--display);letter-spacing:.02em}.badge.kind[data-kind=nuhiep]{background:#8f2f4a}.badge.kind[data-kind=yeu]{background:#6b5320}.badge.kind[data-kind=linh]{background:#2f5677}.badge.kind[data-kind=co]{background:#4f4a44}.badge.kind[data-kind=ma]{background:#4a2a5c}.setup-body{gap:12px}.setup-opts{flex:none;justify-content:space-evenly;gap:2px;width:min(470px,56%);padding:4px 8px!important}.opt-label{font:700 14px/1.2 var(--display);color:var(--ink)}.versus{min-width:0;box-shadow:none;background:0 0;border:0;flex-direction:column;flex:1;gap:6px;padding:0;display:flex;width:auto!important}.vs-stage{border:16px solid #0000;border-image:url(../art/ui/frame/panel.webp) 74 fill/16px;flex:1;min-height:0;position:relative;overflow:hidden}.vs-stage:before{content:"";background:linear-gradient(105deg, #1a171333 0 50%, #b0352242 50%), var(--paper,none) center / 640px, #ebe2cf;position:absolute;inset:0}.vs-cut{filter:drop-shadow(0 6px 10px #281e124d);object-fit:contain;width:60%;height:118%;position:absolute;top:4%;bottom:auto}.vs-cut.foe{object-position:right top;animation:ct-champion-right .52s .16s var(--ease) backwards;right:-10%;transform:scaleX(-1)}.vs-stage .vs-seal{z-index:2;animation:ct-seal-stamp .24s .56s var(--ease) backwards;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.vs-stage .vs-roll{z-index:3;min-height:max(34px, calc(44px / var(--ui-scale,1)));white-space:nowrap;padding:0 12px;font-size:13px;position:absolute;bottom:2px;left:50%;translate:-50%}.vs-stage .vs-roll .ico{width:18px;height:18px}.vs-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;display:grid}.vs-plates .vs-side{min-width:0;height:64px;min-height:max(58px, calc(44px / var(--ui-scale,1)));color:var(--ink);animation:ct-art-rise .28s .62s var(--ease) backwards;background:0 0;border:1px solid #0000;border-image:url(../art/ui/frame/plate.webp) 0 80 fill/0 18px;border-radius:0;align-items:center;padding:9px 22px}.vs-plates .vs-side.foe{text-align:right;justify-content:flex-end;padding:9px 22px;animation-delay:.68s}.vs-plates .vs-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.vs-plates .vs-sub{color:var(--ink-2);-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:12px;line-height:1.25;display:block;overflow:hidden}.vs-plates .vs-text{flex:1;min-width:0}.vs-plates .vs-edit .ico{width:20px;height:20px}.vs-plates input{width:100%;min-width:0;max-width:100%;font:700 15px/1.2 var(--display);text-align:inherit;color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:0;height:22px;min-height:0;padding:0}.vs-plates input:focus-visible{background:#1a17130f;outline:0}.versus>.btn{flex-shrink:0}.setup-opts .chips{flex-wrap:nowrap;align-items:center;gap:0}.setup-opts .chip{min-height:36px;color:var(--ink-2);font:600 14px/1.2 var(--display);background:0 0;border:0;border-radius:0;padding:0 10px 4px;transition:color .2s;position:relative}.setup-opts .chip+.chip:before{content:"";opacity:.55;pointer-events:none;background:url(../art/ui/ink-tick.webp) 50%/contain no-repeat;width:4px;height:18px;position:absolute;top:50%;left:-2px;translate:0 -50%}.setup-opts .chip:not([aria-pressed=true]):hover{color:var(--ink)}.setup-opts .chip[aria-pressed=true]{color:var(--accent-2);background:url(../art/ui/tap-stroke.webp) center bottom 2px/calc(100% - 8px) 10px no-repeat;font-weight:700}.setup-opts .chip:has(.ico){color:var(--ink);background:0 0}.setup-opts .chip:has(.ico)[aria-pressed=true]{color:var(--ink);background:0 0}.setup-opts .chip .ico{order:1;width:18px;height:18px}.vs-cut.me{object-position:left top;animation:ct-champion-left .52s 80ms var(--ease) backwards;left:-10%}.mx-skill,.mx-btn{box-shadow:none;filter:drop-shadow(0 3px 8px #281e122e);background:0 0;border:8px solid #0000;border-image:url(../art/ui/frame/panel.webp) 74 fill/8px;border-radius:0}.mx-skill.pressed,.mx-btn.pressed{filter:brightness(.92);background:0 0}.mx-btn{padding:0}.mx-btn .ico{width:76%;height:76%}.mx-sk-name{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:13px;line-height:1.15;display:-webkit-box;overflow:hidden}.tb-title:before{content:"";background:var(--accent);border-radius:4px;width:22px;height:22px;margin-top:-16px;position:absolute;top:50%;left:4px;box-shadow:inset 0 0 0 2px #fffaf38c}.champ-card{animation:ct-art-rise .34s var(--ease) both;box-shadow:none;filter:drop-shadow(0 3px 8px #281e122e);background:0 0;border:10px solid #0000;border-image:url(../art/ui/frame/panel.webp) 74 fill/10px;border-radius:0;gap:0;padding:0}.champ-card .cc-art{box-shadow:inset 0 -26px 22px -18px var(--sect);border-radius:4px}.champ-card .cc-name{font:700 14px/1.15 var(--display);justify-content:center;align-items:flex-start;min-height:2.3em;margin-top:4px;display:flex}.champ-card .cc-sub{font-size:12px;line-height:1.2}.champ-card.sel{filter:drop-shadow(0 0 0 var(--accent)) drop-shadow(0 0 4px var(--accent));border-image-source:url(../art/ui/frame/panel.webp)}.cc-grid{gap:6px}.modal.champ-page{border-width:14px;border-image-width:14px;grid-template-columns:36% 1fr;gap:0;width:100%;max-width:none;height:100%;padding:0;display:grid;overflow:hidden}.cp-art{background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--sect) 32%, transparent), transparent 70%);min-height:0;position:relative}.cp-art img{object-fit:contain;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0}.cp-main{flex-direction:column;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0;padding:4px 8px 0 10px;display:grid}.cp-head{flex-direction:column;gap:3px;padding-right:40px;display:flex}.cp-sect{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.cp-sect img{width:22px;height:22px}.cp-name{font:800 25px/1.1 var(--display)}.cp-tags{flex-wrap:wrap;gap:5px;display:flex}.cp-passive{color:var(--ink-2);font-size:13.5px;line-height:1.4}.cp-passive b{color:var(--ink)}.cp-foot{flex-shrink:0;justify-content:flex-end;gap:8px;margin:0;padding:4px 0 6px;display:flex}.champ-page>.close-x{position:absolute;top:6px;right:6px}.btn.ghost.small,.btn.secondary.small{border-width:12px;border-image-width:12px}.champ-page .cp-main,.champ-page .cp-head{text-align:left;align-items:stretch}.champ-page .cp-head .cp-tags,.champ-page .cp-sect{justify-content:flex-start}.champ-page .cp-name{text-align:left}.modal.intro{grid-template-columns:minmax(0,38%) minmax(0,1fr)}.intro-body{gap:8px;min-width:0;padding:12px 16px}.intro-progress{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.intro-scroll{overflow-x:hidden}.intro h2{font-size:22px}.intro .intro-text{margin:0;font:400 16px/1.5 var(--body)!important}.intro-foot{display:block}.intro-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.intro-actions .btn{width:100%;min-width:0;min-height:max(44px, calc(44px / var(--ui-scale,1)));height:auto;padding:0 4px;font-size:15px}.collection .cc-grid,.sect-group .cc-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.setup-opts .chip,.chip{min-height:max(40px, calc(44px / var(--ui-scale,1)))}.set-group,.rh-card,.vp-card{box-shadow:none;background:0 0;border:14px solid #0000;border-image:url(../art/ui/frame/panel.webp) 74 fill/14px;border-radius:0}.rh-card:before,.vp-card:before{display:none!important}.rh-card,.vp-card{filter:none;box-shadow:none}.cp-art img.wide{object-fit:cover;object-position:50% 35%}.screen.loading{background:linear-gradient(#e9e1d0c7, #e9e1d0c7), var(--paper,none) center / 640px, var(--frame);place-items:center;display:grid}.ld-box{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(500px,94%);padding:12px 24px 18px;display:flex}.ld-logo{width:min(300px,90%);height:auto;margin-bottom:8px}.ld-title{width:100%;font:600 17px/1.4 var(--display);justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ld-pct{color:var(--accent-2);font:700 23px/1 var(--display);text-align:right;min-width:3.5ch}.ld-track{background:url(../art/ui/frame/ribbon.webp) 50%/100% 100% no-repeat;width:100%;height:12px;position:relative}.ld-track:before{content:"";background:var(--frame);opacity:.8;position:absolute;inset:0}.ld-fill{clip-path:inset(0 100% 0 0);background:url(../art/ui/frame/ribbon.webp) 50%/100% 100% no-repeat;transition:clip-path .25s ease-out;position:absolute;inset:0}.ld-note{color:var(--muted);font-size:13px}.ld-tip{max-width:400px;color:var(--ink-2);min-height:45px;margin-top:14px;font-size:14px;line-height:1.6}.screen{animation:ct-screen-forward .28s var(--ease) both}.screen[data-direction=back]{animation-name:ct-screen-back}.screen[data-direction=reset]{animation-name:ct-fade-in}.screen.out{animation:ct-parallax-out .28s var(--ease) both;pointer-events:none}.screen.out[data-direction=back]{animation-name:ct-screen-back-out}.screen.out[data-direction=reset]{animation-name:ct-fade-out}@keyframes ct-screen-forward{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:none}}@keyframes ct-screen-back{0%{opacity:.3;transform:translate(-4%)}to{opacity:1;transform:none}}@keyframes ct-parallax-out{to{opacity:0;transform:translate(-4%)}}@keyframes ct-screen-back-out{to{opacity:0;transform:translate(10%)}}@keyframes ct-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ct-fade-out{to{opacity:0}}.page-motion-host{position:relative}.page-motion-host>.page-echo{z-index:2;bottom:auto;right:auto;pointer-events:none!important;position:absolute!important}.motion-sheet{animation:ct-sheet-in .28s var(--ease) both}@keyframes ct-sheet-in{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:none}}.home-hero,.cp-art img,.codex-champ .cc-cut img{animation:ct-art-rise .48s var(--ease) both}@keyframes ct-art-rise{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}.champ-card:nth-child(5n+2){animation-delay:40ms}.champ-card:nth-child(5n+3){animation-delay:80ms}.champ-card:nth-child(5n+4){animation-delay:.12s}.champ-card:nth-child(5n){animation-delay:.16s}.vs-stage:after{content:"";z-index:1;pointer-events:none;background:var(--ink);animation:ct-ink-wipe .66s var(--ease) both;position:absolute;inset:-15%;-webkit-mask:url(./cutin-Cu9oOo2p.webp) 50%/100% 100% no-repeat;mask:url(./cutin-Cu9oOo2p.webp) 50%/100% 100% no-repeat}@keyframes ct-ink-wipe{0%{opacity:.85;transform:translate(0)}to{opacity:0;transform:translate(105%)}}@keyframes ct-seal-stamp{0%{opacity:0;scale:1.6}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.screen,.screen.out,.motion-sheet,.home-hero,.cp-art img,.codex-champ .cc-cut img,.champ-card,.vs-cut.me,.vs-cut.foe,.vs-stage .vs-seal{animation:none!important}.vs-stage:after{display:none}}.intro-copy{flex-direction:column;gap:10px;display:flex}.pm-av img{animation:ct-art-rise .36s var(--ease) both}@media (prefers-reduced-motion:reduce){.pm-av img{animation:none}}.home-hero{animation:ct-champion-right .58s 60ms var(--ease) backwards;filter:none;height:calc(100% - 82px);max-width:calc(100% - 400px - var(--sl))}@keyframes ct-champion-left{0%{opacity:0;translate:-28px}to{opacity:1;translate:0}}@keyframes ct-champion-right{0%{opacity:0;translate:28px}to{opacity:1;translate:0}}.home-journey,.home-tablet{animation:ct-tile-in .38s var(--ease) both}.home-tablet:first-child{animation-delay:.14s}.home-tablet:nth-child(2){animation-delay:.19s}.home-tablet:nth-child(3){animation-delay:.24s}.home-tablet:nth-child(4){animation-delay:.29s}.home-tablet:nth-child(5){animation-delay:.34s}.home-tablet:nth-child(6){animation-delay:.39s}@keyframes ct-tile-in{0%{opacity:0;translate:-18px;scale:.96}to{opacity:1;translate:0;scale:1}}@media (prefers-reduced-motion:reduce){.vs-stage,.vs-cut.me,.vs-cut.foe,.vs-stage .vs-seal,.versus,.vs-plates .vs-side,.home-hero,.home-journey,.home-tablet{animation:.2s both ct-fade-in!important}}.mx-castrow{grid-template-columns:1fr 1fr;gap:4px;display:grid}.mx-castrow:has(>.btn:not([hidden])){margin-top:2px}.mx-castrow .btn{border-width:9px;width:100%;min-width:0;height:max(44px, var(--touch-target));min-height:var(--touch-target);border-image-width:9px;gap:0;padding:0 2px;font-size:0;overflow:hidden}.mx-castrow .btn .ico{width:22px;height:22px}.mx-strike{white-space:nowrap}.mx-ctrl.placing .mx-strike{font-size:15px}.mx-ctrl.placing .mx-passive{display:none}#stage{background:linear-gradient(#e9e1d0d1, #e9e1d0d1), var(--paper,none) center / 640px, var(--frame)}.modal-wrap{isolation:isolate;background:0 0}.modal-wrap:before{content:"";inset:calc(-1 * var(--bleed-top,0px)) calc(-1 * var(--bleed-right,0px)) calc(-1 * var(--bleed-bottom,0px)) calc(-1 * var(--bleed-left,0px));background:var(--scrim);z-index:-1;position:absolute}#ui>.screen.game>.mx-vs{isolation:isolate;background:0 0}.mx-vs:before{content:"";inset:calc(-1 * var(--bleed-top,0px)) calc(-1 * var(--bleed-right,0px)) calc(-1 * var(--bleed-bottom,0px)) calc(-1 * var(--bleed-left,0px));background:linear-gradient(105deg, #1a171333 0 50%, #b0352242 50%), var(--paper,none) center / 640px, var(--frame);z-index:-1;position:absolute}.modal .actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.modal .actions>.btn{white-space:normal;text-align:center;justify-content:center;align-items:center;min-width:0;padding-top:0;padding-bottom:2px;display:inline-flex}.settings-col .item>.btn{flex-shrink:0;width:150px}.settings-col .item>.switch{margin-right:47px}.settings-col .item>.set-val{min-width:150px}.settings-col .item>.champ-pill{justify-content:space-between;width:220px}#ui:has(.mx-pausebox) .mx-herald{visibility:hidden}.game:has(.mx-vs) .mx-herald{visibility:hidden}.screen.journey{gap:0;padding-bottom:0}.journey-scroll{min-height:0;box-shadow:none;background:var(--frame);overscroll-behavior:none;border-radius:0;flex:1}.journey-map{isolation:isolate}.journey-art{object-fit:cover}.journey-map:after{content:"";pointer-events:none;background:linear-gradient(var(--frame), transparent 12%, transparent 88%, var(--frame)), linear-gradient(90deg, var(--frame), transparent 8%, transparent 92%, var(--frame));position:absolute;inset:0}.mx-power{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:row;justify-content:center;gap:12px;min-height:88px;padding:4px 8px}.mx-phead{flex-direction:column;gap:4px;font-size:19px}.mx-ppct:after{content:"%";font:500 11px var(--body);margin-left:1px}.mx-ptrack{border-color:var(--ink-2);background:var(--sheet-3);border-radius:3px;flex:0 0 40px;align-self:stretch;width:40px;min-height:72px}.mx-pfill{background:var(--accent)}.mx-ptick{background:#1a171366;width:35%;height:1px}#ui .mx-passive.btn{width:100%;min-width:0;text-shadow:none;font-family:var(--body);border-width:8px;color:var(--ink);min-height:var(--touch-target);border-style:solid;border-image-source:url(../art/ui/frame/btn-secondary.webp);border-image-width:8px;flex-direction:column;flex-shrink:0;gap:1px;padding:1px 3px;line-height:1.2;display:flex}.mx-passive-name{font:700 12px/1.2 var(--display)}.mx-passive-detail{font:500 11px/1.3 var(--body);font-size:10px}#ui .mx-passive:disabled{cursor:default;opacity:.82;border:0;color:var(--ink-2);background:0 0;border-style:solid;border-width:8px;border-top-color:#0000;border-image-source:url(../art/ui/frame/btn-secondary.webp)}#ui .mx-pausebox{grid-template-columns:minmax(0,1fr) 210px;align-items:stretch;gap:18px;width:min(640px,100%);display:grid}.mx-pause-main{flex-direction:column;gap:12px;min-width:0;display:flex}.mx-pause-head h2{font:700 26px/1.15 var(--display);margin:0}.mx-pause-sub{color:var(--muted);margin-top:3px;font-size:13px;font-weight:600}.mx-pause-board{border-radius:var(--r-2);background:var(--sheet-2);border:1px solid var(--line);flex-direction:column;flex:1;justify-content:center;gap:6px;padding:10px 12px;display:flex}.mx-ps-side{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.mx-ps-av{width:44px;height:44px;box-shadow:0 0 0 1.5px var(--line-2);border-radius:50%;overflow:hidden}.mx-ps-who{flex-direction:column;min-width:0;display:flex}.mx-ps-who b{font:700 16px/1.2 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mx-ps-who span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mx-ps-score{text-align:center;min-width:40px;font:700 26px/1 var(--display);color:var(--accent-2)}.mx-ps-vs{font:700 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-self:center}.mx-pause-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}#ui .mx-pq{min-width:0;min-height:max(64px, var(--touch-target));border-radius:var(--r-2);border:1.5px solid var(--line-2);background:var(--sheet);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:flex}.mx-pq .ico{opacity:.45;width:26px;height:26px}.mx-pq-state{color:var(--muted);font-size:11px;font-weight:700}#ui .mx-pq[aria-pressed=true]{border-color:var(--accent);color:var(--ink);background:var(--sheet-2)}.mx-pq[aria-pressed=true] .ico{opacity:1}.mx-pq[aria-pressed=true] .mx-pq-state{color:var(--accent-2)}.mx-pause-actions{flex-direction:column;gap:8px;display:flex}#ui .mx-pause-actions>.btn{min-width:0;padding:0 8px;font-size:15px}#ui .mx-pause-actions>.mx-leave{margin-top:auto}.screen.game.mx{--top-h:72px;--face:56px;--colL:88px;--colR:max(112px, calc(2 * var(--touch-target) + var(--gap)));--btn:max(48px, var(--touch-target));--gap:5px}.mx-strike .ico{width:28px;height:28px}#ui .mx-ctrl.placing .mx-passive.btn{display:none}.screen.home:before{content:"";inset:calc(-1 * var(--bleed-top,0px)) calc(-1 * var(--bleed-right,0px)) calc(-1 * var(--bleed-bottom,0px)) calc(-1 * var(--bleed-left,0px));background:var(--home-bg) right center / cover no-repeat, var(--frame);z-index:-1;pointer-events:none;position:absolute}#ui>.screen.game>.mx-catch{inset:calc(-1 * var(--bleed-top,0px)) calc(-1 * var(--bleed-right,0px)) calc(-1 * var(--bleed-bottom,0px)) calc(-1 * var(--bleed-left,0px))}#ui:has(.modal-wrap) .mx-herald{visibility:hidden}body{background:linear-gradient(#e9e1d0d1, #e9e1d0d1), var(--paper,none) center / 640px, var(--frame)}.screen:not(.splash):not(.home):not(.loading):not(.game){background:0 0}.mx-ctrl>.mx-strike,.mx-strike.place,.mx-strike.charging,.mx-strike.cancel,.mx-strike.pressed{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.mx-action-art{object-fit:contain;width:100%;height:100%;display:block}.mx-strike.pressed .mx-action-art{filter:brightness(.9)}.ht-icon .ico{width:28px;height:28px}.ht-name,.ht-sub{align-self:start}.champion-skills{align-items:stretch}.champion-skill{grid-template-rows:48px 15px minmax(34px,auto) 15px 15px;align-content:start;place-items:center;display:grid}.champion-skill-name{text-align:center;align-self:start}.mx-ctrl>.mx-strike{border-radius:50%;flex-shrink:0;align-self:center;width:82px;height:82px;overflow:hidden}.cutin .ci-plate{width:64%;max-width:64%;min-height:132px;color:var(--sheet);box-shadow:none;background:url(../art/ui/ultimate-banner.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;gap:12px;padding:22px 34px;top:52%;right:1%}.cutin .ci-seal{border-color:var(--accent);border-radius:50%;width:58px;height:58px}.cutin .ci-kicker{letter-spacing:.08em;color:var(--sheet);text-shadow:0 1px 3px #000,0 0 6px #000;font-size:11px}.cutin .ci-name{text-shadow:0 2px 2px #000;font-size:30px;line-height:1.25}.cutin.rtl .ci-plate{left:1%}.lp-name{white-space:normal;font-size:11.5px;overflow:visible}.cp-content{flex-direction:column;gap:6px;min-height:0;padding-right:4px;display:flex}.cp-content>*{flex-shrink:0}.cp-content .champion-skills{flex:none}.mx-vs-av{box-shadow:none;background:0 0;border:0;border-radius:0;width:156px;height:156px;padding:0;position:relative;overflow:visible}.mx-vs-av:after{content:"";pointer-events:none;background:url(../art/ui/frame/portrait-v2.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.mx-vs-side{gap:4px;min-width:0}.mx-vs-name{overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-image:url(../art/ui/frame/plate.webp) 0 80 fill/0 26px;border-radius:0;place-items:center;width:270px;max-width:100%;min-height:52px;padding:10px 36px;font-size:24px;display:grid}.mx-vs-title{text-align:center;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-image:url(../art/ui/frame/band.webp) 0 150 0 130 fill/0 44px 0 38px;border-radius:0;width:210px;max-width:100%;min-height:40px;padding:10px 40px;font-size:13px}.mx-vs-quote{box-shadow:none;background:0 0;border:1px solid #0000;border-image:url(../art/ui/frame/scroll.webp) 0 45 fill/0 12px;border-radius:0;padding:12px 30px}.mx-res-art{background:0 0;border:10px solid #0000;border-image:url(../art/ui/frame/portrait-v2.webp) 70/10px;border-radius:0}.sr-sheet{padding-bottom:30px}.sr-text{padding-bottom:12px}.sr-sheet>.more-chevron{bottom:2px;top:auto!important}.land-pin{gap:3px;width:138px;max-width:138px;padding:3px 5px}.land-pin.locked{background:color-mix(in srgb, var(--sheet) 78%, transparent);box-shadow:none}.cc-sub{font-size:11px;line-height:1.35}.mx-vs-av img,.mx-vs-av>div{object-fit:cover;width:100%;height:100%}#backdrop,#theatre{display:none}body.stage #backdrop{z-index:0;background:var(--frame);pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}body.stage #stage{clip-path:inset(var(--game-t) calc(100% - var(--game-l) - var(--game-w)) calc(100% - var(--game-t) - var(--game-h)) var(--game-l));background:0 0}.bd-scene{background:var(--frame) center / cover no-repeat;filter:saturate(.82)blur(1.5px);opacity:0;visibility:hidden;transition:opacity .9s,visibility 0s linear .9s;animation:70s ease-in-out infinite alternate paused bd-drift;position:absolute;inset:-4%}.bd-scene.on{opacity:1;visibility:visible;transition:opacity .9s;animation-play-state:running}#backdrop:after{content:"";background:radial-gradient(#e9e1d000 40%,#1a171359 100%),linear-gradient(#e9e1d04d,#e9e1d04d);position:absolute;inset:0}.bd-mist{opacity:.8;background:url(../art/ui/stage-mist.webp) 0 100%/50% 100% repeat-x;width:200%;height:62%;animation:120s linear infinite bd-mist;position:absolute;bottom:-6%;left:0}.bd-deco{aspect-ratio:3;pointer-events:none;background:50%/100% no-repeat;position:absolute;left:0;right:0}.bd-deco.top{background-image:url(../art/ui/stage-top.webp);background-position:top;top:0}.bd-deco.bottom{opacity:.9;background-image:url(../art/ui/stage-bottom.webp);background-position:bottom;bottom:0}.bd-cast{z-index:1;width:calc(var(--side-room,0px) * 1.45 + 70 * var(--fk));object-fit:contain;object-position:bottom;opacity:0;max-width:none;height:auto;max-height:96%;transition:opacity .6s ease, translate .6s var(--ease);filter:drop-shadow(0 10px 18px #1a171359);display:none;position:absolute;bottom:-2%}body.cast-room .bd-cast{display:block}.bd-cast.left{right:calc(100% - var(--game-l) - 70 * var(--fk));translate:-24px}.bd-cast.right{left:calc(var(--game-l) + var(--game-w) - 70 * var(--fk));transform:scaleX(-1)translate(24px)}.bd-cast.on{opacity:1;translate:0}body.cast-top .bd-cast{bottom:auto;top:calc(var(--game-t) - var(--game-t) * .92);height:calc(var(--game-t) * 3.4);width:calc(var(--game-w) * .4);object-fit:contain;object-position:left top;display:block}body.cast-top .bd-cast.left{right:auto;left:calc(var(--game-l) + var(--game-w) * .04);translate:0 30px}body.cast-top .bd-cast.right{left:auto;right:calc(100% - var(--game-l) - var(--game-w) * .96);translate:0 30px}body.cast-top .bd-cast.on{translate:0}.bd-mat{z-index:1;left:calc(var(--game-l) - 40 * var(--fk));top:calc(var(--game-t) - 40 * var(--fk));width:calc(var(--game-w) + 80 * var(--fk));height:calc(var(--game-h) + 80 * var(--fk));background:linear-gradient(#e9e1d0d1, #e9e1d0d1), var(--paper,none) center / 640px, var(--frame);position:absolute;box-shadow:0 1.5vmin 6vmin #1a171366}body.theatre #theatre{z-index:0;pointer-events:none;left:var(--game-l);top:var(--game-t);width:var(--game-w);height:var(--game-h);border:1px solid var(--ink);border-image-source:url(../art/ui/frame/stage.webp);border-image-slice:140 138 142 145;border-image-width:calc(140 * var(--fk)) calc(138 * var(--fk)) calc(142 * var(--fk)) calc(145 * var(--fk));border-image-outset:calc(107 * var(--fk)) calc(91 * var(--fk)) calc(117 * var(--fk)) calc(92 * var(--fk));border-image-repeat:stretch;display:block;position:fixed}body.playing .bd-scene,body.playing .bd-mist{animation-play-state:paused}@keyframes bd-drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.07)translate(-1.6%,-1.2%)}}@keyframes bd-mist{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.bd-scene,.bd-mist{animation:none}.bd-scene,.bd-scene.on,.bd-cast{transition:none}}.screen.practice{gap:10px}.pr-body{flex:1;grid-template-columns:296px minmax(0,1fr);gap:12px;min-height:0;display:grid}.pr-list{flex-direction:column;gap:6px;padding:2px 4px 14px 2px;display:flex}.pr-list .section-title{color:var(--accent-2);margin:6px 2px 0}.pr-list .section-title:first-child{margin-top:0}.pr-item{text-align:left;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-2);min-height:58px;box-shadow:var(--sh-1);color:var(--ink);flex-shrink:0;align-items:center;gap:10px;padding:6px 10px 6px 6px;transition:border-color .15s,box-shadow .15s;display:flex}.pr-item.sel{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent), var(--sh-1)}.pr-item b{font:700 15px/1.25 var(--display);display:block}.pr-sub{color:var(--muted);margin-top:1px;font-size:12px;line-height:1.3;display:block}.pr-thumb{flex:none;width:80px;height:46px}.pr-empty{color:var(--muted);background:var(--sheet-2);border:1px dashed var(--line-2);border-radius:var(--r-2);margin:0;padding:10px 12px;font-size:13px;line-height:1.4}.pr-stage{flex-direction:column;gap:8px;min-height:0;padding:12px 14px;display:flex}.pr-felt{flex:1;min-height:120px;position:relative}.pr-table{width:100%;height:100%;display:block;position:absolute;inset:0}.pr-info{flex-direction:column;gap:2px;display:flex}.pr-name{font:700 22px/1.2 var(--display);margin:0}.pr-count{color:var(--muted);font-size:13px;font-weight:600}.pr-tip{color:var(--ink-2);margin:4px 0 0;font-size:14px;line-height:1.45}.pr-tip b{color:var(--accent-2)}.pr-actions{justify-content:flex-end;gap:10px;display:flex}.screen.game.mx:has(.mx-practice){--colL:132px}.mx-practice{justify-content:flex-start}.pd{background:var(--sheet);border:1.5px solid var(--line);border-radius:var(--r-3);min-height:0;box-shadow:var(--sh-1);flex-direction:column;flex:1;gap:8px;padding:8px;display:flex}.pd-seg{background:var(--sheet-3);border-radius:999px;flex-shrink:0;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}#ui .pd-seg-b{min-width:0;min-height:38px;font:700 13px/1 var(--body);color:var(--muted);border-radius:999px;padding:0 4px;transition:background .15s,color .15s}#ui .pd-seg-b[aria-selected=true]{background:var(--sheet);color:var(--ink);box-shadow:var(--sh-1)}.pd-view{flex-direction:column;flex:1;gap:7px;min-height:0;display:flex}.pd-view[hidden]{display:none}.pd-hint{color:var(--muted);font-size:11px;line-height:1.35}.pd-hint b{font:700 13px/1 var(--display);color:var(--ink)}.pd-tray{border-radius:var(--r-2);background:var(--sheet-3);grid-template-columns:repeat(3,1fr);gap:2px;padding:4px;display:grid;box-shadow:inset 0 1px 4px #281e1247}.pd-tray.few{grid-template-columns:repeat(2,1fr)}#ui .pd-ball{aspect-ratio:1;touch-action:none;border-radius:50%;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.pd-ball img{pointer-events:none;filter:drop-shadow(0 2px 2px #1e140a59);width:84%;height:84%;transition:opacity .15s,transform .15s}.pd-ball.on img{opacity:.2;filter:grayscale(.7);transform:scale(.8)}.pd-ball.picked:not(.on) img{transform:scale(1.06)}.pd-arrange>.btn{margin-top:auto}#ui .pd .btn.small{min-width:0;padding-inline:6px;font-size:13px}.pd-tally{flex-shrink:0;grid-template-columns:1fr 1fr;gap:6px;display:grid}.pd-tally>div{border-radius:var(--r-2);background:var(--sheet-2);border:1px solid var(--line);flex-direction:column;align-items:center;padding:5px 4px 6px;display:flex}.pd-tally b{font:700 24px/1.1 var(--display)}.pd-tally span{color:var(--muted);font-size:11px;font-weight:600}#ui .pd-sight{border:1.5px solid var(--line-2);min-height:42px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:700;transition:border-color .15s,color .15s;display:flex}.pd-sight .ico{opacity:.55;width:24px;height:24px}#ui .pd-sight[aria-pressed=true]{border-color:var(--accent);color:var(--accent-2);background:var(--sheet-2)}.pd-sight[aria-pressed=true] .ico{opacity:1}.pd-ghost{z-index:40;pointer-events:none;opacity:0;width:36px;height:36px;margin:-18px 0 0 -18px;transition:opacity .12s,transform .12s;position:absolute;transform:scale(.6)}.pd-ghost.show{opacity:.92;transform:none}@media (prefers-reduced-motion:reduce){.pd-ghost,.pd-ball img{transition:none}}.mx-card{isolation:isolate;box-shadow:none;color:var(--ink);transition:opacity .2s, transform .2s var(--ease);padding:4px 24px 4px 2px;background:0 0;border:0;border-radius:0;flex-basis:29%;gap:26px;padding-right:34px;position:relative}.mx-card:before{content:"";z-index:-1;inset:-4px 0 -9px calc(var(--face) / 2);filter:drop-shadow(0 3px 6px #281e1233);border:1px solid #0000;border-image:url(../art/ui/frame/plate.webp) 0 80 fill/0 30px;position:absolute}.mx-card.p2{padding:4px 2px 4px 34px}.mx-card.p2:before{inset:-4px calc(var(--face) / 2) -9px 0;transform:scaleX(-1)}.mx-card:not(.active){opacity:.74}.mx-card.active{box-shadow:none;border:0;transform:translateY(1px)}.mx-card .mx-info{gap:2px;padding-top:4px}.mx-card .mx-potted{align-items:center;height:16px}.mx-card .mx-pot{width:14px;height:14px}.mx-card .mx-name{color:var(--ink);font-size:15px}.mx-card.active .mx-name{color:var(--accent-2)}.mx-card .mx-sub{color:var(--ink-2)}.mx-card .mx-score{background:var(--accent);height:22px;color:var(--on-accent);border-radius:3px;line-height:22px}.mx-obj{box-shadow:none;background:0 0;border:1px solid #0000;border-image:url(../art/ui/frame/scroll.webp) 0 45 fill/0 12px;border-radius:0;padding:6px 26px;inset:2px 0}.mx-obj-k{letter-spacing:.02em;font-size:12px}.mx-obj-t{font-size:14px;line-height:1.22}.mx-center.heralding .mx-obj{opacity:1}#ui .mx-herald{z-index:20;pointer-events:none;isolation:isolate;width:min(480px,62%);min-height:80px;box-shadow:none;color:var(--ink);background:0 0;border:0;border-radius:0;gap:12px;padding:16px 62px 22px 46px;inset:42% auto auto 50%;translate:-50% -50%}#ui .mx-herald:before{content:"";z-index:-1;filter:drop-shadow(0 4px 10px #281e1238);border:1px solid #0000;border-image:url(../art/ui/frame/herald.webp) 46 170 46 160 fill/14px 50px 14px 46px;position:absolute;inset:0}#ui .mx-herald.show{animation:mx-herald-brush .38s var(--ease) both}#ui .mx-h-close{width:22px;min-width:0;height:22px;min-height:0;box-shadow:none;opacity:.7;pointer-events:auto;background:0 0;border:0;border-radius:0;padding:0;position:absolute;top:13px;right:40px}#ui .mx-h-close .ico{width:100%;height:100%}#ui .mx-h-close:after{content:"";position:absolute;inset:-11px}#ui .mx-h-timer{background:linear-gradient(90deg, transparent, var(--accent) 14%, var(--accent) 86%, transparent);opacity:.7;transform-origin:0;pointer-events:none;height:2px;animation:mx-h-timer var(--ms,3s) linear forwards;border-radius:1px;position:absolute;bottom:17px;left:50px;right:50px}@keyframes mx-h-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}#ui .mx-herald.leaving{animation:.26s both mx-herald-out;display:flex}@keyframes mx-herald-brush{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes mx-herald-out{to{opacity:0;transform:translateY(-6px)}}.mx-herald .mx-h-face,.mx-herald .mx-h-icon{width:52px;height:52px}.mx-herald .mx-h-title{white-space:normal;color:var(--ink);text-shadow:none;font-size:20px}.mx-herald .mx-h-line{color:var(--ink-2);-webkit-line-clamp:3;margin-top:3px;font-size:13px;line-height:1.3}.mx-herald.red .mx-h-title{color:var(--accent)}#ui .mx-herald.thinking{top:calc(var(--top-h) + 30px);width:min(340px,44%);min-height:48px;color:var(--ink);gap:8px;padding:6px 24px 6px 20px}#ui .mx-herald.thinking:before{opacity:1;border-image:url(../art/ui/frame/scroll.webp) 0 45 fill/0 10px}.mx-herald.thinking .mx-h-face{width:34px;height:34px}.mx-herald.thinking .mx-h-title{text-shadow:none;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.mx-herald.thinking .mx-h-think{width:28px;height:28px}@media (prefers-reduced-motion:reduce){#ui .mx-herald.show,#ui .mx-herald.leaving{animation:none}#ui .mx-h-timer{display:none}}.profile-modal .pm-note{padding-right:52px}.lp-flag{line-height:16px;top:auto;bottom:calc(100% + 2px)}.mx-balltag{z-index:18;pointer-events:none;color:var(--ink);font:700 16px/1.2 var(--display);white-space:nowrap;filter:drop-shadow(0 4px 8px #1a17134d);border:1px solid #0000;border-image:url(../art/ui/frame/scroll.webp) 0 45 fill/0 10px;align-items:center;gap:8px;padding:8px 22px 8px 18px;display:none;position:absolute;translate:-50% -100%}.mx-balltag.show{animation:1.6s both mx-balltag;display:inline-flex}@keyframes mx-balltag{0%{opacity:0;margin-top:6px}12%,82%{opacity:1;margin-top:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.mx-balltag.show{animation:none}}.mx-bt-ball{filter:drop-shadow(0 2px 2px #0000004d);flex-shrink:0;width:36px;height:36px}.mx-skill .mx-sk-art{background:0 0;border-radius:0;margin:3px 0 4px;overflow:visible}.mx-skill .mx-sk-img{border-radius:10px}.mx-skill.ready .mx-sk-art:before{content:"";z-index:1;pointer-events:none;background:url(../art/ui/frame/skill-ready.webp) 50%/contain no-repeat;animation:1.8s ease-in-out infinite mx-ready-breathe;position:absolute;inset:-6px}.mx-skill.ult.ready .mx-sk-art:before{background-image:url(../art/ui/frame/ult-ready.webp);animation:2.4s linear infinite mx-ult-ready;inset:-9px}.mx-skill.ult.ready .mx-sk-art{animation:none}.mx-skill.charging .mx-sk-art:after{border-radius:0 0 10px 10px}@keyframes mx-ready-breathe{50%{opacity:.55;transform:scale(.94)}}@keyframes mx-ult-ready{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.06)}to{transform:rotate(360deg)scale(1)}}@media (prefers-reduced-motion:reduce){.mx-skill.ready .mx-sk-art:before{animation:none}}.mx-spinpeek{z-index:30;pointer-events:none;filter:drop-shadow(0 8px 18px #1a17134d);border:12px solid #0000;border-image:url(../art/ui/frame/panel.webp) 74 fill/12px;flex-direction:column;align-items:center;gap:6px;width:170px;padding:12px 12px 10px;display:none;position:absolute}.mx-spinpeek.show{animation:mx-peek-in .16s var(--ease) both;display:flex}.mx-spinpeek .mx-bigball{flex:none;width:122px;height:122px}.mx-peek-cap{font:700 12px/1.25 var(--body);color:var(--accent-2);text-align:center}@keyframes mx-peek-in{0%{opacity:0;transform:scale(.85)}}#ui .mx-passive.btn:not(:disabled){color:var(--on-accent);border-image-source:url(../art/ui/frame/btn-primary.webp)}#ui .mx-passive.btn:not(:disabled) .mx-passive-detail{color:var(--on-accent)}#ui .mx-passive.idle{visibility:hidden}@media (prefers-reduced-motion:reduce){#ui .mx-passive.btn:not(:disabled){animation:none}}.mx-ctrl .mx-chips{white-space:normal;flex-direction:column;gap:4px;position:static;transform:none}.mx-ctrl .mx-chips .mx-chip{width:100%;min-height:var(--touch-target);text-align:center;justify-content:center;font-size:12px;line-height:1.2}.mx-ctrl .mx-chips .mx-chip[aria-pressed=true]{background:var(--ink);color:var(--sheet);border-color:var(--ink)}.mx-obj.calling .mx-obj-k{color:var(--accent-2);font-weight:700}.mx-obj.calling.need .mx-obj-t{color:var(--accent);animation:1.4s ease-in-out infinite mx-call-need}@keyframes mx-call-need{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.mx-obj.calling.need .mx-obj-t{animation:none}}#ui .mx-skillnudge{z-index:17;left:calc(8px + var(--sl) + var(--colL) + var(--gap) + 6px);max-width:240px;min-height:var(--touch-target);color:var(--ink-2);font:500 12px/1.25 var(--body);text-align:left;filter:drop-shadow(0 4px 10px #1a171347);background:0 0;border:1px solid #0000;border-image:url(../art/ui/frame/scroll.webp) 0 45 fill/0 11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;padding:10px 24px 10px 22px;display:none;position:absolute;translate:0 -50%}#ui .mx-skillnudge b{color:var(--accent-2);font:700 15px/1.2 var(--display)}#ui .mx-skillnudge.show{animation:mx-nudge-in .3s var(--ease) both;display:flex}.lefty #ui .mx-skillnudge,#ui .lefty .mx-skillnudge{left:auto;right:calc(8px + var(--sr) + var(--colL) + var(--gap) + 6px);text-align:right;align-items:flex-end}.mx-skill.nudge{animation:1.1s ease-in-out 3 mx-skill-nudge}@keyframes mx-nudge-in{0%{opacity:0;translate:-8px -50%}}@keyframes mx-skill-nudge{50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){#ui .mx-skillnudge.show,.mx-skill.nudge{animation:none}}.gc-head{min-height:calc(2 * 1.2 * var(--fs-l) + 4px);align-items:flex-start}.gc-head b{padding-top:2px}.mx-card .mx-line,.mx-card .mx-sub{font-size:13px}.mx-spinsheet .mx-sc-x{z-index:3;position:absolute;top:6px;right:6px}.mx-spinsheet .mx-sp-title{padding-right:calc(var(--touch-target) + 6px)}#ui .btn,.update-sheet .btn{box-shadow:none;line-height:1.15}#ui .btn.pressed,#ui .btn:active{box-shadow:none}#ui .btn>.ico,#ui .btn .btn-in>.ico{flex-shrink:0}.btn-in{justify-content:center;align-items:center;gap:8px;display:inline-flex}.gear-grid{grid-auto-rows:auto auto auto auto auto}.gear-card{grid-row:span 5;grid-template-rows:subgrid;align-content:start;row-gap:8px;display:grid}.gear-card>.gc-desc,.gear-card>.stat-sheet{align-self:start}.gear-card>:last-child{align-self:end}.collection .sect-group,.codex .sect-group,.challenge-family{content-visibility:auto;contain-intrinsic-size:auto 260px}.fin{z-index:60;pointer-events:auto;transition:opacity .26s;position:absolute;inset:0;overflow:hidden}.fin.out{opacity:0}.fin-veil{background:radial-gradient(at 55%,#14100c99,#14100ce6);animation:.22s both fin-fade;position:absolute;inset:0}.fin-strip{background:var(--strip) center / cover no-repeat;height:42%;animation:.3s cubic-bezier(.2,.9,.25,1) both fin-strip;position:absolute;top:34%;left:-10%;right:-10%;transform:skewY(-8deg)}.fin-figure{width:520px;height:500px;animation:2.2s ease-out .42s both fin-drift;position:absolute;bottom:-30px;left:0}.fin-hero,.fin-ghost{object-fit:contain;object-position:left bottom;width:100%;height:100%;position:absolute;inset:0}.fin-hero{filter:drop-shadow(0 10px 18px #00000073);animation:.34s cubic-bezier(.15,.85,.3,1.05) 80ms both fin-lunge}.fin-ghost{opacity:0;filter:grayscale(.4)brightness(1.15);animation:.62s ease-out both fin-ghost}.fin-ghost.g1{--to:.32;--dx:-6%;animation-delay:.12s}.fin-ghost.g2{--to:.18;--dx:-12%;animation-delay:.16s}.fin-slash{background:var(--slash) center / contain no-repeat;opacity:.85;clip-path:inset(0 100% 0 0);width:520px;height:400px;animation:.22s ease-out .72s both fin-cut,.5s 1.8s both fin-fade-out;position:absolute;top:30px;left:300px}.fin-play{position:absolute;inset:0}.fin-hole{width:0;height:0;position:absolute;top:235px;left:735px}.fin-ring{background:radial-gradient(circle, #0d0b09 0 38%, transparent 40%), var(--ring) center / contain no-repeat;border-radius:50%;width:128px;height:128px;animation:.24s ease-out .3s both fin-pop;position:absolute;top:-64px;left:-64px}.fin-burst{background:var(--burst) center / contain no-repeat;opacity:0;width:260px;height:260px;animation:.7s ease-out .74s both fin-burst;position:absolute;top:-130px;left:-130px}.fin-trail{transform-origin:0;background:var(--trail) center / 100% 100% no-repeat;width:325px;height:18px;animation:.32s cubic-bezier(.3,.6,.4,1) .42s both fin-trail,.6s 1.4s both fin-fade-out;position:absolute;top:362px;left:440px;rotate:-24.6deg;scale:0 1}.fin-ball{filter:drop-shadow(0 4px 6px #00000080);opacity:0;width:56px;height:56px;margin:-28px 0 0 -28px;animation:.32s cubic-bezier(.3,.6,.4,1) .42s both fin-fly,.22s ease-in .74s both fin-sink;position:absolute;top:370px;left:440px}.fin-words{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:26px;right:26px}.fin-title{background:var(--accent);color:var(--on-accent);font:700 58px/1.1 var(--display);letter-spacing:.04em;padding:2px 22px 8px;animation:.26s cubic-bezier(.3,1.4,.5,1) .8s both fin-stamp;rotate:-4deg;box-shadow:0 6px #14100c59}.fin-line{max-width:480px;color:var(--sheet);font:700 17px/1.3 var(--display);text-align:right;background:#14100ccc;padding:6px 16px;animation:.3s 1s both fin-rise}.fin.rtl .fin-figure{left:auto;right:0;scale:-1 1}.fin.rtl .fin-strip{transform:skewY(8deg)}.fin.rtl .fin-slash,.fin.rtl .fin-play{scale:-1 1}.fin.rtl .fin-slash{left:24px}.fin.rtl .fin-ball{scale:-1 1}.fin.rtl .fin-words{align-items:flex-start;left:26px;right:auto}.fin.rtl .fin-line{text-align:left}.fin.calm *,.fin.calm{animation-duration:10ms!important;animation-delay:0s!important}.fin.calm .fin-ghost,.fin.calm .fin-ball,.fin.calm .fin-trail{display:none}.screen.game.fin-shake{animation:.36s linear .74s both fin-shake}@keyframes fin-fade{0%{opacity:0}}@keyframes fin-fade-out{to{opacity:0}}@keyframes fin-strip{0%{transform:skewY(-8deg)translate(-110%)}}@keyframes fin-lunge{0%{opacity:0;transform:translate(-38%)scale(1.22)}}@keyframes fin-drift{0%{transform:scale(1)}to{transform:scale(1.04)translate(1%)}}@keyframes fin-ghost{0%{opacity:0;transform:translate(-30%)scale(1.18)}40%{opacity:var(--to);transform:translateX(var(--dx))}to{opacity:0;transform:translateX(var(--dx))}}@keyframes fin-cut{to{clip-path:inset(0)}}@keyframes fin-pop{0%{opacity:0;transform:scale(.3)}}@keyframes fin-burst{0%{opacity:0;transform:scale(.4)rotate(-20deg)}25%{opacity:1}to{opacity:0;transform:scale(1.5)rotate(10deg)}}@keyframes fin-trail{to{scale:1}}@keyframes fin-fly{0%{opacity:1;top:370px;left:440px;transform:scale(.8)rotate(0)}to{opacity:1;top:235px;left:735px;transform:scale(1.15)rotate(540deg)}}@keyframes fin-sink{0%{opacity:1;top:235px;left:735px;transform:scale(1.15)}to{opacity:0;top:235px;left:735px;transform:scale(.15)}}@keyframes fin-stamp{0%{opacity:0;transform:scale(1.8)}}@keyframes fin-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes fin-shake{0%,to{transform:none}20%{transform:translate(-7px,4px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}.mx-mgoal{border-radius:var(--r-2);background:var(--sheet-2);border:1px solid var(--line);color:var(--ink-2);margin:0;padding:8px 12px;font-size:13px;line-height:1.4}.mx-mgoal b{color:var(--accent-2)}.mx-mgoal span{color:var(--muted);white-space:nowrap}#ui .mx-sk-state{gap:2px;max-width:calc(100% - 4px);padding:0 7px;font-size:10.5px;overflow:hidden}.mx-sk-state .ico{flex-shrink:0;width:13px;height:13px}.mx-sk-state span{text-overflow:ellipsis;min-width:0;overflow:hidden}.mx-next-k{text-align:center;color:var(--muted);flex-basis:100%;font-size:11px;font-weight:600}.mx-next-then{color:var(--muted);margin:0 2px;font-weight:700}#ui .mx-next{gap:0 1px;padding:3px 2px}.mx:has(.mx-next:not(:empty):not([hidden])) .mx-dock{bottom:calc(38px + max(32px, calc(44px / var(--ui-scale,1))) + var(--sb))}.tabs{background:0 0;border-radius:0;gap:6px;padding:0}.tab{background:0 0;border-radius:0;padding:0 14px 6px;transition:color .2s}.tab:not(.sel):not([aria-selected=true]):hover{color:var(--ink)}.tab.sel,.tab[aria-selected=true]{color:var(--accent-2);box-shadow:none;background:url(../art/ui/tap-stroke.webp) center bottom 2px/calc(100% - 6px) 12px no-repeat}.topbar.compact-nav .tabs{gap:2px;padding:0}.topbar.compact-nav .tab{padding-inline:10px}#ui .mx-passive.btn,#ui .mx-passive.btn:disabled{border-style:solid;border-width:8px;justify-content:center;gap:1px;height:48px;min-height:48px;padding:0 4px;overflow:hidden}#ui .mx-passive .mx-passive-name{font-size:11.5px;line-height:1.1}#ui .mx-passive .mx-passive-detail{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9.5px;line-height:1.05;display:-webkit-box;overflow:hidden}#ui .mx-passive.btn:disabled{background:0 0;border-color:#0000;border-image:}