:root{--royal: #2b4bbf;--gold: #f2b632;--cherry: #e5484d;--cream: #fff4dc;--field: #6cc24a;--ink: #1b1f3b;--font-display: "Lilita One", "Noto Sans Thai", system-ui, sans-serif;--font-body: "Noto Sans Thai", system-ui, sans-serif;--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#9fd3ff;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column}.ui-root>*{pointer-events:auto}.hud-top{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 1rem 0;pointer-events:none}.logo{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.02em;color:var(--gold);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink),0 10px 18px rgba(27,31,59,.35);animation:logo-bob 3.2s ease-in-out infinite}.hud-sub{margin:0;padding:.25rem .9rem;border-radius:999px;background:#fff4dce6;border:2px solid var(--ink);font-weight:600;font-size:.9rem}@keyframes logo-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stars{display:inline-flex;gap:1px;vertical-align:-.12em}.stars__s{width:1em;height:1em;fill:#1b1f3b2e;stroke:#1b1f3b;stroke-width:1.6;stroke-linejoin:round}.stars__s.is-on{fill:#f2b632}.panel{background:linear-gradient(180deg,#fffaf0 0%,var(--cream) 100%);border:3px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink),0 10px 24px #1b1f3b40}.tile-tooltip{position:fixed;top:0;left:0;z-index:20;width:240px;padding:.7rem .85rem .8rem;pointer-events:none;opacity:0;transform:translate3d(var(--x, 0),var(--y, 0),0) scale(.9);transform-origin:top left;transition:opacity .14s ease,transform .18s var(--ease-spring)}.tile-tooltip.is-visible{opacity:1;transform:translate3d(var(--x, 0),var(--y, 0),0) scale(1)}.tile-tooltip__head{display:flex;align-items:center;gap:.5rem}.tile-tooltip__chip{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);background:var(--chip, #ccc);box-shadow:inset 0 -4px 0 var(--chip-rim, #999)}.tile-tooltip__type{font-family:var(--font-display);font-size:1.05rem;line-height:1.2}.tile-tooltip__name{margin:.35rem 0 0;font-weight:800;font-size:.95rem;color:var(--royal)}.tile-tooltip__desc{margin:.3rem 0 0;font-size:.85rem;line-height:1.5}.tile-tooltip__meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.tag{padding:.1rem .5rem;border-radius:999px;border:2px solid var(--ink);background:#fff;font-size:.72rem;font-weight:800}.tag--gold{background:var(--gold)}.hud-legend{position:absolute;left:1rem;bottom:1rem;padding:.75rem .9rem;max-width:260px}.hud-legend h2{margin:0 0 .5rem;font-family:var(--font-display);font-weight:400;font-size:1.1rem}.hud-legend ul{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .75rem;margin:0;padding:0;list-style:none;font-size:.78rem;font-weight:600}.hud-legend li{display:flex;align-items:center;gap:.4rem}.hud-legend .tile-tooltip__chip{width:14px;height:14px;box-shadow:inset 0 -3px 0 var(--chip-rim, #999)}.hud-controls{position:absolute;right:1rem;bottom:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.hud-btn{font:inherit;font-family:var(--font-display);font-size:1.05rem;color:#fff;padding:.6rem 1.2rem;border:3px solid var(--ink);border-radius:12px;background:linear-gradient(180deg,#5b7cf0 0%,var(--royal) 100%);box-shadow:0 4px 0 var(--ink);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;cursor:pointer;transition:transform .22s var(--ease-spring),box-shadow .16s ease,filter .16s ease}.hud-btn--gold{color:var(--ink);-webkit-text-stroke:0;background:linear-gradient(180deg,#ffd25e 0%,var(--gold) 100%)}.hud-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 7px 0 var(--ink);filter:brightness(1.08)}.hud-btn:active{transform:translateY(2px) scale(.97,.94);box-shadow:0 2px 0 var(--ink)}.hud-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.hud-hint{margin:0;padding:.3rem .7rem;border-radius:8px;background:#1b1f3bbf;color:#fff;font-size:.75rem}@media(max-width:720px){.hud-legend{display:none}}.roulette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:radial-gradient(circle at 50% 50%,#1b1f3b26,#1b1f3b8c);opacity:0;transition:opacity .22s ease}.roulette[hidden]{display:none}.roulette.is-open{opacity:1}.roulette__stage{--size: min(300px, 70vw);position:relative;width:var(--size);height:var(--size);transform:scale(.6) rotate(-20deg);transition:transform .42s var(--ease-spring)}.roulette.is-open .roulette__stage{transform:scale(1) rotate(0)}.roulette__lights{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;background:radial-gradient(circle,transparent 62%,#ffd25e 63%,var(--gold) 80%,#c98a12 100%);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink),0 18px 40px #1b1f3b73}.roulette__lights span{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;border:2px solid var(--ink);background:#fff7d6;transform:rotate(calc(var(--i) * 30deg)) translateY(calc(var(--size) / -2 - 8px));animation:light-chase .6s steps(1) infinite;animation-delay:calc(var(--i) * -.05s)}.roulette__lights span:nth-child(odd){animation-delay:-.3s}@keyframes light-chase{0%{background:#fff7d6;box-shadow:0 0 12px 3px #ffec96f2}50%{background:#c98a12;box-shadow:none}}.roulette.is-done .roulette__lights span{animation-duration:.18s}.roulette__wheel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid var(--ink);background:var(--wheel);will-change:transform;overflow:hidden}.roulette__wheel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from -1.5deg,rgba(255,255,255,.95) 0deg 3deg,transparent 3deg 60deg)}.roulette__wheel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),transparent 45%),radial-gradient(circle,transparent 60%,rgba(27,31,59,.28) 100%)}.roulette__num{position:absolute;left:50%;top:50%;z-index:1;font-family:var(--font-display);font-size:calc(var(--size) * .17);line-height:1;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--size) * -.3))}.roulette__pointer{position:absolute;left:50%;top:-34px;z-index:3;width:44px;height:52px;transform:translate(-50%);transform-origin:50% 20%;background:linear-gradient(180deg,#ff6b6f,var(--cherry));clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 0 var(--ink))}.roulette__pointer:before{content:"";position:absolute;top:5px;right:8px;bottom:12px;left:8px;background:#ffffff73;clip-path:polygon(0 0,100% 0,50% 100%)}.roulette__stop{position:absolute;left:50%;top:50%;z-index:2;width:36%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:4px solid var(--ink);background:radial-gradient(circle at 35% 30%,#ff8c8f,var(--cherry) 60%,#b5262b);box-shadow:0 6px 0 var(--ink),inset 0 -6px #0000002e;font-family:var(--font-display);font-size:calc(var(--size) * .085);color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;cursor:pointer;animation:stop-pulse .9s ease-in-out infinite;transition:transform .2s var(--ease-spring),box-shadow .16s ease,filter .16s ease}.roulette__stop:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.08);filter:brightness(1.1)}.roulette__stop:active:not(:disabled){transform:translate(-50%,-48%) scale(.94,.9);box-shadow:0 2px 0 var(--ink)}.roulette__stop:disabled{animation:none;cursor:default;filter:saturate(.6)}.roulette__stop:focus-visible{outline:4px solid #fff;outline-offset:4px}@keyframes stop-pulse{0%,to{box-shadow:0 6px 0 var(--ink),0 0 #e5484d99}50%{box-shadow:0 6px 0 var(--ink),0 0 0 14px #e5484d00}}.roulette__hint{margin:1.5rem 0 0;padding:.35rem .9rem;border-radius:999px;background:#1b1f3bcc;color:#fff;font-size:.85rem;font-weight:600}.roulette__hint kbd{padding:0 .35rem;border-radius:4px;background:var(--gold);color:var(--ink);font-family:inherit;font-weight:800}.roulette.is-stopping .roulette__hint,.roulette.is-done .roulette__hint{opacity:0}.roulette__result{position:absolute;left:50%;top:50%;z-index:5;font-family:var(--font-display);font-size:clamp(6rem,20vw,11rem);line-height:1;color:var(--gold);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 10px 0 var(--ink);pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.3)}.roulette__result.is-shown{animation:result-pop .9s var(--ease-spring) forwards}@keyframes result-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-12deg)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(4deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.big-btn{position:relative;overflow:hidden;min-width:11rem;padding:.7rem 1.6rem .8rem;border:3px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,#5b78e6 0%,var(--royal) 100%);box-shadow:inset 0 -5px #00000038,0 4px 0 var(--ink);color:#fff;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.02em;text-shadow:0 2px 0 rgba(27,31,59,.6);cursor:pointer;transition:transform .22s var(--ease-spring),box-shadow .16s ease,filter .16s ease}.big-btn--gold{background:linear-gradient(180deg,#ffd66b 0%,var(--gold) 100%);color:var(--ink);text-shadow:0 2px 0 rgba(255,255,255,.5)}.big-btn:after{content:"";position:absolute;inset:-20% auto -20% -60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-20deg);transition:left 0s}.big-btn:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.08) drop-shadow(0 0 10px rgba(242,182,50,.7))}.big-btn:hover:after{left:130%;transition:left .6s ease}.big-btn:active{transform:scale(.96,.93);box-shadow:inset 0 -2px #00000038,0 1px 0 var(--ink)}.big-btn:focus-visible,.opt-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.is-pulse{animation:btn-pulse 1.6s ease-in-out infinite}@keyframes btn-pulse{0%,to{box-shadow:inset 0 -5px #00000038,0 4px 0 var(--ink),0 0 #f2b63299}50%{box-shadow:inset 0 -5px #00000038,0 4px 0 var(--ink),0 0 0 10px #f2b63200}}.action-bar{position:absolute;left:50%;bottom:1rem;z-index:15;width:min(440px,calc(100vw - 2rem));padding:.9rem 1.1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;transform:translate(-50%)}.action-bar[hidden]{display:none}.action-bar.is-in{animation:bar-in .36s var(--ease-spring)}@keyframes bar-in{0%{opacity:0;transform:translate(-50%,24px) scale(.94)}}.action-bar__who{margin:0;font-family:var(--font-display);font-size:1.35rem;color:var(--pc, var(--ink));-webkit-text-stroke:1px var(--ink)}.action-bar__who small{font-family:var(--font-body);font-size:.8rem;font-weight:800;color:var(--ink);-webkit-text-stroke:0}.action-bar__text{margin:0;font-size:.9rem;line-height:1.5}.action-bar__note{margin:0;font-size:.75rem;color:#6b6f8a}.action-bar__land{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1rem}.action-bar__options{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.opt-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border:3px solid var(--ink);border-radius:12px;background:#fff;box-shadow:0 3px 0 var(--ink);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .2s var(--ease-spring),background .14s ease}.opt-btn span{display:flex;flex-direction:column;line-height:1.2}.opt-btn small{font-size:.72rem;color:#6b6f8a}.opt-btn:hover,.opt-btn:focus-visible{background:#fff1c7;transform:translateY(-3px) scale(1.05)}.steps{display:flex;align-items:baseline;gap:.35rem}.steps__num{font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--gold);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.steps__label{font-weight:800}.rank-list{width:100%;margin:0;padding:0;list-style:none;counter-reset:rank;display:flex;flex-direction:column;gap:.3rem}.rank-list li{counter-increment:rank;display:flex;align-items:center;gap:.6rem;padding:.35rem .7rem;border:2px solid var(--ink);border-left:8px solid var(--pc);border-radius:10px;background:#fff}.rank-list li:before{content:counter(rank);font-family:var(--font-display);font-size:1.1rem}.rank-list li span{margin-left:auto;font-weight:800}.turn-banner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;pointer-events:none!important}.turn-banner[hidden]{display:none}.turn-banner__ribbon{width:100%;padding:.9rem 1rem 1rem;background:var(--bc, var(--royal));border-block:4px solid var(--ink);box-shadow:0 8px #1b1f3b59;text-align:center;transform:translate(-110%) skewY(-3deg)}.turn-banner.is-in .turn-banner__ribbon{transform:translate(0) skewY(-3deg);transition:transform .42s var(--ease-spring)}.turn-banner.is-out .turn-banner__ribbon{transform:translate(110%) skewY(-3deg);transition:transform .3s ease-in}.turn-banner__title{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,6vw,3rem);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.turn-banner__sub{margin:.2rem 0 0;font-weight:800;color:#fff;text-shadow:0 2px 0 var(--ink)}.setup{position:absolute;left:50%;top:50%;z-index:30;width:min(420px,calc(100vw - 2rem));padding:1.4rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;transform:translate(-50%,-50%);animation:setup-in .48s var(--ease-spring)}.setup.is-out{opacity:0;transform:translate(-50%,-40%) scale(.92);transition:opacity .24s ease,transform .24s ease}@keyframes setup-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.85)}}.setup__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:1.8rem;color:var(--royal)}.setup__desc{margin:0;font-size:.9rem;line-height:1.6}.seg{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.seg legend{width:100%;margin-bottom:.35rem;font-weight:800;font-size:.85rem}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:inline-block;padding:.35rem .9rem;border:2px solid var(--ink);border-radius:999px;background:#fff;font-weight:800;font-size:.9rem;cursor:pointer;transition:transform .2s var(--ease-spring),background .14s ease}.seg label:hover span{transform:translateY(-2px)}.seg input:checked+span{background:var(--gold);box-shadow:0 3px 0 var(--ink)}.seg input:focus-visible+span{outline:3px solid var(--royal);outline-offset:2px}.action-bar__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.action-bar__row .big-btn--sm{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1}.players-col{position:absolute;top:1rem;z-index:10;display:flex;flex-direction:column;gap:.6rem;width:230px;pointer-events:none!important}.players-col--left{left:1rem}.players-col--right{right:1rem}.pcard{position:relative;display:flex;gap:.6rem;padding:.55rem .7rem;border:3px solid var(--ink);border-left:10px solid var(--pc);border-radius:14px;background:#fffaf0f0;box-shadow:0 4px 0 var(--ink);transition:transform .3s var(--ease-spring),box-shadow .2s ease}.pcard.is-active{transform:scale(1.04);box-shadow:0 4px 0 var(--ink),0 0 0 4px var(--gold),0 0 18px #f2b632cc}.pcard__ribbon{position:absolute;top:-.7rem;right:.6rem;padding:.05rem .55rem;border:2px solid var(--ink);border-radius:999px;background:var(--gold);font-size:.7rem;font-weight:800}.pcard__portrait{flex:none;width:44px;height:44px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--pc);color:#fff}.pcard__portrait svg{width:24px;height:24px}.pcard__info{min-width:0;flex:1}.pcard__name{margin:0;font-family:var(--font-display);font-weight:400;font-size:1rem;line-height:1.2}.pcard__you{display:inline-block;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--pc, #2b4bbf);color:#fff;font-family:var(--font-body, sans-serif);font-size:.65rem;font-weight:800;vertical-align:2px}.pcard__meta{margin:0;font-size:.72rem;font-weight:600;color:#6b6f8a}.pcard__hp{height:8px;margin:.25rem 0 .15rem;border:2px solid var(--ink);border-radius:999px;background:#ffd9d9;overflow:hidden}.pcard__hp span{display:block;height:100%;background:var(--field);transition:width .4s ease}.pcard__exp{height:4px;margin:0 0 .2rem;border-radius:999px;background:#1b1f3b2e;overflow:hidden}.pcard__exp span{display:block;height:100%;background:var(--gold);transition:width .4s ease}.pcard__row{margin:0;display:flex;justify-content:space-between;gap:.4rem;font-size:.72rem;font-weight:800}.pcard__gold{display:inline-flex;align-items:center;gap:.2rem}.pcard__gold svg{width:14px;height:14px}.cal{display:flex;align-items:center;gap:.6rem;padding:.3rem .9rem;pointer-events:none}.cal[hidden]{display:none}.cal p{margin:0;font-size:.85rem;font-weight:600}.cal b{font-family:var(--font-display);font-weight:400;font-size:1.05rem;color:var(--royal)}.cal__days{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}.cal__days li{width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:#fff}.cal__days li.is-past{background:#b9bdd6}.cal__days li.is-today{background:var(--gold);transform:scale(1.25)}@media(max-width:900px){.players-col{width:170px}.pcard__portrait{display:none}}@media(max-width:640px){.players-col{top:auto;bottom:11rem;width:140px}.pcard__hp,.pcard__exp,.pcard__meta,.hud-legend{display:none}}.pcard__rank{font-size:.8em;margin-left:2px}.coop-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;margin-top:.35rem;pointer-events:none;font-size:.8rem;font-weight:700}.coop-bar[hidden]{display:none}.coop-bar__chip,.coop-bar__boss{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .7rem;border-radius:999px;background:#fff4dc;color:#2b2f45;border:2px solid #2b2f45;box-shadow:0 3px #2b2f45}.coop-bar__chip--dark,.coop-bar__boss{background:#2a1450;color:#f3e8ff}.coop-bar__hp{position:relative;width:90px;height:8px;border-radius:999px;background:#ffffff2e;overflow:hidden}.coop-bar__hp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7a2cff,#e5484d);transition:width .4s ease}.big-btn{transition:transform .34s var(--ease-spring),box-shadow .16s ease,filter .16s ease;will-change:transform}.big-btn:before{content:"";position:absolute;inset:3px 6px auto;height:38%;border-radius:10px 10px 40% 40%;background:linear-gradient(180deg,#ffffff73,#fff0);pointer-events:none}.big-btn--red{background:linear-gradient(180deg,#ff7a7e 0%,var(--cherry) 100%);color:#fff}.big-btn--ghost{background:linear-gradient(180deg,#fffaf0 0%,var(--cream) 100%);color:var(--ink);text-shadow:none}.big-btn--sm{min-width:0;padding:.45rem 1rem .55rem;font-size:1rem;border-radius:12px}.big-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05)}.big-btn:active:not(:disabled){transform:scale(.95,.92);transition-duration:80ms}.big-btn:disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.92);opacity:.7}.big-btn:disabled:after{display:none}.round-btn{position:relative;display:inline-grid;place-items:center;width:3rem;height:3rem;border:3px solid var(--ink);border-radius:999px;background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--gold) 70%);box-shadow:inset 0 -4px #0003,0 3px 0 var(--ink);color:var(--ink);cursor:pointer;transition:transform .3s var(--ease-spring),filter .16s ease}.round-btn:hover{transform:translateY(-2px) scale(1.08) rotate(-4deg);filter:brightness(1.08) drop-shadow(0 0 8px rgba(242,182,50,.7))}.round-btn:active{transform:scale(.92,.88)}.round-btn:focus-visible,.choice-card:focus-visible,.swatch:focus-visible{outline:3px solid #fff;outline-offset:3px}.fx-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}.fx-iris{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:all;clip-path:circle(0% at 50% 50%)}@media(prefers-reduced-motion:reduce){.big-btn,.round-btn{transition:none}.big-btn:hover:after{transition:none}.is-pulse{animation:none}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;background:linear-gradient(180deg,#1b1f3b0d,#1b1f3b73),url(/ui/title-bg.png) center / cover no-repeat;pointer-events:auto}.screen__stage{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.title-screen{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.logo{margin:0;display:flex;flex-direction:column;align-items:center;line-height:.85;font-family:var(--font-display);font-weight:400;animation:logo-in .9s var(--ease-spring) both,logo-bob 3.2s ease-in-out .9s infinite}.logo span{color:var(--gold);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink),0 10px 22px rgba(27,31,59,.45)}.logo__top{font-size:clamp(2.6rem,7vw,4.6rem);color:#fff!important}.logo__bottom{font-size:clamp(4.4rem,13vw,8.5rem);background:linear-gradient(180deg,#fff2b0 10%,var(--gold) 55%,#e08a1e 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important;filter:drop-shadow(0 6px 0 var(--ink)) drop-shadow(0 10px 14px rgba(27,31,59,.4))}.title-screen__tag{margin:0;padding:.35rem 1rem;border-radius:999px;background:#1b1f3bb3;color:var(--cream);font-weight:600}.title-screen__menu{display:flex;flex-direction:column;gap:.8rem;margin-top:.6rem}.title-screen__menu .big-btn{min-width:14rem;font-size:1.5rem}.title-screen__save,.title-screen__err{margin:-.4rem 0 .2rem;padding:.2rem .8rem;border-radius:999px;background:#1b1f3bb3;color:var(--cream);font-size:.8rem;font-weight:600;text-align:center}.title-screen__err{margin:0;background:#b42318;color:#fff}.title-screen__foot{margin:.4rem 0 0;color:#fff;font-size:.8rem;opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.6)}.how{position:absolute;top:50%;left:50%;width:min(420px,calc(100vw - 2rem));transform:translate(-50%,-50%);padding:1.2rem 1.4rem;text-align:left;animation:pop-in .32s var(--ease-spring) both}.how__title{margin:0 0 .5rem;font-family:var(--font-display);font-weight:400;font-size:1.6rem}.how__list{margin:0 0 1rem;padding-left:1.2rem;line-height:1.7}.menu-card{width:min(480px,100%);padding:1.3rem 1.4rem 1.2rem;display:flex;flex-direction:column;gap:.9rem;animation:pop-in .42s var(--ease-spring) both}.menu-card--wide{width:min(880px,100%)}.menu-card.is-static{animation:none}.menu-card__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:2rem;color:var(--royal);text-shadow:0 2px 0 #fff}.menu-card__foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.3rem}.seg--lobby label.is-disabled span{opacity:.5;cursor:not-allowed}.seg small{font-size:.7rem;color:var(--cherry);font-weight:800}.cc-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cc-steps{display:flex;gap:.4rem;margin:0;padding:0;list-style:none}.cc-steps li{display:grid;place-items:center;width:2rem;height:2rem;border:3px solid var(--ink);border-radius:999px;background:#fff;font-family:var(--font-display);color:var(--ink);opacity:.55;transition:transform .3s var(--ease-spring)}.cc-steps li.is-done{background:var(--pc);color:#fff;opacity:.8}.cc-steps li.is-on{background:var(--pc);color:#fff;opacity:1;transform:scale(1.2)}.cc-body{display:flex;flex-wrap:wrap;gap:1.2rem}.cc-hero{flex:1 1 240px;display:flex;flex-direction:column;align-items:center;gap:.8rem}.cc-portrait{width:200px;height:200px;border-radius:999px;border:6px solid var(--pc);box-shadow:0 0 0 4px var(--ink),0 10px 24px #1b1f3b59;overflow:hidden;background:var(--cream)}.cc-portrait img{width:100%;height:100%;object-fit:cover;display:block}.cc-portrait.is-pop{animation:pop-in .42s var(--ease-spring)}.cc-name{display:flex;flex-direction:column;gap:.25rem;width:100%;max-width:240px;font-weight:800;font-size:.85rem}.cc-name input{padding:.55rem .8rem;border:3px solid var(--ink);border-radius:12px;background:#fff;font:600 1.05rem var(--font-body);color:var(--ink)}.cc-name input:focus-visible{outline:3px solid var(--pc);outline-offset:2px}.cc-hair{display:flex;align-items:center;gap:.45rem}.cc-label{font-weight:800;font-size:.85rem;margin-right:.2rem}.swatch{width:1.9rem;height:1.9rem;border:3px solid var(--ink);border-radius:999px;background:var(--sw);cursor:pointer;transition:transform .26s var(--ease-spring)}.swatch:hover{transform:scale(1.15)}.swatch.is-on{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink);transform:scale(1.1)}.cc-jobs{flex:1.4 1 340px;display:flex;flex-direction:column;gap:.6rem;perspective:800px}.choice-card{--rx: 0deg;--ry: 0deg;display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;border:3px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);text-align:left;font:inherit;cursor:pointer;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease-out,box-shadow .2s ease,background .2s ease;box-shadow:0 3px 0 var(--ink)}.choice-card:hover{transform:translateY(-3px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.02);box-shadow:0 6px 0 var(--ink),0 0 16px #f2b6328c}.choice-card.is-on{background:linear-gradient(180deg,#fff7d6,#ffe6a0);box-shadow:0 3px 0 var(--ink),0 0 0 3px var(--gold)}.choice-card img{flex:none;width:64px;height:64px;border-radius:12px;border:2px solid var(--ink);object-fit:cover}.choice-card__text{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.choice-card__text b{font-family:var(--font-display);font-weight:400;font-size:1.2rem}.choice-card__text small{font-size:.78rem;opacity:.8}.stat-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-top:.2rem}.stat-bar{display:flex;flex-direction:column;gap:.1rem}.stat-bar i{font-style:normal;font-size:.65rem;font-weight:800}.stat-bar>span{height:6px;border-radius:99px;background:#1b1f3b26;overflow:hidden}.stat-bar em{display:block;height:100%;background:linear-gradient(90deg,var(--royal),#5b78e6)}@keyframes pop-in{0%{transform:scale(.85);opacity:0}}.how{animation-name:how-in}@keyframes how-in{0%{transform:translate(-50%,-50%) scale(.85);opacity:0}}@keyframes logo-in{0%{transform:translateY(-40px) scale(.6);opacity:0}}@keyframes logo-bob{50%{transform:translateY(-6px) rotate(-1deg)}}@media(prefers-reduced-motion:reduce){.logo,.menu-card,.how,.cc-portrait.is-pop{animation:none}.choice-card{transform:none}}.ev-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at center,#1b1f3b26,#1b1f3b8c);pointer-events:auto;animation:ev-fade .2s ease both}.ev-layer[hidden]{display:none}.ev-scroll{--accent: #c79a4a;width:min(460px,100%);display:flex;flex-direction:column;align-items:center;animation:ev-unroll .42s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) both;transform-origin:top center}.ev-scroll--gain{--accent: #d39a17}.ev-scroll--loss{--accent: #c23b3f}.ev-scroll--magic{--accent: #6a3fc0}.ev-scroll--warp{--accent: #2a9fb8}.ev-scroll--shop{--accent: #3f9a4c}.ev-scroll--town{--accent: #b8860b}.ev-scroll--temple{--accent: #a99bd0}.ev-scroll--battle{--accent: #c23b3f}.ev-scroll--dark{--accent: #7a2cff}.ev-scroll--dark .ev-scroll__paper{box-shadow:inset 0 0 40px #7a2cff47}.ev-layer.is-cpu [data-choice]{pointer-events:none}.ev-cpu-tag{display:inline-block;margin-bottom:6px;padding:2px 10px;border-radius:999px;background:#2b2f45;color:#fff4dc;font-size:.75rem;font-weight:800;letter-spacing:.04em}[data-choice].is-cpu-pick{outline:3px solid #f2b632;outline-offset:2px;transform:translateY(-2px) scale(1.04)}.ev-scroll__rod{width:calc(100% + 28px);height:22px;border:3px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#b27a3e,#7a4a1e);box-shadow:inset 0 3px #ffffff40,0 4px 0 var(--ink);position:relative;z-index:2}.ev-scroll__rod:before,.ev-scroll__rod:after{content:"";position:absolute;top:50%;width:18px;height:18px;border:3px solid var(--ink);border-radius:50%;background:var(--accent);transform:translateY(-50%)}.ev-scroll__rod:before{left:-12px}.ev-scroll__rod:after{right:-12px}.ev-scroll__paper{width:100%;margin:-6px 0;padding:22px 24px 20px;border-left:3px solid var(--ink);border-right:3px solid var(--ink);background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.55),transparent 45%),linear-gradient(180deg,#fff6dc,#f6e3b4);color:var(--ink);display:flex;flex-direction:column;gap:12px;text-align:center;max-height:min(70vh,560px);overflow-y:auto}.ev-kicker{margin:0;align-self:center;padding:2px 12px;border-radius:999px;background:var(--accent);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.04em}.ev-title{margin:0;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.15}.ev-body{margin:0;font-size:.98rem;line-height:1.5;color:#4a4058}.ev-body p{margin:0}.ev-body p+p{margin-top:6px}.ev-sub{font-size:.85rem;font-weight:700;color:#7a5a1e}.ev-wallet b{color:var(--ink)}.ev-gift{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;text-align:left;font-size:.88rem;font-weight:600}.ev-gift li{display:flex;align-items:center;gap:8px;padding:6px 8px;border:2px solid var(--ink);border-radius:10px;background:#fffaf0}.ev-gift b{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);background:var(--gold);font-family:var(--font-display)}.ev-rewards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ev-reward{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;border:2px solid var(--ink);border-radius:12px;background:#fffaf0;font-weight:700;animation:ev-pop .36s var(--ease-spring, ease) both;animation-delay:.22s}.ev-reward b{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:1.1rem}.ev-reward svg{width:18px;height:18px}.ev-reward--gain b{color:#2f8a3c}.ev-reward--loss b{color:#c23b3f}.ev-items{display:flex;flex-direction:column;gap:8px}.ev-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:3px solid var(--ink);border-radius:14px;background:#fffaf0;box-shadow:0 3px 0 var(--ink);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .2s var(--ease-spring, ease),background .15s ease}.ev-item:hover:not(:disabled),.ev-item:focus-visible{transform:translateY(-2px) scale(1.01);background:#fff;outline:none}.ev-item:active:not(:disabled){transform:translateY(2px) scale(.98);box-shadow:0 1px 0 var(--ink)}.ev-item:disabled{opacity:.5;cursor:not-allowed}.ev-item__swatch{flex:none;width:34px;height:34px;border:3px solid var(--ink);border-radius:10px;background:linear-gradient(145deg,#fff 0%,var(--sw) 55%);transform:rotate(-6deg)}.ev-item__text{flex:1;display:flex;flex-direction:column;min-width:0}.ev-item__text small{color:#6b5f7a;font-size:.82rem}.ev-item__price{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-family:var(--font-display)}.ev-item__price svg{width:18px;height:18px}.ev-item__tag{font-size:.78rem;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--royal, #2b4bbf);color:#fff;white-space:nowrap}.ev-item:disabled .ev-item__tag{background:#8a8070}.ev-section{margin:6px 0 2px;font-family:var(--font-display);font-size:.95rem;letter-spacing:.02em;opacity:.8}.ev-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}.ev-note{display:block;font-size:.72rem;font-weight:600;opacity:.85}.pcard__inv{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.pcard__chip{display:inline-flex;align-items:center;gap:3px;padding:0 6px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-size:.68rem;font-weight:700;line-height:1.5}.pcard__chip i{width:8px;height:8px;border-radius:50%;background:var(--dot);border:1.5px solid var(--ink)}.pcard.is-ko{filter:grayscale(.8)}.pcard__ko{color:#c23b3f;font-weight:800}.pcard__prank{color:#b8327a;font-weight:800}.pcard__dark{color:#fff;background:linear-gradient(135deg,#3b0a6e,#7a2cff);font-weight:800}.pcard.is-dark{box-shadow:0 0 0 3px #7a2cff,0 0 22px #7a2cff99}.pcard__cpu{background:#2b2f45;color:#fff4dc;font-weight:800}.fx-pop{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:2rem;font-weight:800;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;animation:fx-rise 1.1s cubic-bezier(.2,.8,.2,1) forwards}.fx-pop--gain{color:#ffd25e}.fx-pop--loss{color:#ff6b6b}.fx-pop--heal{color:#7fd88a}@keyframes fx-rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(-50%,-180%) scale(1)}}@keyframes ev-fade{0%{opacity:0}}@keyframes ev-unroll{0%{opacity:0;transform:scaleY(.2) translateY(-30px)}}@keyframes ev-pop{0%{opacity:0;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.ev-layer,.ev-scroll,.ev-reward,.fx-pop{animation:none}}.eq-slot{display:inline-block;margin-left:4px;padding:0 6px;border-radius:999px;background:#ece6d6;color:#6b6f8a;font-size:.68rem;font-weight:700;vertical-align:1px}.eq-delta{display:inline-block;margin:3px 4px 0 0;padding:0 6px;border-radius:6px;background:#ece6d6;font-weight:800;font-variant-numeric:tabular-nums}.eq-delta.is-up{background:#dff3d9;color:#2f7a25}.eq-delta.is-down{background:#fbe0de;color:#b3262b}.eq-trade{display:block;margin-top:2px;color:#7a5a1e;font-weight:600}.eq-worn-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}.eq-worn{display:inline-flex;align-items:baseline;gap:4px;padding:2px 8px;border:2px solid var(--ink);border-radius:8px;background:#fffaf0;font-size:.8rem;font-weight:700}.eq-worn small{color:#6b6f8a;font-weight:600}.bt-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;pointer-events:auto;font-family:var(--font-body);opacity:0;transition:opacity .26s ease}.bt-layer.is-open{opacity:1}.bt-layer[hidden]{display:none}.bt-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#2b4bbfb3,#1b1f3bf5 70%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bt-stage{position:relative;width:min(980px,94vw);display:flex;flex-direction:column;align-items:center;gap:18px;color:var(--cream)}.bt-round{margin:0;font-family:var(--font-display);font-size:1.1rem;letter-spacing:.06em;padding:4px 16px;border-radius:999px;background:#fff4dc1f;border:1px solid rgba(255,244,220,.25)}.bt-arena{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.bt-fighter{flex:0 1 280px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border-radius:20px;background:#fff4dc14;border:2px solid rgba(255,244,220,.18);transition:border-color .2s ease,transform .3s var(--ease-spring)}.bt-fighter.is-turn{border-color:var(--gold);box-shadow:0 0 0 4px #f2b63240}.bt-fighter.is-hit{animation:bt-hit .42s ease}.bt-avatar{position:relative;width:112px;height:112px;display:flex;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--fc) 55%,#fff),var(--fc) 65%);box-shadow:inset 0 -10px #0000002e,0 10px #00000040}.bt-avatar--hero{border-radius:50% 50% 44% 44%}.bt-avatar--monster{border-radius:50% 50% 38% 38%/62% 62% 38% 38%;animation:bt-bob 1.6s ease-in-out infinite}.bt-eye{width:14px;height:20px;border-radius:50%;background:var(--ink);box-shadow:inset 3px 3px #fff;margin-top:-8px}.bt-info{width:100%;text-align:center}.bt-name{margin:0 0 6px;font-weight:800;font-size:1.1rem}.bt-hp{height:14px;border-radius:999px;background:#00000059;overflow:hidden;border:2px solid rgba(255,244,220,.4)}.bt-hp__fill{display:block;height:100%;width:100%;background:linear-gradient(180deg,#8ee26b,var(--field));transition:width .5s ease}.bt-hp.is-low .bt-hp__fill{background:linear-gradient(180deg,#ff8a8d,var(--cherry))}.bt-hp__text{margin:4px 0 0;font-size:.9rem}.bt-hp__text b{font-family:var(--font-display);font-size:1.15rem}.bt-stats{margin:4px 0 0;font-size:.78rem;opacity:.75}.bt-clash{flex:1;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.bt-reveal{display:flex;align-items:center;gap:12px;min-height:120px}.bt-vs{font-family:var(--font-display);font-size:1.6rem;color:var(--gold)}.bt-msg{margin:0;min-height:3em;line-height:1.5;max-width:34ch}.bt-msg strong{color:var(--gold)}.bt-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;min-height:150px}.bt-card{--c1: #ff7a7e;--c2: var(--cherry);position:relative;width:112px;height:150px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:3px solid var(--cream);background:linear-gradient(170deg,var(--c1),var(--c2));color:#fff;font:inherit;text-align:center;cursor:pointer;box-shadow:0 6px #0000004d;transition:transform .24s var(--ease-spring),box-shadow .16s ease,opacity .2s ease}.bt-card:not(:disabled):hover,.bt-card:not(:disabled):focus-visible{transform:translateY(-10px) rotate(-2deg);box-shadow:0 14px #00000040;outline:none}.bt-card:disabled{cursor:default}.bt-card[data-card]:disabled{filter:grayscale(.9);opacity:.55}.bt-card--gold{--c1: #ffd25e;--c2: #d9961c;color:var(--ink)}.bt-card--blue{--c1: #6f8df0;--c2: var(--royal)}.bt-card--violet{--c1: #b89af5;--c2: #6b4fa0}.bt-card--green{--c1: #8ee26b;--c2: #3f8f2a}.bt-card--ghost{--c1: #8a8070;--c2: #5b5446}.bt-card--back{background:repeating-linear-gradient(45deg,rgba(255,244,220,.12) 0 8px,transparent 8px 16px),linear-gradient(170deg,#4a66d6,var(--royal))}.bt-card.is-flipped{animation:bt-flip .42s ease}.bt-card.is-chosen{transform:translateY(-12px) scale(1.06);border-color:var(--gold)}.bt-card.is-dim{opacity:.45}.bt-card--sm{width:92px;height:118px;cursor:default}.bt-card.is-flip-in{animation:bt-flip .46s ease both}.bt-card__name{font-family:var(--font-display),var(--font-body);font-size:1.05rem;font-weight:800;line-height:1.2}.bt-card__desc{font-size:.72rem;line-height:1.3;opacity:.92}.bt-card__num{font-family:var(--font-display);font-size:3rem;color:var(--ink)}.bt-card.is-flipped{background:var(--cream)}.bt-pop{position:absolute;top:-6px;left:50%;font-family:var(--font-display);font-size:2rem;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;pointer-events:none;animation:bt-pop 1s ease-out forwards}.bt-pop--dmg{color:#fff}.bt-pop--crit{color:var(--gold);font-size:2.8rem}.bt-pop--heal{color:#8ee26b}.bt-pop--miss{color:#cfd6ff;font-size:1.5rem}.bt-layer.is-shake .bt-stage{animation:bt-shake .38s ease}@keyframes bt-bob{50%{transform:translateY(-6px) scale(1.03,.97)}}@keyframes bt-hit{0%{transform:none}25%{transform:translate(-10px);filter:brightness(2)}60%{transform:translate(8px)}to{transform:none}}@keyframes bt-flip{0%{transform:rotateY(90deg) scale(.9)}to{transform:rotateY(0) scale(1)}}@keyframes bt-pop{0%{transform:translate(-50%) scale(.6);opacity:0}20%{transform:translate(-50%,-24px) scale(1.15);opacity:1}to{transform:translate(-50%,-70px) scale(1);opacity:0}}@keyframes bt-shake{0%,to{transform:none}20%{transform:translate(-8px,4px)}40%{transform:translate(8px,-4px)}60%{transform:translate(-6px,2px)}80%{transform:translate(4px,-2px)}}@media(max-width:720px){.bt-arena{flex-wrap:wrap;justify-content:center}.bt-clash{order:3;flex-basis:100%;min-height:140px}.bt-fighter{flex:1 1 40%;padding:10px}.bt-avatar{width:72px;height:72px}.bt-card{width:84px;height:118px}}@media(prefers-reduced-motion:reduce){.bt-avatar--monster,.bt-layer.is-shake .bt-stage,.bt-fighter.is-hit{animation:none}}.bt-layer--3d{place-items:stretch}.bt-layer--3d .bt-backdrop{background:linear-gradient(180deg,rgba(27,31,59,.55),transparent 22%,transparent 62%,rgba(27,31,59,.78));-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.bt-layer--3d .bt-stage{width:min(1100px,96vw);height:100%;margin:0 auto;padding:16px 0 20px;justify-content:space-between;pointer-events:none}.bt-layer--3d .bt-stage>*{pointer-events:auto}.bt-layer--3d .bt-arena{position:absolute;top:56px;left:0;right:0;align-items:flex-start;pointer-events:none}.bt-layer--3d .bt-fighter{flex:0 1 260px;padding:10px 14px;background:#1b1f3bb8;pointer-events:auto}.bt-layer--3d .bt-avatar{display:none}.bt-layer--3d .bt-clash{position:fixed;left:50%;bottom:200px;min-height:0;transform:translate(-50%);width:min(560px,92vw);pointer-events:none}.bt-layer--3d .bt-msg{background:#1b1f3bc7;border-radius:14px;padding:8px 14px}.bt-layer--3d .bt-msg:empty{display:none}.bt-layer--3d .bt-hand{margin-top:auto}.bt-pop--float{position:fixed;top:0;left:0;z-index:2}@media(max-width:720px){.bt-layer--3d .bt-arena{flex-wrap:nowrap;top:48px;gap:8px}.bt-layer--3d .bt-fighter{flex:1 1 50%}.bt-layer--3d .bt-stats{display:none}.bt-layer--3d .bt-clash{bottom:160px}}body.in-battle .hud-top,body.in-battle .hud-legend,body.in-battle .hud-controls,body.in-battle .players-col,body.in-battle .action-bar,body.in-battle .tile-tooltip{visibility:hidden}.bt-card{justify-content:flex-start;gap:6px;padding-top:8px;height:172px}.bt-card--sm{height:128px}.bt-card__art{flex:none;width:100%;aspect-ratio:1;max-height:84px;border-radius:10px;border:2px solid rgba(27,31,59,.55);background:center / cover no-repeat;box-shadow:inset 0 0 0 2px #fff4dc59}.bt-card__name{font-size:.95rem}.bt-card__desc{font-size:.66rem}.bt-card--sm .bt-card__art{max-height:70px}.bt-card--sm .bt-card__name{font-size:.85rem}.bt-card--back{background:url(/cards/back.webp) center / cover no-repeat,linear-gradient(170deg,#4a66d6,var(--royal))}.bt-card.is-flipped{justify-content:center}@media(max-width:720px){.bt-card__art{max-height:62px}.bt-card__desc{display:none}}.bt-card__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bt-card--ghost{justify-content:center}.bt-handoff{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--fc) 45%,#14172e),#0d0f20 75%);animation:bt-handoff-in .25s ease-out}.bt-handoff__card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:420px;width:100%;padding:28px 24px;border:3px solid var(--ink, #1b1f3b);border-radius:18px;background:#fffaf0;box-shadow:0 6px 0 var(--ink, #1b1f3b);text-align:center}.bt-handoff__kicker{margin:0;padding:2px 12px;border-radius:999px;background:var(--fc);color:#fff;font-weight:800;font-size:.8rem}.bt-handoff__title{margin:0;font-family:var(--font-display, inherit);font-size:1.6rem;color:var(--ink, #1b1f3b)}.bt-handoff__title span{color:var(--fc)}.bt-handoff__sub{margin:0 0 6px;color:#6b6f8a;font-weight:600}@keyframes bt-handoff-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.bt-handoff{animation:none}}.lv-layer{z-index:45}.lv-scroll{width:min(500px,100%)}.lv-title{display:flex;align-items:center;justify-content:center;gap:12px}.lv-num{color:#1b1f3b8c}.lv-num--new{color:var(--ink);font-size:1.25em;animation:lv-pop .6s var(--ease-spring) both .15s}.lv-arrow{color:var(--gold)}.lv-sub{margin:0;text-align:center;font-size:.9rem;color:#1b1f3bbf}.lv-stats{display:flex;flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none}.lv-row{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 12px;border:2px solid rgba(27,31,59,.15);border-radius:12px;background:#ffffff73;transition:background .15s,border-color .15s}.lv-row.is-boosted{border-color:var(--gold);background:#f2b6322e}.lv-row__label{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.2;text-align:left}.lv-row__label b{font-family:var(--font-display);font-size:1.05rem}.lv-row__label small{font-size:.72rem;color:#1b1f3b99}.lv-row__value{display:flex;align-items:baseline;gap:6px;min-width:96px;font-family:var(--font-display);font-size:1.2rem;font-variant-numeric:tabular-nums}.lv-grow{font-size:.85rem;color:#2f8a2a}.lv-add{font-size:.85rem;color:#b07a00;animation:lv-pop .26s var(--ease-spring)}.lv-step{display:flex;gap:6px}.lv-btn{width:34px;height:34px;font-size:1.1rem;line-height:1}.lv-btn:disabled{opacity:.35;cursor:not-allowed}.lv-points{margin:2px 0 0;text-align:center;font-size:.95rem}.lv-points b{font-family:var(--font-display);font-size:1.3rem;color:var(--cherry)}.lv-actions{justify-content:center}@keyframes lv-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:480px){.lv-row__label small{display:none}.lv-row__value{min-width:72px}}@media(prefers-reduced-motion:reduce){.lv-num--new,.lv-add{animation:none}}.lv-legend{display:flex;justify-content:center;gap:14px;margin:0;font-size:.75rem;color:#1b1f3bb3}.lv-legend .lv-grow,.lv-legend .lv-add{font-family:var(--font-display);animation:none}.lv-scroll .ev-scroll__paper{padding-top:16px;padding-bottom:16px}.lv-row{padding:3px 6px 3px 12px}.lv-btn{width:30px;height:30px}@media(max-height:760px){.lv-row__label small,.lv-sub{display:none}}.weekly{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;background:#1b1f3b8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:weekly-fade .24s ease both;pointer-events:auto}.weekly.is-leaving{animation:weekly-fade .24s ease reverse both}.weekly__card{--pc: var(--gold);position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:min(26rem,100%);padding:1.75rem 1.5rem 1.4rem;text-align:center;background:var(--cream);border:4px solid var(--ink);border-radius:1.4rem;box-shadow:0 8px 0 var(--ink),0 18px 40px #00000059;animation:weekly-pop .52s var(--ease-spring) both}.weekly__card--wide{width:min(38rem,100%)}.weekly__kicker{margin:0;padding:.2rem .8rem;font-size:.8rem;font-weight:800;color:#fff;background:var(--royal);border-radius:999px}.weekly__crown{width:4.2rem;height:2.8rem;margin-top:.3rem;background:var(--pc);border:3px solid var(--ink);clip-path:polygon(0 100%,0 25%,25% 60%,50% 0,75% 60%,100% 25%,100% 100%);animation:logo-bob 2.4s ease-in-out infinite}.weekly__title{margin:0;font-family:var(--font-display);font-size:clamp(1.4rem,3.4vw,1.9rem);line-height:1.2;color:var(--ink)}.weekly__desc,.weekly__note{margin:0;font-size:.95rem;line-height:1.55;color:#4a4f72}.weekly__note{padding:.5rem .8rem;background:#fff;border:2px dashed #c9b88d;border-radius:.8rem}.weekly__reward{margin:.2rem 0 .6rem;font-weight:700}.weekly__reward b{font-family:var(--font-display);font-size:1.4rem;color:#b07a00}.podium{display:flex;align-items:flex-end;justify-content:center;gap:.6rem;width:100%;height:16rem;margin:.6rem 0;padding:0;list-style:none}.podium__col{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:flex-end;gap:.2rem;height:100%;min-width:0;animation:podium-rise .62s var(--ease-spring) var(--delay) both}.podium__avatar{display:grid;place-items:center;width:2.6rem;height:2.6rem;font-family:var(--font-display);font-size:1.2rem;color:#fff;background:var(--pc);border:3px solid var(--ink);border-radius:50%}.podium__col--1 .podium__avatar{width:3.2rem;height:3.2rem;box-shadow:0 0 0 4px var(--gold)}.podium__name{max-width:100%;overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.podium__assets{font-size:.78rem;font-weight:700;color:#6b6f8f}.podium__block{display:flex;align-items:flex-start;justify-content:center;width:100%;height:calc(2.6rem + 6.4rem * var(--h));padding-top:.4rem;background:var(--pc);border:3px solid var(--ink);border-bottom:0;border-radius:.6rem .6rem 0 0}.podium__block em{font-family:var(--font-display);font-size:.85rem;font-style:normal;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}.cal__quest{max-width:11rem;margin-top:.35rem!important;padding-top:.35rem;font-size:.72rem!important;line-height:1.35;border-top:2px dashed rgba(27,31,59,.2)}.cal__quest.is-done{opacity:.6}@keyframes weekly-fade{0%{opacity:0}to{opacity:1}}@keyframes weekly-pop{0%{transform:scale(.7) translateY(20px);opacity:0}to{transform:none;opacity:1}}@keyframes podium-rise{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.weekly,.weekly__card,.weekly__crown,.podium__col{animation:none}}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;background:#1b1f3b8c}.settings-backdrop[hidden]{display:none}.settings-panel{width:min(420px,100%);background:var(--cream);border:4px solid var(--ink);border-radius:20px;box-shadow:0 8px 0 var(--ink);overflow:hidden;animation:settings-pop .26s var(--ease-spring)}@keyframes settings-pop{0%{transform:scale(.85);opacity:0}}.settings-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:linear-gradient(180deg,#5b7cf0 0%,var(--royal) 100%);border-bottom:4px solid var(--ink)}.settings-head h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:1.6rem;color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.settings-close{width:2.2rem;height:2.2rem;font:inherit;font-size:1.4rem;line-height:1;color:#fff;background:var(--cherry);border:3px solid var(--ink);border-radius:10px;box-shadow:0 3px 0 var(--ink);cursor:pointer}.settings-body{display:flex;flex-direction:column;gap:.9rem;padding:1rem 1.1rem 1.2rem}.settings-row{display:flex;align-items:center;gap:.75rem;font-weight:600}.settings-row>span{flex:0 0 7.5rem}.settings-row input[type=range]{flex:1;accent-color:var(--royal)}.settings-row output{flex:0 0 3rem;text-align:right;font-variant-numeric:tabular-nums}.settings-row--check{justify-content:space-between;cursor:pointer}.settings-row--check>span{flex:1}.settings-save{flex-wrap:wrap}.settings-save>span{flex:1 1 100%}.settings-save__btn{padding:.45rem .9rem;border:2px solid var(--royal);border-radius:999px;background:#fff;color:var(--royal);font:inherit;font-weight:700;cursor:pointer}.settings-save__btn:hover,.settings-save__btn:focus-visible{background:var(--royal);color:#fff}.settings-save__msg{margin:0;font-size:.85rem;font-weight:500}.settings-row--check input{width:1.3rem;height:1.3rem;accent-color:var(--royal)}.settings-speed{flex-direction:column;align-items:stretch;margin:0;padding:0;border:0}.settings-speed legend{padding:0;margin-bottom:.45rem}.settings-seg{display:flex;border:3px solid var(--ink);border-radius:12px;overflow:hidden}.settings-seg label{flex:1;cursor:pointer}.settings-seg input{position:absolute;opacity:0;pointer-events:none}.settings-seg span{display:block;padding:.45rem 0;text-align:center;background:#fff}.settings-seg label+label span{border-left:3px solid var(--ink)}.settings-seg input:checked+span{background:var(--gold)}.settings-seg input:focus-visible+span{outline:3px solid var(--royal);outline-offset:-5px}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.on-note{margin:0 0 .75rem;font-size:.9rem;color:#1b1f3bbf}.on-note code,.on-code{padding:.05rem .4rem;border-radius:6px;background:var(--ink);color:var(--cream);font-family:ui-monospace,monospace}.on-code{font-size:1.1em;letter-spacing:.12em}.on-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem;font-weight:600;font-size:.9rem}.on-field input{padding:.55rem .8rem;border:3px solid var(--ink);border-radius:12px;background:#fff;font:600 1.05rem var(--font-body);color:var(--ink)}.on-field input:focus-visible{outline:3px solid var(--royal);outline-offset:2px}.on-err{margin:0 0 .75rem;color:var(--cherry);font-weight:700}.on-join{display:flex;align-items:flex-end;gap:.6rem}.on-join .on-field{flex:1}.on-join .big-btn{margin-bottom:.75rem}.on-join input{text-transform:uppercase;letter-spacing:.12em}.on-sub{margin:.25rem 0 .5rem;font:1.05rem var(--font-display)}.on-room-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}.on-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;margin:0 0 1rem;padding:0;list-style:none}.on-seat{display:grid;grid-template-columns:40px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:.6rem;padding:.5rem .7rem;border:3px solid var(--ink);border-left:10px solid var(--pc);border-radius:12px;background:#fff}.on-seat img{grid-row:span 2;border-radius:8px}.on-seat__name{font-weight:700}.on-seat__name small{margin-left:.3rem;padding:0 .35rem;border-radius:6px;background:var(--cream);font-size:.72rem}.on-seat__job{grid-column:2;font-size:.82rem;opacity:.7}.on-seat__state{grid-row:1 / span 2;grid-column:3;font-weight:700;font-size:.85rem;opacity:.6}.on-seat.is-ready .on-seat__state{color:var(--field);opacity:1}.on-seat.is-empty{grid-template-columns:1fr;border-style:dashed;opacity:.65}.on-pick{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;margin-bottom:.5rem}.on-jobs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.on-job{display:flex;align-items:center;gap:.35rem;padding:.25rem .6rem .25rem .3rem;border:3px solid var(--ink);border-radius:999px;background:#fff;font:600 .9rem var(--font-body);color:var(--ink);cursor:pointer}.on-job img{border-radius:50%}.on-job.is-on{background:var(--gold)}.on-job:focus-visible{outline:3px solid var(--royal);outline-offset:2px}.on-pick .cc-hair{margin-bottom:.75rem}.online-status{position:fixed;top:7.5rem;left:50%;z-index:30;transform:translate(-50%);margin:0;padding:.4rem 1rem;border-radius:999px;background:#141830d1;color:#fff;font-size:.9rem;pointer-events:none;white-space:nowrap}.online-status b{color:#f2b632}.hint-touch{display:none}@media(pointer:coarse){.hint-kbd{display:none}.hint-touch{display:inline}.hud-btn,.btn{touch-action:manipulation}}@media(max-width:640px){.hud-top{padding:max(.4rem,env(safe-area-inset-top)) .5rem 0}.logo{font-size:1.35rem}.players-col{top:7.2rem;bottom:auto;width:calc(50% - .75rem);gap:.35rem}.players-col--left{left:.5rem}.players-col--right{right:.5rem}.pcard{padding:.3rem .45rem;gap:.3rem;border-width:2px;border-left-width:6px;border-radius:10px;box-shadow:0 2px 0 var(--ink)}.pcard.is-active{transform:none;box-shadow:0 2px 0 var(--ink),0 0 0 3px var(--gold)}.pcard__info{min-width:0;width:100%}.pcard__name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard__ribbon,.pcard__cpu,.pcard__meta,.pcard__exp,.pcard__inv,.pcard__chip{display:none}.pcard__hp{display:block;font-size:.68rem}.pcard__row{gap:.25rem;font-size:.7rem}.hud-controls{left:.5rem;right:.5rem;bottom:max(.5rem,env(safe-area-inset-bottom));flex-direction:row;justify-content:flex-end;gap:.4rem}.hud-controls .hud-btn{font-size:.8rem;padding:.35rem .65rem;border-width:2px;box-shadow:0 3px 0 var(--ink)}.hud-hint{display:none}.action-bar{bottom:calc(max(.5rem,env(safe-area-inset-bottom)) + 2.8rem);width:calc(100vw - 1rem);padding:.6rem .75rem .7rem}}@media(max-height:480px)and (orientation:landscape){.logo{display:none}.players-col{top:3.6rem;width:150px}.pcard__meta,.pcard__exp,.pcard__inv,.pcard__ribbon,.hud-hint{display:none}}