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