.portrait{transition:filter .35s ease}.portrait .portrait-img,.portrait .portrait-fallback{transition:filter .35s ease,transform .35s ease}.mood-joy:not(.mood-has-variant) .portrait-img,.mood-joy .portrait-fallback{filter:brightness(1.18) saturate(1.3)}.mood-joy{animation:mood-joy .6s cubic-bezier(.2,1.6,.4,1);filter:drop-shadow(0 0 10px var(--gold, #e8c060))}@keyframes mood-joy{40%{transform:translateY(-6px) scale(1.06)}}.mood-pain:not(.mood-has-variant) .portrait-img,.mood-pain .portrait-fallback{filter:grayscale(.7) sepia(.4) hue-rotate(-30deg) brightness(.8) contrast(1.2)}.mood-pain{animation:mood-pain .45s steps(5)}.mood-pain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(255,40,80,.18) 0 2px,transparent 2px 5px);pointer-events:none;animation:mood-scan 1.2s linear infinite}@keyframes mood-pain{20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes mood-scan{to{background-position:0 20px}}.mood-focus{animation:mood-focus 2.2s ease-in-out infinite}.mood-focus:not(.mood-has-variant) .portrait-img,.mood-focus .portrait-fallback{filter:contrast(1.12) saturate(1.1);transform:scale(1.05)}.portrait-bust.mood-focus:not(.mood-has-variant) .portrait-img{transform:scale(1.42)}@keyframes mood-focus{0%,to{filter:drop-shadow(0 0 3px var(--char))}50%{filter:drop-shadow(0 0 12px var(--char))}}.mood-power{filter:drop-shadow(0 0 14px var(--char)) drop-shadow(0 0 4px #fff)}.mood-power:not(.mood-has-variant) .portrait-img,.mood-power .portrait-fallback{filter:saturate(1.4) brightness(1.1) drop-shadow(3px 0 0 color-mix(in srgb,var(--char) 70%,transparent)) drop-shadow(-3px 0 0 rgba(95,224,255,.5))}@media (prefers-reduced-motion: reduce){.mood-joy,.mood-pain,.mood-focus,.mood-pain:after{animation:none}}.portrait-glitch>.portrait-img:not(.pg-ghost){filter:drop-shadow(-2px 0 rgba(255,0,80,.55)) drop-shadow(2px 0 rgba(0,240,255,.55));animation:pg-flicker 3.2s steps(1) infinite}.portrait-glitch .pg-ghost{pointer-events:none;mix-blend-mode:screen;opacity:.75}.portrait-glitch .pg-ghost-a{filter:grayscale(1) sepia(1) saturate(8) hue-rotate(-45deg);transform:translate(-3px);clip-path:inset(48% 0 46% 0);animation:pg-slice-a 2.1s steps(1) infinite}.portrait-glitch .pg-ghost-b{filter:grayscale(1) sepia(1) saturate(8) hue-rotate(150deg);transform:translate(3px);clip-path:inset(20% 0 74% 0);animation:pg-slice-b 1.7s steps(1) infinite}.portrait-glitch .pg-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 45%,rgba(255,61,242,.22) 45% 47%,transparent 47% 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);background-size:100% 260%,auto,auto;mix-blend-mode:hard-light;animation:pg-band 2.6s linear infinite}@keyframes pg-flicker{0%,to{opacity:1;transform:none}12%{opacity:.82;transform:translate(2px)}13%{opacity:1;transform:none}57%{transform:translate(-4px) skew(3deg)}58%{transform:none}80%{opacity:.6}81%{opacity:1}}@keyframes pg-slice-a{0%{clip-path:inset(8% 0 78% 0);transform:translate(-6px)}20%{clip-path:inset(40% 0 44% 0);transform:translate(-2px)}45%{clip-path:inset(84% 0 6% 0);transform:translate(-3px)}70%{clip-path:inset(66% 0 20% 0);transform:translate(-9px)}85%{clip-path:inset(22% 0 70% 0);transform:translate(-4px)}}@keyframes pg-slice-b{0%{clip-path:inset(30% 0 62% 0);transform:translate(3px)}30%{clip-path:inset(55% 0 30% 0);transform:translate(8px)}50%{clip-path:inset(12% 0 80% 0);transform:translate(5px)}75%{clip-path:inset(74% 0 14% 0);transform:translate(2px)}}@keyframes pg-band{0%{background-position:0 100%,0 0,0 0}to{background-position:0 -160%,0 0,0 0}}:root[data-perf=eco] .portrait-glitch .portrait-img,:root[data-perf=eco] .portrait-glitch .pg-noise{animation:none}@media (prefers-reduced-motion: reduce){.portrait-glitch .portrait-img,.portrait-glitch .pg-noise{animation:none}}.portrait-glitch .pg-faceless{position:absolute;left:0;right:0;top:12%;height:38%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.55) 0 2px,transparent 2px 4px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.85 0 0 0 0 0.8 0 0 0 0 0.95 0 0 0 1.6 -0.3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(90deg,#ff005059,#1e1428eb 30%,#1e1428eb 70%,#00f0ff59);background-size:auto,160px 160px,auto;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18% 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18% 82%,transparent);animation:pg-faceless .32s steps(4) infinite}.portrait-bust.portrait-glitch .pg-faceless{top:0;height:100%;-webkit-mask-image:none;mask-image:none}@keyframes pg-faceless{0%{background-position:0 0,0 0,0 0;transform:translate(0)}25%{background-position:0 1px,-40px 30px,0 0;transform:translate(-3px)}50%{background-position:0 2px,50px -20px,0 0;transform:translate(2px)}75%{background-position:0 3px,-10px 70px,0 0;transform:translate(-1px)}to{background-position:0 0,0 0,0 0;transform:translate(0)}}:root[data-perf=eco] .portrait-glitch .pg-faceless{animation:none}@media (prefers-reduced-motion: reduce){.portrait-glitch .pg-faceless{animation:none}}.modal.result .win-block{position:relative;overflow:hidden;animation:win-in .55s cubic-bezier(.2,.9,.2,1) both}.modal.result .win-block:before{content:"";position:absolute;left:-40px;top:-50px;width:260px;height:200px;background:radial-gradient(ellipse at 40% 50%,color-mix(in srgb,var(--char) 35%,transparent),transparent 65%);filter:blur(4px);pointer-events:none;animation:ink-bloom 1.2s ease-out both}.modal.result .win-portrait{width:76px;height:76px;filter:drop-shadow(0 0 10px var(--char));animation:portrait-pop .6s .1s cubic-bezier(.2,1.4,.4,1) both}.modal.result .win-kind{display:inline-block;animation:kind-slam .5s .15s cubic-bezier(.2,1.6,.4,1) both}@keyframes win-in{0%{transform:translate(-30px);opacity:0;clip-path:inset(0 100% 0 0)}to{transform:none;opacity:1;clip-path:inset(0 0 0 0)}}@keyframes ink-bloom{0%{transform:scale(.3);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:.8}}@keyframes portrait-pop{0%{transform:scale(.4) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes kind-slam{0%{transform:scale(2.4);opacity:0;filter:blur(4px)}to{transform:none;opacity:1;filter:none}}.modal.result .yaku-line{animation:yaku-brush .45s cubic-bezier(.3,.8,.3,1) both;position:relative}.modal.result .yaku-line:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--char),transparent);transform-origin:0 50%;animation:yaku-underline .6s ease-out both;animation-delay:inherit}@keyframes yaku-brush{0%{clip-path:inset(0 100% 0 0);transform:translate(-8px);opacity:.2}to{clip-path:inset(0 0 0 0);transform:none;opacity:1}}@keyframes yaku-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.countup{font-variant-numeric:tabular-nums}.countup-running{color:#fff;text-shadow:0 0 10px var(--gold, #e8c060)}.limit-stamp{position:absolute;right:18px;top:14px;padding:6px 12px;border:3px solid #e0233c;border-radius:8px;color:#ff3b4e;font-family:var(--font-brush);font-size:30px;line-height:1;letter-spacing:.08em;transform:rotate(-12deg);background:#e0233c14;box-shadow:0 0 0 2px #e0233c40 inset,0 0 18px #e0233c59;text-shadow:0 0 8px rgba(255,59,78,.6);pointer-events:none;animation:stamp-slam .38s cubic-bezier(.3,1.5,.5,1) both;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 60%,rgba(0,0,0,.75) 61%,#000 70%);mask-image:radial-gradient(circle at 30% 40%,#000 60%,#000000bf 61%,#000 70%)}.limit-stamp-big{font-size:40px;padding:8px 16px;border-width:4px}@keyframes stamp-slam{0%{transform:rotate(-12deg) scale(3);opacity:0}70%{transform:rotate(-12deg) scale(.92);opacity:1}to{transform:rotate(-12deg) scale(1);opacity:1}}.modal.result .score-row{animation:rise .4s ease-out both}.modal.result .score-row:nth-child(2){animation-delay:.08s}.modal.result .score-row:nth-child(3){animation-delay:.16s}.modal.result .score-row:nth-child(4){animation-delay:.24s}.modal.result .ryuukyoku-block .result-title{color:#c9c3da;text-shadow:0 0 20px rgba(160,150,200,.4);letter-spacing:.4em;animation:fade-in-slow 1.2s ease-out both}@keyframes fade-in-slow{0%{opacity:0;letter-spacing:1em}}.modal.gameend .result-title{font-size:44px;letter-spacing:.3em;animation:kind-slam .6s cubic-bezier(.2,1.4,.4,1) both}.modal.gameend .rank-row{position:relative;animation:rank-reveal .5s cubic-bezier(.2,.9,.2,1) both;animation-delay:var(--rd, 0ms)}@keyframes rank-reveal{0%{transform:translate(40px);opacity:0;clip-path:inset(0 0 0 100%)}to{transform:none;opacity:1;clip-path:inset(0 0 0 0)}}.modal.gameend .rank-1{padding-top:14px;padding-bottom:14px;background:linear-gradient(90deg,rgba(232,192,96,.22),transparent 70%),linear-gradient(90deg,color-mix(in srgb,var(--char) 18%,transparent),transparent);animation:rank-first .7s cubic-bezier(.2,1.3,.4,1) both,rank-glow 2.4s ease-in-out infinite;animation-delay:var(--rd, 0ms),calc(var(--rd, 0ms) + .7s)}.modal.gameend .rank-1 .rank-portrait{transform:scale(1.35);filter:drop-shadow(0 0 12px var(--gold, #e8c060))}.modal.gameend .rank-1 .rank-num{color:var(--gold, #e8c060);text-shadow:0 0 14px var(--gold, #e8c060)}.modal.gameend .rank-1:after{content:"一位";position:absolute;right:160px;top:50%;margin-top:-20px;padding:4px 8px;border:3px solid #e0233c;border-radius:6px;color:#ff3b4e;font-family:var(--font-brush);font-size:24px;line-height:1.1;transform:rotate(-10deg);background:#e0233c14;pointer-events:none;animation:stamp-slam .38s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--rd, 0ms) + .35s)}@keyframes rank-first{0%{transform:scale(1.3);opacity:0;filter:brightness(2.5)}to{transform:none;opacity:1;filter:none}}@keyframes rank-glow{0%,to{box-shadow:0 0 18px #e8c06040}50%{box-shadow:0 0 36px #e8c0608c,0 0 0 1px #e8c06099 inset}}@media (max-width: 820px){.modal.gameend .rank-1:after{right:8px;top:6px;margin-top:0;font-size:16px}.limit-stamp{font-size:22px;right:8px;top:8px}}@media (prefers-reduced-motion: reduce){.modal.result .win-block,.modal.result .yaku-line,.modal.gameend .rank-row,.limit-stamp{animation-duration:.01s!important}}.modal.result .win-head>div{min-width:0}.modal.result .win-title{overflow-wrap:anywhere}.modal.result .win-hand>*{max-width:100%}.modal.result .win-limit-late{animation:win-limit-in .4s cubic-bezier(.2,1.3,.4,1) both}@keyframes win-limit-in{0%{opacity:0;transform:translate(-10px) scale(1.15)}to{opacity:1;transform:none}}.ftally{margin:14px 0 6px;padding:10px 14px 12px;border-radius:10px;background:linear-gradient(90deg,#c8322829,#0a081880 50%,#28c8ff24);border:1px solid rgba(255,255,255,.1);animation:ftally-in .6s ease-out both;animation-delay:2.2s}@keyframes ftally-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ftally-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px}.ftally-side{display:flex;flex-direction:column;min-width:0}.ftally-side small{font-size:11px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ftally-wakou b{font-family:var(--font-brush);font-size:22px;color:#ff8a6a;text-shadow:0 0 10px rgba(255,90,60,.5)}.ftally-odds{text-align:right}.ftally-odds b{font-family:var(--font-num);font-size:20px;letter-spacing:.14em;color:#6fe6ff;text-shadow:0 0 10px rgba(60,220,255,.5)}.ftally-vs{font-family:var(--font-num);font-weight:700;font-style:italic;opacity:.6}.ftally-bar{position:relative;height:22px;margin-top:6px;border-radius:4px;overflow:hidden;background:linear-gradient(90deg,#c8382a 0 var(--share),#1aa6d6 var(--share) 100%);box-shadow:inset 0 0 0 1px #ffffff26}.ftally-bar:after{content:"";position:absolute;top:-2px;bottom:-2px;left:calc(var(--share) - 1px);width:3px;background:#fff;box-shadow:0 0 10px #fff}.ftally-num{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-num);font-weight:700;font-size:13px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ftally-num-wakou{left:8px}.ftally-num-odds{right:8px}.ftally-result{margin-top:6px;text-align:center;font-family:var(--font-head);letter-spacing:.08em}.ftally-win-wakou .ftally-result{color:#ffb08f}.ftally-win-odds .ftally-result{color:#8eefff}.ftally-result small{display:block;font-family:var(--font-ui);font-size:10px;letter-spacing:0;opacity:.6}@media (prefers-reduced-motion: reduce){.ftally,.modal.result .win-limit-late{animation-duration:.01s!important;animation-delay:0s!important}}.next-countdown{font-family:var(--font-num);font-size:12px;color:var(--gold)}@media (max-width: 640px){.modal.gameend .rank-row{grid-template-columns:34px 44px minmax(0,1fr) auto;gap:8px;padding:8px 10px}.modal.gameend .rank-name{min-width:0;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.modal.gameend .rank-num{font-size:32px}.modal.gameend .rank-score{font-size:20px}}.ftally-rows{display:flex;flex-direction:column;gap:6px}.ftally-row{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 56px;align-items:center;gap:10px}.ftally-row .ftally-side b{font-family:var(--font-head)}.ftally-track{position:relative;height:10px;background:#ffffff14;overflow:hidden}.ftally-track i{position:absolute;inset:0 auto 0 0;background:var(--side, #8fb8c8);box-shadow:0 0 8px var(--side, #8fb8c8)}.ftally-track i.neg{opacity:.4}.ftally-row-wakou{--side: #ff6a3d}.ftally-row-odds{--side: #36e3ff}.ftally-row-mio{--side: #2ec4b6}.ftally-row-aether{--side: #9db4ff}.ftally-row-num{font-family:var(--font-num);font-weight:700;text-align:right}.ftally-row-win .ftally-side b{color:var(--side);text-shadow:0 0 10px var(--side)}.ftally-win-mio .ftally-result{color:#9ffff4}.ftally-win-aether .ftally-result{color:#e2e9ff;text-shadow:0 0 10px #9db4ff}.limit-mark{display:block;margin-bottom:2px;font-family:var(--font-num);font-size:9px;letter-spacing:.2em;text-align:center;opacity:.85}.limit-stamp.limit-side-odds{border-color:#36e3ff;border-radius:4px;color:#bff6ff;background:repeating-linear-gradient(0deg,rgba(54,227,255,.12) 0 2px,transparent 2px 4px),linear-gradient(135deg,#36e3ff33,#a050ff2e);box-shadow:0 0 0 2px #36e3ff4d inset,0 0 18px #36e3ff73;text-shadow:0 0 8px #36e3ff;-webkit-mask-image:none;mask-image:none}.limit-stamp.limit-side-mio{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:84px;min-height:84px;border:4px double #2ec4b6;border-radius:50%;color:#9ffff4;background:radial-gradient(circle,#2ec4b633,#041e2280);box-shadow:0 0 18px #2ec4b673;text-shadow:0 0 8px #2ec4b6}.limit-stamp.limit-side-mio .limit-mark{font-family:var(--font-brush);font-size:13px;letter-spacing:0}.limit-stamp.limit-side-aether{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:118px;min-height:118px;padding:6px 10px 30px;border:0;color:#2a1a00;letter-spacing:0;background:radial-gradient(circle at 50% 40%,#fff6c8,#f2c94c 70%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);box-shadow:none;text-shadow:none;font-size:22px;filter:drop-shadow(0 0 10px rgba(255,220,120,.8));-webkit-mask-image:none;mask-image:none}.limit-stamp.limit-side-aether span{font-size:16px;white-space:nowrap}.limit-stamp.limit-side-aether.limit-stamp-big span{font-size:18px}.limit-stamp.limit-side-aether .limit-mark{display:none}.limit-stamp.limit-side-void{border-color:#ff3ad8;color:#ff9cf0;background:#3c003266;box-shadow:3px 0 #36e3ff99,-3px 0 #ff3ad899}.tier-rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;animation:tier-rim 1.6s var(--tier-delay, 0ms) ease-out both}.tier-rim-haneman{box-shadow:inset 0 0 0 2px #ffd76ed9,inset 0 0 24px #ffd76e59}.tier-rim-baiman,.tier-rim-sanbaiman{box-shadow:inset 0 0 0 3px #ffe182f2,inset 0 0 36px color-mix(in srgb,var(--tier-c) 50%,transparent);animation-iteration-count:1}@keyframes tier-rim{0%{opacity:0}20%{opacity:1}to{opacity:.55}}.tier-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;pointer-events:none;overflow:hidden}.tier-edge{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px #ffe18299,inset 0 0 90px color-mix(in srgb,var(--tier-c) 45%,transparent);opacity:0;animation:tier-edge 2.4s var(--tier-delay, 0ms) ease-out both}@keyframes tier-edge{15%{opacity:1}to{opacity:0}}.tier-leaves i{position:absolute;top:-20px;width:9px;height:6px;border-radius:1px;background:linear-gradient(135deg,#fff2b0,#e2b44a);box-shadow:0 0 6px #ffdc78b3;opacity:0;animation:tier-leaf 2.6s ease-in both;animation-delay:calc(var(--tier-delay, 0ms) + var(--i) * 90ms)}@keyframes tier-leaf{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(30px,105vh) rotate(540deg)}}.tier-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--tier-c) 35%,transparent),transparent 70%);mix-blend-mode:screen;opacity:0;animation:tier-edge 2.6s var(--tier-delay, 0ms) ease-out both}.tier-banner{position:absolute;left:0;right:0;top:42%;display:flex;justify-content:center;padding:6px 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tier-c) 55%,rgba(6,4,14,.9)) 20%,color-mix(in srgb,var(--tier-c) 55%,rgba(6,4,14,.9)) 80%,transparent);opacity:0;animation:tier-banner 1.8s var(--tier-delay, 0ms) cubic-bezier(.2,.8,.3,1) both}.tier-banner span{font-family:var(--font-brush);font-size:clamp(48px,9vw,110px);line-height:1.1;color:#fff;text-shadow:0 0 18px var(--tier-c),0 4px 0 rgba(0,0,0,.6);letter-spacing:.1em}@keyframes tier-banner{0%{opacity:0;transform:translate(-60%) skew(-12deg)}25%{opacity:1;transform:translate(0) skew(-6deg)}75%{opacity:1;transform:translate(4%) skew(-6deg)}to{opacity:0;transform:translate(70%) skew(-12deg)}}:root[data-perf=eco] .tier-leaves{display:none}.caster-face{position:relative;flex:none;width:64px;height:64px;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 45%,transparent),transparent 70%),#0b0f1a;border:1px solid color-mix(in srgb,var(--cc) 70%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--cc) 45%,transparent);display:grid;place-items:center}.caster-face img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.caster-face-sm{width:22px;height:22px;border-radius:5px}.caster-mark{font-family:Yuji Syuku,serif;font-size:30px;color:var(--cc);text-shadow:0 0 10px var(--cc)}.caster-face-sm .caster-mark{font-size:13px}.caster-wipe{position:fixed;left:14px;top:118px;z-index:130;display:flex;gap:10px;align-items:center;max-width:min(420px,calc(100vw - 28px));padding:8px 14px 8px 8px;border-radius:12px;background:linear-gradient(100deg,#080a14eb,#080a14b8);border-left:3px solid var(--cc);box-shadow:0 8px 26px #00000073;pointer-events:none;animation:caster-wipe-in 3.6s cubic-bezier(.2,.9,.2,1) both}.caster-wipe:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px);pointer-events:none}.caster-wipe-name{font-size:11px;letter-spacing:.08em;color:color-mix(in srgb,var(--cc) 80%,white);opacity:.9}.caster-live{color:#ff4d5e;font-weight:700;margin-right:4px}.caster-wipe-text{font-size:15px;font-weight:700;line-height:1.4;color:#fff;text-shadow:0 0 8px color-mix(in srgb,var(--cc) 60%,transparent)}@keyframes caster-wipe-in{0%{opacity:0;transform:translate(-30px) skew(-8deg);clip-path:inset(0 100% 0 0)}10%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}88%{opacity:1;transform:none}to{opacity:0;transform:translate(-12px)}}.caster-ticker{position:fixed;left:50%;top:80px;transform:translate(-50%);z-index:130;width:min(720px,calc(100vw - 32px));height:30px;display:flex;align-items:stretch;overflow:hidden;border-radius:6px;background:#060810db;border:1px solid color-mix(in srgb,var(--cc) 55%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--cc) 30%,transparent);pointer-events:none;animation:caster-fade 3.6s ease both}.caster-ticker-tag{flex:none;display:flex;align-items:center;gap:6px;padding:0 10px 0 4px;font-size:11px;color:#fff;background:color-mix(in srgb,var(--cc) 35%,#0b0f1a);white-space:nowrap}.caster-ticker-tag b{color:#ff4d5e}.caster-ticker-track{position:relative;flex:1;overflow:hidden}.caster-ticker-text{position:absolute;top:50%;left:100%;white-space:nowrap;font-size:14px;font-weight:700;color:#fff;transform:translateY(-50%);animation:caster-scroll 3.6s linear both}@keyframes caster-scroll{0%{left:100%;transform:translateY(-50%)}18%{left:3%;transform:translateY(-50%)}82%{left:3%;transform:translateY(-50%)}to{left:0%;transform:translate(-100%,-50%)}}@keyframes caster-fade{0%{opacity:0}8%,92%{opacity:1}to{opacity:0}}.caster-noise .caster-wipe-text,.caster-noise .caster-ticker-text{animation-name:caster-glitch;color:#ff3df2}.caster-noise.caster-wipe,.caster-noise.caster-ticker{filter:saturate(1.6) hue-rotate(-20deg)}@keyframes caster-glitch{0%,to{transform:none;opacity:1}20%{transform:translate(3px) skew(12deg);opacity:.6}40%{transform:translate(-4px);opacity:1}60%{transform:translate(2px) skew(-18deg);opacity:.3}80%{transform:none;opacity:.9}}.caster-noise .caster-ticker-text{left:3%}@media (max-width: 600px){.caster-wipe{top:172px;left:8px}.caster-ticker{top:172px}.caster-face{width:48px;height:48px}.caster-wipe-text{font-size:13px}}.caster-review,.caster-interlude{display:flex;gap:10px;align-items:center;margin:10px 0;padding:8px 12px 8px 8px;border-radius:10px;background:#080a148c;border-left:3px solid var(--cc)}.caster-review .caster-face,.caster-interlude .caster-face{width:44px;height:44px}.caster-review-name{font-size:11px;opacity:.8;color:color-mix(in srgb,var(--cc) 80%,white)}.caster-review-text{font-weight:700}.caster-cut{position:fixed;left:16px;top:76px;z-index:130;display:flex;align-items:baseline;gap:8px;padding:7px 14px;border:1px solid rgba(255,61,120,.55);border-radius:6px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px),#08040ae6;color:#ffd2dc;font-size:13px;letter-spacing:.12em;animation:caster-cut 4.2s steps(1) forwards;pointer-events:none}.caster-cut-dot{color:#ff3d6e}.caster-cut-sub{font-family:var(--font-num);font-size:11px;letter-spacing:.3em;color:#ffd2dc99}@keyframes caster-cut{0%{opacity:0}4%{opacity:1}7%{opacity:.2}10%{opacity:1;transform:translate(-3px)}13%{transform:none}88%{opacity:1}91%{opacity:.3}94%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion: reduce){.caster-cut{animation:none}}.stalk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;display:flex;flex-direction:column;background:#05060c;color:#eef1ff;cursor:pointer;-webkit-user-select:none;user-select:none;animation:stalk-in .35s ease-out}.stalk-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05060c8c,#05060ceb 70%),var(--story-bg, radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--c) 30%, transparent), transparent 70%)) center / cover no-repeat;filter:saturate(.85);pointer-events:none}.stalk-head,.stalk-log,.stalk-foot{position:relative;width:min(760px,calc(100vw - 32px));margin:0 auto}.stalk-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 0 10px;cursor:default}.stalk-titles{display:flex;flex-direction:column;min-width:0}.stalk-kicker{font-size:11px;letter-spacing:.2em;color:var(--c)}.stalk-title{font-family:var(--font-brush);font-size:22px}.stalk-tools{display:flex;flex:none;gap:6px}.stalk-log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:8px 4px 24px;scrollbar-width:thin}.stalk-row{display:flex;align-items:flex-start;gap:10px;max-width:88%;animation:stalk-row-in .28s ease-out}.stalk-me{flex-direction:row-reverse;align-self:flex-end}.portrait.stalk-face,.portrait.stalk-face .portrait-img{filter:none!important;animation:none!important}.portrait.stalk-face:after{display:none!important}svg.stalk-operator{flex:none;width:52px;height:52px;border-radius:50%;box-shadow:0 0 12px #7fe3ff73}.portrait.stalk-face{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid var(--char);box-shadow:0 0 12px color-mix(in srgb,var(--char) 45%,transparent)}.stalk-body{display:flex;flex-direction:column;min-width:0}.stalk-me .stalk-body{align-items:flex-end}.stalk-name{font-size:12px;letter-spacing:.08em;color:var(--char);margin:0 4px 2px}.stalk-bubble{margin:0;word-break:normal;line-break:strict;overflow-wrap:anywhere;padding:9px 14px;font-size:15px;line-height:1.65;border:1px solid color-mix(in srgb,var(--char) 55%,transparent);border-radius:4px 16px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--char) 14%,rgba(10,12,22,.94)),#0a0c16f0)}.stalk-me .stalk-bubble{border-radius:16px 4px 16px 16px;background:linear-gradient(225deg,color-mix(in srgb,var(--char) 26%,rgba(10,12,22,.94)),#0a0c16f0)}.stalk-caster{align-self:center;max-width:94%}.stalk-caster .stalk-bubble{border-style:dashed;border-radius:10px;font-size:14px}.stalk-caster .stalk-name{color:#ff5a6e}.stalk-narration{align-self:center;max-width:92%}.stalk-narration .stalk-bubble{border:none;background:none;color:#e6ecffd1;text-align:center;font-style:italic}.stalk-foot{display:flex;justify-content:center;padding:10px 0 max(18px,env(safe-area-inset-bottom))}.stalk-hint{font-size:12px;letter-spacing:.1em;color:#e6ecff99;animation:stalk-blink 1.6s ease-in-out infinite}.stalk-done{min-width:200px}@keyframes stalk-in{0%{opacity:0}}@keyframes stalk-row-in{0%{opacity:0;transform:translateY(8px)}}@keyframes stalk-blink{50%{opacity:.35}}:root[data-perf=eco] .stalk-hint{animation:none}@media (prefers-reduced-motion: reduce){.stalk,.stalk-row,.stalk-hint{animation:none}}@media (max-width: 640px){.stalk-title{font-size:18px}.portrait.stalk-face,svg.stalk-operator{width:40px;height:40px}.stalk-bubble{font-size:14px}.stalk-row{max-width:94%}}.story-replay-btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.story-level{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}.story-level .story-label{margin:0 4px 0 0}.story-level-note{font-size:11px}.story-weaken{margin:8px 0 0;padding:6px 10px;font-size:12px;border-left:3px solid #ff3df2;background:#ff3df214}.story-weaken b{color:#ff9cf6}.story-hijack .stalk-bg:after,.story-brief.story-hijack:after,.story-end.story-hijack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,90,209,.07) 0 2px,transparent 2px 5px),linear-gradient(90deg,rgba(0,240,255,.1),transparent 30%,transparent 70%,rgba(255,0,170,.12));mix-blend-mode:screen;animation:hijack-glitch 3.2s steps(1) infinite}.story-brief.story-hijack,.story-end.story-hijack{position:relative}.story-hijack .stalk-bg{filter:saturate(1.2) hue-rotate(-12deg)}@keyframes hijack-glitch{0%,86%,to{transform:none;opacity:1}88%{transform:translate(6px);opacity:.6}90%{transform:translate(-4px) skew(-2deg)}92%{transform:translate(2px);opacity:.9}}:root[data-perf=eco] .story-hijack .stalk-bg:after,:root[data-perf=eco] .story-brief.story-hijack:after,:root[data-perf=eco] .story-end.story-hijack:after{animation:none}@media (prefers-reduced-motion: reduce){.story-hijack .stalk-bg:after,.story-brief.story-hijack:after,.story-end.story-hijack:after{animation:none}}.cshort-chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:0;padding:6px 12px 6px 10px;border:1px solid color-mix(in srgb,var(--char, #9aa) 55%,transparent);border-left:3px solid var(--char, #9aa);border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--char, #9aa) 22%,rgba(8,10,20,.9)),#080a14d9);color:#eef1ff;font-size:13px;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s}.cshort-chip.open:hover{transform:translateY(-1px);box-shadow:0 0 12px color-mix(in srgb,var(--char, #9aa) 50%,transparent)}.cshort-chip.locked{border-style:dashed;border-left-style:solid;border-left-color:#a0aabe80;background:#080a14b3;color:#8a91a8;cursor:default}.cshort-chip.locked .cshort-no:before{content:"封";margin-right:4px;padding:0 3px;border:1px solid currentColor;border-radius:2px;font-size:10px}.cshort-no{flex:none;font-family:var(--font-brush);font-size:13px;color:color-mix(in srgb,var(--char, #9aa) 70%,#fff)}.cshort-chip.locked .cshort-no{color:inherit}.cshort-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cshort-new{flex:none;padding:0 5px;font-family:var(--font-num);font-size:10px;letter-spacing:.08em;color:#1a0d00;background:#ffd36a;border-radius:2px;animation:cshort-blink 1.6s ease-in-out infinite}@keyframes cshort-blink{50%{opacity:.55}}.cshort-slots{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.cshort-label{font-family:var(--font-brush);font-size:14px;color:var(--char, #ccd);margin-right:2px}.cshort-slots .cshort-chip{max-width:100%;padding:4px 10px 4px 8px;font-size:12px}.cshorts{display:flex;flex-direction:column;gap:12px;min-height:0}.cshorts-note{font-size:12.5px;color:#b8bfd6}.cshorts-note b{color:#ffd36a}.cshorts-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;min-height:0}.cshorts-grid{display:flex;flex-direction:column;gap:10px}.cshorts-side{padding:8px 10px 10px;border-left:3px solid var(--side);border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--side) 14%,rgba(8,10,20,.6)),#080a1466)}.cshorts-side-name{margin-bottom:6px;font-family:var(--font-head);font-size:12px;letter-spacing:.2em;color:var(--side)}.cshorts-faces{display:flex;flex-wrap:wrap;gap:8px}.cshorts-face{position:relative;width:64px;height:64px;padding:0;overflow:hidden;border:2px solid color-mix(in srgb,var(--char) 50%,transparent);border-radius:8px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--char) 35%,transparent),#080a14e6);cursor:pointer}.cshorts-face.sel{border-color:var(--char);box-shadow:0 0 14px color-mix(in srgb,var(--char) 60%,transparent)}.cshorts-face.none .cshorts-face-img{filter:grayscale(.85) brightness(.6)}.cshorts-face-img{width:100%;height:100%}.cshorts-face-count{position:absolute;right:2px;bottom:2px;padding:0 4px;font-family:var(--font-num);font-size:11px;color:#fff;background:#000000b3;border-radius:3px}.cshorts-face-new{position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:50%;background:#ffd36a;box-shadow:0 0 6px #ffd36a}.cshorts-detail{position:relative;display:flex;flex-direction:column;justify-content:flex-end;position:sticky;top:0;align-self:start;height:min(420px,70vh);overflow:hidden;border:1px solid color-mix(in srgb,var(--char) 45%,transparent);border-radius:10px;background:radial-gradient(ellipse at 70% 20%,color-mix(in srgb,var(--char) 28%,transparent),transparent 65%),#060810d9}.cshorts-detail-portrait{position:absolute;right:-6%;top:0;height:100%;opacity:.9;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 92%);mask-image:linear-gradient(180deg,#000 55%,transparent 92%);pointer-events:none}.cshorts-detail-body{position:relative;padding:14px;background:linear-gradient(180deg,transparent,rgba(4,6,12,.9) 30%)}.cshorts-detail-title{font-size:11px;color:color-mix(in srgb,var(--char) 70%,#fff)}.cshorts-detail-name{font-family:var(--font-head);font-size:22px;font-weight:800;color:#fff;text-shadow:0 0 12px color-mix(in srgb,var(--char) 60%,transparent)}.cshorts-detail-plays{margin:2px 0 8px;font-size:12px;color:#b8bfd6}.cshorts-list{display:flex;flex-direction:column;gap:6px}.cshorts-list .cshort-chip{width:100%}.cshort-empty{padding:24px;text-align:center;color:#9aa3bd}@media (max-width: 720px){.cshorts-body{grid-template-columns:minmax(0,1fr)}.cshorts-detail{position:relative;height:300px}.cshorts-face{width:54px;height:54px}}.story-tabs{display:flex;gap:6px;margin:2px 0 10px}.story-tab-new{margin-left:4px;padding:0 5px;font-family:var(--font-num);font-size:10px;color:#1a0d00;background:#ffd36a;border-radius:2px}.story-entry-new{margin-left:6px;padding:0 5px;font-size:10px;color:#1a0d00;background:#ffd36a;border-radius:2px}.cshort-unlock{display:flex;flex-direction:column;gap:4px;margin:10px 0 4px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--char) 60%,transparent);border-left:4px solid var(--char);border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--char) 22%,rgba(8,10,20,.92)),#080a14d9);animation:cshort-in .5s cubic-bezier(.2,1.2,.4,1) both}@keyframes cshort-in{0%{opacity:0;transform:translateY(8px)}}.cshort-unlock-kicker{font-family:var(--font-num);font-size:10px;letter-spacing:.3em;color:#ffd36a}.cshort-unlock-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0;border:0;background:none;color:#eef1ff;font-size:13px;text-align:left;cursor:pointer}.cshort-unlock-row b{flex:none;padding:2px 10px;border-radius:3px;color:#1a0d00;background:#ffd36a;font-size:12px}@media (prefers-reduced-motion: reduce){.cshort-new,.cshort-unlock{animation:none}}:root[data-perf=eco] .cshort-new{animation:none}.story-entry{border-color:#ff285099;background:linear-gradient(135deg,#ff2850 0 6px,transparent 6px) top left / 14px 14px no-repeat,linear-gradient(135deg,#ff285040,#280a3c99)}.story-entry-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.story-entry-text small{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.05em}.story-backdrop{z-index:200}@media (max-width: 520px){.story-backdrop{padding:12px}.story{padding:14px 12px 16px}}.story{--wa: var(--wa-circuit);width:min(1040px,calc(100vw - 24px));max-height:92vh;overflow-y:auto;padding:18px 22px 22px;animation:rise .3s ease-out}.story-head>.btn{flex-shrink:0}.story-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.story-kicker{font-family:var(--font-num);font-size:11px;letter-spacing:.3em;color:var(--cyan)}.story-title{font-family:var(--font-brush);font-size:32px;color:var(--gold);text-shadow:0 0 14px rgba(232,192,96,.5)}.story-body{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-top:12px}.story-route{list-style:none;margin:0;padding:0 0 0 18px;position:relative;display:flex;flex-direction:column;gap:10px}.story-route:before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--cyan),var(--magenta),#ff2850);opacity:.6}.story-node{position:relative}.story-node:before{content:"";position:absolute;left:-17px;top:50%;width:10px;height:10px;margin-top:-5px;transform:rotate(45deg);background:#0a0818;border:2px solid var(--c);box-shadow:0 0 8px var(--c)}.story-node.done:before{background:var(--c)}.story-node.locked:before{border-color:#444;box-shadow:none}.story-node button{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:8px 10px;text-align:left;color:var(--text);background:#0a0818b3;border:1px solid var(--line);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:border-color .2s,background .2s}.story-node.sel button{border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,rgba(10,8,24,.8))}.story-node button:disabled{opacity:.45;cursor:not-allowed}.story-node-no{font-family:var(--font-num);font-weight:700;font-size:18px;color:var(--c)}.story-node-title{font-weight:700;font-size:13px}.story-node-state{font-family:var(--font-num);font-size:10px;letter-spacing:.15em;padding:1px 6px;border:1px solid currentColor;color:var(--muted)}.story-node.done .story-node-state{color:var(--c)}.story-node.boss.open .story-node-state{color:#ff2850;animation:pulse 1.2s ease-in-out infinite}.story-brief{position:relative;padding:14px 16px;border:1px solid color-mix(in srgb,var(--c) 50%,transparent);background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px),linear-gradient(160deg,color-mix(in srgb,var(--c) 14%,rgba(8,6,20,.85)),#080614e6);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.story-brief-boss{animation:boss-flicker 3s steps(1) infinite}@keyframes boss-flicker{0%,92%,96%{filter:none}94%{filter:hue-rotate(40deg) brightness(1.4)}}.story-area{font-family:var(--font-num);letter-spacing:.3em;font-size:11px;color:var(--c)}.story-stage-title{font-family:var(--font-brush);font-size:28px;margin:2px 0 6px;text-shadow:0 0 12px var(--c)}.story-text{margin:0 0 4px;font-size:13px;color:#e6e0f8;word-break:normal;line-break:strict}.story-label{margin:12px 0 6px;font-size:11px;letter-spacing:.2em;color:var(--muted)}.story-foes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-foe{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;background:#00000040;border:1px solid color-mix(in srgb,var(--char) 40%,transparent)}.story-foe-portrait{width:64px;height:64px;overflow:hidden}.story-foe-name{font-weight:700;font-size:13px;text-align:center;word-break:keep-all}@media (max-width: 480px){.story-foe-name{font-size:11px;white-space:nowrap;letter-spacing:-.02em}}.story-foe-char{font-size:10px;color:var(--char)}.story-rules{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.story-me{display:flex;flex-wrap:wrap;gap:6px}.story-me-pick{padding:4px 10px;font-family:var(--font-brush);font-size:16px;color:var(--char);background:#0000004d;border:1px solid color-mix(in srgb,var(--char) 35%,transparent)}.story-me-pick.on{background:color-mix(in srgb,var(--char) 25%,transparent);border-color:var(--char);box-shadow:0 0 10px color-mix(in srgb,var(--char) 50%,transparent)}.story-me-pick:disabled{opacity:.25;cursor:not-allowed}.story-actions{margin-top:16px;display:flex;justify-content:flex-end}@media (max-width: 820px){.story-body{grid-template-columns:1fr}.story-title{font-size:24px}}.story-end{position:fixed;top:0;right:0;bottom:0;left:0;z-index:330;display:grid;place-items:center;background:#03020ad1;animation:mi-in .3s ease-out}.story-end-core{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 36px;border-top:1px solid var(--c);border-bottom:1px solid var(--c);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c) 18%,transparent),transparent);width:100%}.story-end-kicker{font-family:var(--font-num);letter-spacing:.3em;font-size:12px;color:var(--c)}.story-end-title{font-family:var(--font-num);font-weight:700;font-size:clamp(32px,7vw,72px);letter-spacing:.1em;color:#fff;text-shadow:0 0 24px var(--c);animation:kind-slam .6s cubic-bezier(.2,1.4,.4,1) both}.story-end-fail .story-end-title{color:#ffb3c0;text-shadow:4px 0 #ff2850,-4px 0 #26e0ff}.story-end-sub{font-size:15px;color:#ece6ff}.story-table{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.story-end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.story-replay{margin:10px 0 4px;padding:6px 10px;border:1px dashed color-mix(in srgb,var(--c, #ff3df2) 50%,transparent);background:#00000040}.story-replay summary{cursor:pointer;font-size:12px;letter-spacing:.15em;color:var(--c, #ffd8fb)}.story-replay[open] summary{margin-bottom:6px}.story-brief-bg{position:relative;isolation:isolate}.story-brief-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,#0806108c,#080610eb 55%),var(--story-bg) center 30% / cover no-repeat}.story-end{background-image:linear-gradient(180deg,#06040cb3,#06040ceb),var(--story-bg, none);background-size:cover;background-position:center}.story-lines{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px;max-height:240px;overflow-y:auto}.story-end .story-lines{max-width:560px;margin:10px auto;text-align:left}.story-line{display:flex;align-items:flex-start;gap:8px;animation:story-line-in .35s ease-out both}.story-line:nth-child(2){animation-delay:.15s}.story-line:nth-child(3){animation-delay:.3s}.story-line:nth-child(n+4){animation-delay:.45s}@keyframes story-line-in{0%{opacity:0;transform:translateY(6px)}}.story-line-me{flex-direction:row-reverse;text-align:right}.story-line-portrait{width:40px;height:40px;flex:none;border-radius:50%;border:2px solid var(--char)}.story-line-body{display:flex;flex-direction:column;padding:5px 10px;border-radius:10px;background:#0a0814b8;border-left:3px solid var(--char);min-width:0}.story-line-me .story-line-body{border-left:none;border-right:3px solid var(--char)}.story-line-name{font-size:11px;color:var(--char)}.story-line-text{font-family:var(--font-head);font-size:14px;word-break:auto-phrase;text-wrap:pretty}.story-routes{display:flex;flex-direction:column;gap:14px}.story-route-block{padding:8px 8px 10px;border-radius:10px;background:#00000040}.story-route-wakou{border-left:3px solid #c0212c}.story-route-odds{border-left:3px solid #5fe8ff}.story-route-title{margin-bottom:8px;font-family:var(--font-brush);font-size:14px;line-height:1.3}.story-route-wakou .story-route-title{color:#ffd0c4;text-shadow:0 0 8px #c0212c}.story-route-odds .story-route-title{color:#dffbff;text-shadow:0 0 8px #5fe8ff}.story-route-wakou .story-route:before{background:linear-gradient(180deg,#ff9a6a,#c0212c,#6a0d16)}.story-route-odds .story-route:before{background:linear-gradient(180deg,#a8f4ff,#3fb8ff,#7a3cff)}.story-prologue{font-style:italic;opacity:.85;border-left:2px solid var(--c);padding-left:8px}.story-me-pick{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 3px;border-radius:999px}.story-me-portrait{width:34px;height:34px;border-radius:50%;border:1px solid var(--char);flex:none}.story-end-sub p{margin:4px 0}.tower-note{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 12px 8px 8px;border:1px solid rgba(255,61,242,.4);border-left:3px solid #ff3df2;background:linear-gradient(90deg,#ff3df21f,#0a00128c)}.portrait.tower-note-face{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;box-shadow:0 0 10px #ff3df273}.tower-note-body{min-width:0}.tower-note-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.tower-note-kicker{font-size:11px;letter-spacing:.2em;color:#ff9cf6}.tower-note-who{font-size:11px;color:#ffd8fb99}.tower-note-text{margin:2px 0 0;font-size:13px;color:#ffe8fd}.tower-keeper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:12px;color:#ffd8fb}.portrait.tower-keeper-face{flex:none;width:26px;height:26px;border-radius:50%;overflow:hidden;box-shadow:0 0 8px #ff3df280}.tower-keeper-who{font-size:10px;letter-spacing:.15em;padding:1px 6px;border:1px solid rgba(255,61,242,.5);color:#ff9cf6}.tower-keeper-text{opacity:.85}.keeper-aside{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:#ffd8fb}.portrait.keeper-aside-face{flex:none;width:18px;height:18px;border-radius:50%;overflow:hidden;box-shadow:0 0 6px #ff3df280}.keeper-aside-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.keeper-aside-maint{color:#ffe6b0}.mm-entry{position:relative;border-color:#36e3ff73}.mm-entry .btn-kanji{color:#36e3ff}.mm-entry-on{box-shadow:0 0 0 1px #36e3ff,0 0 16px #36e3ff73}.mm{width:min(560px,calc(100vw - 32px))}.mm-head{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.mm-kicker{font-size:11px;letter-spacing:.25em;color:#36e3ff}.mm-title{font-family:var(--font-brush);font-size:22px}.mm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mm-queue{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;text-align:left;color:inherit;font:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:#080e1a99;transition:border-color .15s,transform .15s}.mm-queue:hover{border-color:#36e3ff;transform:translateY(-1px)}.mm-queue-label{font-size:17px;font-weight:700}.mm-queue-sub{font-size:11px;color:var(--muted)}.mm-queue-count{margin-top:6px;font-size:12px;color:var(--muted)}.mm-queue-busy .mm-queue-count{color:#8ff1ff}.mm-queue-busy .mm-queue-count b{font-size:15px;color:#36e3ff}.mm-queue-on{border-color:#36e3ff;box-shadow:inset 0 0 0 1px #36e3ff}.mm-rules{margin:14px 0 0;padding-left:18px;font-size:12px;color:var(--muted);line-height:1.6}.mm-bar{position:fixed;left:50%;bottom:14px;z-index:60;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:min(460px,calc(100vw - 32px));padding:10px 12px;border:1px solid rgba(54,227,255,.55);background:#040c16eb;box-shadow:0 0 18px #36e3ff40;animation:mm-bar-in .3s ease-out}.mm-bar-radar{position:relative;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(54,227,255,.6);background:radial-gradient(circle,rgba(54,227,255,.25) 0 2px,transparent 3px),conic-gradient(from 0deg,rgba(54,227,255,.55),transparent 30%);animation:mm-radar 1.6s linear infinite}.mm-bar-body{flex:1;min-width:0}.mm-bar-title{font-family:var(--font-num);font-size:12px;letter-spacing:.2em;color:#36e3ff}.mm-bar-mode{margin-left:6px;font-family:inherit;letter-spacing:.05em;color:#e6faff}.mm-bar-sub{font-size:12px;color:#e6faffcc}.mm-bar-sub b{color:#fff}@keyframes mm-radar{to{transform:rotate(360deg)}}@keyframes mm-bar-in{0%{opacity:0;transform:translate(-50%,10px)}}:root[data-perf=eco] .mm-bar-radar{animation:none}@media (prefers-reduced-motion: reduce){.mm-bar-radar,.mm-bar{animation:none}}@media (max-width: 480px){.mm-grid{grid-template-columns:1fr}}.mm-event{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding:10px 12px;border:1px solid rgba(255,61,242,.45);background:repeating-linear-gradient(135deg,rgba(255,61,242,.06) 0 6px,transparent 6px 14px),linear-gradient(90deg,#ff3df21f,#08061499)}.mm-event-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.mm-event-kicker{width:100%;font-family:var(--font-num);font-size:10px;letter-spacing:.35em;color:#ff9cf6}.mm-event-name{font-family:var(--font-head);font-size:18px;color:#fff;text-shadow:0 0 10px rgba(255,61,242,.7)}.mm-event-desc{font-size:13px;color:#f2d8f6}.mm-event-queues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mm-queue-event{border-color:#ff3df266}.mm-queue-event:hover{border-color:#ff3df2}.mm-event-next{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:8px;padding:6px 10px;border:1px dashed color-mix(in srgb,var(--gold, #e8c060) 40%,transparent);border-radius:6px;font-size:12px}.mm-event-next span{font-family:var(--font-num);font-size:10px;letter-spacing:.2em;color:var(--muted)}.mm-event-next b{color:var(--gold, #e8c060)}.mm-event-next small{color:var(--muted)}.mm-event-note{font-size:11px}.afk{position:fixed;left:50%;top:48px;z-index:75;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;width:min(620px,calc(100vw - 32px));padding:8px 12px;overflow:hidden;text-align:center;border:1px solid rgba(255,196,64,.7);background:#0c0802eb;box-shadow:0 0 24px #ffc4404d}.afk-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,rgba(255,196,64,.5) 0 1px,transparent 1px 4px)}.afk-title{position:relative;font-family:var(--font-num);font-size:15px;letter-spacing:.3em;color:#ffc440}.afk-msg{position:relative;flex:1 1 220px;min-width:0;text-align:left;font-size:12px;color:#fff3d6}.afk-short{display:none;position:relative;font-size:12px;color:#fff3d6}@media (max-width: 640px){.afk{flex-wrap:nowrap;padding:6px 10px}.afk-title{font-size:12px;letter-spacing:.15em}.afk-msg{display:none}.afk-short{display:block;flex:1;min-width:0}}.announce{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 16px;font-size:13px;color:#e6faff;background:linear-gradient(90deg,#0a283cf2,#06101ef2);border-bottom:1px solid rgba(54,227,255,.6);box-shadow:0 2px 12px #0006;animation:announce-in .35s ease-out}.announce-maint{color:#fff3d6;background:repeating-linear-gradient(135deg,#3c2800f5 0,#3c2800f5 14px,#281a00f5 14px,#281a00f5 28px);border-bottom-color:#ffc440cc}.announce-kicker{flex:none;font-family:var(--font-num);font-size:11px;letter-spacing:.25em;color:#36e3ff}.announce-maint .announce-kicker{color:#ffc440}.announce-text{flex:1;min-width:0;overflow-wrap:anywhere}.announce-close{flex:none;width:26px;height:26px;border:none;background:transparent;color:inherit;font-size:18px;cursor:pointer;opacity:.75}.announce-close:hover{opacity:1}.announce-mini{position:fixed;top:6px;right:8px;z-index:80;padding:3px 10px;font-size:11px;letter-spacing:.1em;color:#ffc440;background:#281a00eb;border:1px solid rgba(255,196,64,.7);cursor:pointer}@keyframes announce-in{0%{transform:translateY(-100%)}}.lobby-maint .lobby-actions>.btn-primary,.lobby-maint .quick-wrap .btn-big,.lobby-maint .mm-entry,.lobby-maint .story-entry{opacity:.4;filter:grayscale(1);pointer-events:none}.announce-update{top:auto;bottom:0;border-bottom:none;border-top:1px solid rgba(124,255,160,.6);background:linear-gradient(90deg,#082816f5,#06120ef5)}.announce-update .announce-kicker{color:#7cffa0}.dan-badge{--dan: #8fb8c8;display:inline-block;margin-left:6px;padding:0 7px;font-family:var(--font-head);font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.05em;color:#071018;background:var(--dan);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);white-space:nowrap;vertical-align:middle}.dan-badge[data-tier=接続]{--dan: #8fb8c8}.dan-badge[data-tier=同調]{--dan: #5fe0ff}.dan-badge[data-tier=共振]{--dan: #7dffb0}.dan-badge[data-tier=増幅]{--dan: #ffd25a}.dan-badge[data-tier=掌握]{--dan: #ff7ab0}.dan-badge[data-tier=SIGNAL]{--dan: linear-gradient(90deg, #ff3df2, #5fe0ff);background:linear-gradient(90deg,#ff3df2,#5fe0ff);color:#fff;text-shadow:0 0 4px rgba(0,0,0,.6);letter-spacing:.2em}.plate-dan{margin-left:4px;font-size:10px}.dan-gauge{position:relative;display:inline-block;width:120px;height:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);overflow:hidden;vertical-align:middle}.dan-gauge-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#5fe0ff80,#5fe0ff);box-shadow:0 0 8px #5fe0ff99;transition:width .8s cubic-bezier(.2,.9,.2,1)}.dan-gauge-text{position:relative;display:block;text-align:center;font-family:var(--font-num);font-size:10px;line-height:12px;color:#fff;text-shadow:0 0 3px #000}.dan-card{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:8px 12px;border:1px solid rgba(95,224,255,.25);background:linear-gradient(90deg,rgba(95,224,255,.08),transparent)}.dan-card-badge{margin-left:0;font-size:15px;padding:1px 10px}.dan-card-label,.dan-card-sub{font-size:12px}.dan-result{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;padding:8px 12px;border:1px solid rgba(95,224,255,.3);background:#5fe0ff0f;animation:dan-in .5s 1.2s cubic-bezier(.2,1.2,.4,1) both}@keyframes dan-in{0%{opacity:0;transform:translateY(8px)}}.dan-result-kicker{font-family:var(--font-num);font-size:11px;letter-spacing:.35em;color:var(--cyan)}.dan-result-delta{font-family:var(--font-num);font-weight:800;font-size:20px}.dan-result-move{display:inline-flex;align-items:center;gap:4px}.dan-result-move b{margin-left:6px;font-family:var(--font-brush);font-size:20px}.dan-promoted{border-color:#ffe066b3;background:linear-gradient(90deg,#ffe06629,#5fe0ff14);box-shadow:0 0 18px #ffe06659}.dan-promoted .dan-result-kicker,.dan-promoted .dan-result-move b{color:#ffe066}.dan-promoted .dan-result-new{animation:dan-new 1.2s 1.6s ease-out both}@keyframes dan-new{0%{transform:scale(1.8);filter:brightness(2.5)}to{transform:none;filter:none}}.dan-demoted{border-color:#ff3c5a80}.dan-demoted .dan-result-kicker,.dan-demoted .dan-result-move b{color:#ff7a90}.weekly{margin-top:12px;display:flex;flex-direction:column;gap:8px}.weekly-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}.weekly-title{font-family:var(--font-head);font-size:18px}.weekly-kicker{display:block;font-family:var(--font-num);font-size:10px;letter-spacing:.4em;color:var(--cyan)}.weekly-tabs{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:auto}.weekly-list{display:flex;flex-direction:column;gap:3px}.weekly-row{display:grid;grid-template-columns:32px minmax(0,1fr) 54px 84px 70px;align-items:center;gap:8px;padding:5px 10px;background:#080614c7;border-left:3px solid transparent}.weekly-row[data-rank="1"]{border-left-color:#ffe066}.weekly-row[data-rank="2"]{border-left-color:#cfd8e0}.weekly-row[data-rank="3"]{border-left-color:#d89060}.weekly-me{background:linear-gradient(90deg,#5fe0ff38,#080614c7)}.weekly-pos{font-family:var(--font-num);font-weight:800;text-align:center}.weekly-name{min-width:0;overflow-wrap:anywhere;font-weight:700}.weekly-stat{font-size:12px;color:var(--muted);white-space:nowrap}.weekly-pts{font-family:var(--font-num);font-weight:700;text-align:right}.weekly-empty{font-size:13px}@media (max-width: 640px){.weekly-row{grid-template-columns:26px minmax(0,1fr) 64px}.weekly-row .weekly-stat:first-of-type{display:none}.weekly-row .weekly-stat{display:none}.weekly-tabs{margin-left:0}}@media (prefers-reduced-motion: reduce){.dan-result,.dan-promoted .dan-result-new{animation:none}}.partner-badge{display:inline-block;margin-left:6px;padding:0 6px;font-family:var(--font-num);font-size:10px;font-weight:800;letter-spacing:.15em;line-height:1.6;color:#061018;background:linear-gradient(90deg,#ffe066,#fff3b0);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);vertical-align:middle;white-space:nowrap}.missions{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid rgba(255,210,90,.3);background:repeating-linear-gradient(90deg,rgba(255,210,90,.04) 0 1px,transparent 1px 8px),linear-gradient(90deg,#ffd25a14,#08061499)}.missions-head{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.missions-kicker{font-family:var(--font-num);font-size:10px;letter-spacing:.4em;color:var(--gold)}.missions-title{font-family:var(--font-head);font-size:16px}.missions-sub{font-size:12px}.missions-stamp{margin-left:auto;padding:0 10px;font-family:var(--font-brush);font-size:18px;color:#ff5a6e;border:2px solid #ff5a6e;transform:rotate(-8deg);animation:missions-stamp .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes missions-stamp{0%{opacity:0;transform:rotate(-8deg) scale(2)}}.missions-list{display:flex;flex-direction:column;gap:4px}.mission{display:grid;grid-template-columns:18px minmax(0,1fr) 80px 36px;align-items:center;gap:8px;font-size:13px}.mission-check{display:grid;place-items:center;width:16px;height:16px;font-size:12px;font-weight:800;color:#061a10;border:1px solid rgba(255,255,255,.3)}.mission-ok .mission-check{background:#7dffb0;border-color:#7dffb0}.mission-ok .mission-text{color:var(--muted);text-decoration:line-through;text-decoration-color:#7dffb099}.mission-text{min-width:0;overflow-wrap:anywhere}.mission-bar{position:relative;height:6px;background:#ffffff1a;overflow:hidden}.mission-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ffd25a,#ffe9a8);transition:width .6s ease-out}.mission-ok .mission-bar i{background:#7dffb0}.mission-count{font-family:var(--font-num);font-size:12px;text-align:right;color:var(--muted)}.missions-note{font-size:11px}.missions-done{border-color:#7dffb080}.mission-toast{border-color:#ffd25ab3}@media (max-width: 640px){.mission{grid-template-columns:18px minmax(0,1fr) 50px 32px}}@media (prefers-reduced-motion: reduce){.missions-stamp{animation:none}}.st-backdrop{z-index:140}.st{width:min(720px,100%);gap:12px;padding:18px 20px}.st-title{font-family:var(--font-brush);font-size:26px;color:var(--gold);text-shadow:0 0 14px rgba(232,192,96,.45)}.st-sub{font-size:12px;color:var(--muted);line-height:1.6}.st-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;position:sticky;top:-18px;z-index:2;margin:0 -20px;padding:8px 20px;background:linear-gradient(180deg,#0a0816f5,#0a0816db);border-bottom:1px solid var(--line)}.st-themes{display:flex;gap:4px;margin-right:auto}.st-list{display:flex;flex-direction:column;gap:14px}.st-group-title{margin:0 0 6px;font-size:13px;letter-spacing:.12em;color:var(--cyan, #6ef);border-left:3px solid var(--magenta);padding-left:8px}.st-row{display:grid;grid-template-columns:34px minmax(0,1fr) 120px auto;align-items:center;gap:10px;padding:5px 8px;border-radius:6px;border:1px solid transparent;transition:background .2s,border-color .2s}.st-row:nth-child(odd){background:#ffffff06}.st-row.st-playing{border-color:color-mix(in srgb,var(--magenta) 60%,transparent);background:color-mix(in srgb,var(--magenta) 12%,transparent)}.st-row.st-flagged .st-name span{color:var(--gold)}.st-play{width:32px;height:32px;border-radius:50%;border:1px solid color-mix(in srgb,var(--magenta) 70%,var(--line));background:radial-gradient(circle at 40% 35%,#ff50b459,#140a1ee6);color:#fff;font-size:12px;cursor:pointer}.st-play:hover{box-shadow:0 0 10px var(--magenta)}.st-name{display:flex;flex-direction:column;min-width:0;font-size:14px}.st-name small{font-size:11px;color:var(--muted)}.st-name em{font-style:normal;color:color-mix(in srgb,var(--gold) 70%,var(--muted))}.st-meter{position:relative;height:16px;border-radius:3px;background:#ffffff0f;overflow:hidden}.st-meter i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2bd4a0,#e8c060 70%,#ff4d6d);opacity:.75;transition:width .3s ease-out}.st-meter span{position:relative;display:block;text-align:right;padding-right:5px;font-family:var(--font-num);font-size:10px;line-height:16px;color:#fff;text-shadow:0 0 3px #000}.st-flag{font-size:11px;white-space:nowrap}.st-foot{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px}.st-flags{font-size:12px;color:var(--muted);line-height:1.6}@media (max-width: 560px){.st{padding:14px 12px}.st-bar{margin:0 -12px;padding:8px 12px;top:-14px}.st-row{grid-template-columns:32px minmax(0,1fr) 64px;gap:6px 8px}.st-flag{grid-column:2 / 4;justify-self:start}}.mixer{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.mixer-line{display:inline-flex;align-items:center;gap:6px}.mixer-line input{width:92px;accent-color:var(--magenta)}.mixer-line input:disabled{opacity:.35}.mixer-sw{min-width:52px;justify-content:center}.mixer-line .mixer-test{justify-content:center;font-size:12px}.mixer-num{min-width:26px;font-size:11px}.mixer-toggle{font-family:var(--font-brush);padding:2px 9px}.mixer-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:240px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;animation:rise .2s ease-out}.mixer-title{font-family:var(--font-brush);color:var(--gold);font-size:16px}.mixer-row{display:grid;grid-template-columns:52px 1fr 28px;align-items:center;gap:8px;font-size:12px}.mixer-row input{accent-color:var(--magenta);width:100%}.mixer-num{font-family:var(--font-num);text-align:right;color:var(--muted)}.news-btn{position:relative}.news-dot{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--magenta);box-shadow:0 0 8px var(--magenta)}.news-fresh{border-color:color-mix(in srgb,var(--magenta) 60%,transparent)}.modal.news{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 40px);display:flex;flex-direction:column}.news-kicker{font-family:var(--font-num);font-size:11px;letter-spacing:.2em;color:var(--cyan)}.news-title{font-family:var(--font-brush);font-size:26px;color:var(--gold);margin-bottom:8px}.news-body{overflow-y:auto;padding-right:4px}.news-day+.news-day{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.12)}.news-date{font-family:var(--font-num);font-weight:700;letter-spacing:.1em;color:var(--muted)}.news-day-new .news-date{color:var(--text)}.news-new{margin-left:8px;padding:0 6px;font-size:10px;border-radius:3px;background:var(--magenta);color:#fff}.news-day ul{margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.7}.ach-toasts{position:fixed;right:14px;top:64px;z-index:345;display:flex;flex-direction:column;gap:8px;pointer-events:none}.ach-toast{width:280px;padding:10px 14px 12px;background:repeating-linear-gradient(0deg,rgba(232,192,96,.05) 0 1px,transparent 1px 3px),linear-gradient(135deg,#281c08f5,#0c0818f5);border:1px solid var(--gold);box-shadow:0 0 24px #e8c06073;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);animation:ach-in .45s cubic-bezier(.2,1.3,.4,1) both,ach-out .4s ease-in 4.3s forwards}@keyframes ach-in{0%{transform:translate(120%);opacity:0}}@keyframes ach-out{to{transform:translate(120%);opacity:0}}.ach-toast-kicker{font-family:var(--font-num);font-size:10px;letter-spacing:.3em;color:var(--gold)}.ach-toast-name{font-family:var(--font-brush);font-size:24px;color:#fff6d8;text-shadow:0 0 12px rgba(232,192,96,.7)}.ach-toast-sub{font-size:12px;color:#e8e0c8}.ach-toast-sub b{color:var(--gold)}.plate-title{display:inline-block;max-width:100%;margin:1px 0;padding:0 6px;font-size:10px;line-height:1.5;letter-spacing:.08em;color:#fff6d8;background:linear-gradient(90deg,#e8c06059,#e8c0600d);border-left:2px solid var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wr-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.ach-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:52vh;overflow-y:auto;padding-right:4px}.ach-item{position:relative;display:flex;flex-direction:column;gap:2px;padding:8px 10px;text-align:left;color:var(--text);background:#0000004d;border:1px solid var(--line)}.ach-item.locked{opacity:.55;cursor:default}.ach-item.on{border-color:var(--gold);box-shadow:0 0 12px #e8c06066}.ach-item-name{font-weight:700;font-size:13px}.ach-item-title{font-family:var(--font-brush);font-size:16px;color:var(--gold)}.ach-item.locked .ach-item-title{color:var(--muted)}.ach-item-desc{font-size:11px;color:var(--muted)}.ach-bar{height:3px;margin-top:4px;background:#ffffff1a}.ach-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#fff6d8)}.ach-summary{font-size:12px;color:var(--muted)}.ach-item{padding-right:56px}.ach-item .ach-badge{position:absolute;top:8px;right:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.ach-item.on .ach-badge{filter:drop-shadow(0 0 8px rgba(232,192,96,.8))}.ach-item.locked .ach-badge{opacity:.7}.ach-toast{position:relative;padding-left:66px!important}.ach-toast .ach-badge{position:absolute;left:12px;top:50%;transform:translateY(-50%);animation:ach-badge-in .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes ach-badge-in{0%{transform:translateY(-50%) scale(.2) rotate(-40deg);opacity:0}to{transform:translateY(-50%);opacity:1}}.ach-badge-rare{filter:drop-shadow(-1px 0 rgba(255,0,80,.8)) drop-shadow(1px 0 rgba(0,240,255,.8)) drop-shadow(0 0 6px rgba(255,61,242,.7));animation:ach-rare 2.6s steps(1) infinite}@keyframes ach-rare{0%,to{transform:none}70%{transform:translate(1px) skew(6deg)}72%{transform:translate(-2px);opacity:.7}74%{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.ach-badge-rare{animation:none}}:root{--mat-tatami: repeating-linear-gradient(90deg, rgba(0, 0, 0, .08) 0 2px, transparent 2px 6px), repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 3px), linear-gradient(180deg, #6f7d3c, #4f5a28);--mat-circuit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%2359f0b0' stroke-opacity='0.35' stroke-width='1.5'%3E%3Cpath d='M0 30H40L55 45H120M30 120V80L45 65V0M120 90H85L70 75H50'/%3E%3C/g%3E%3Cg fill='%2359f0b0' fill-opacity='0.55'%3E%3Ccircle cx='55' cy='45' r='3'/%3E%3Ccircle cx='45' cy='65' r='3'/%3E%3Ccircle cx='70' cy='75' r='3'/%3E%3C/g%3E%3C/svg%3E"), radial-gradient(circle at 50% 50%, #0d3b2c, #04170f 70%);--mat-stars: radial-gradient(1px 1px at 20% 30%, #fff, transparent), radial-gradient(1.5px 1.5px at 70% 20%, #cfe6ff, transparent), radial-gradient(1px 1px at 40% 70%, #fff, transparent), radial-gradient(1px 1px at 85% 60%, #ffd6a5, transparent), radial-gradient(1.5px 1.5px at 10% 85%, #cfe6ff, transparent), radial-gradient(1px 1px at 55% 45%, #fff, transparent), radial-gradient(ellipse at 30% 30%, rgba(120, 80, 220, .35), transparent 60%), radial-gradient(circle at 50% 50%, #0c1033, #03040f 75%);--mat-urushi: radial-gradient(1px 1px at 30% 40%, rgba(242, 207, 107, .8), transparent), radial-gradient(1px 1px at 65% 70%, rgba(242, 207, 107, .7), transparent), radial-gradient(1.5px 1.5px at 80% 25%, rgba(242, 207, 107, .6), transparent), radial-gradient(ellipse at 40% 30%, rgba(255, 120, 90, .35), transparent 55%), radial-gradient(circle at 50% 50%, #7a1a16, #2a0605 75%)}:root[data-mat=tatami] .board,:root[data-mat=tatami] .board.board-mj{background:var(--mat-tatami)}:root[data-mat=circuit] .board,:root[data-mat=circuit] .board.board-mj{background:var(--mat-circuit);background-size:120px 120px,auto}:root[data-mat=stars] .board,:root[data-mat=stars] .board.board-mj{background:var(--mat-stars);background-size:180px 180px,220px 220px,160px 160px,240px 240px,200px 200px,140px 140px,auto,auto}:root[data-mat=urushi] .board,:root[data-mat=urushi] .board.board-mj{background:var(--mat-urushi);background-size:90px 90px,130px 130px,170px 170px,auto,auto}:root[data-mat=tatami] .board.board-mj{box-shadow:0 0 0 10px #15130e,0 0 0 13px #b58a2c,0 0 0 16px #15130e,0 40px 60px -10px #000000bf,inset 0 0 70px #00000080}:root[data-face=neon] .tile:not(.tile-back):not(.tile-own-face)>.tile-img:not(.tile-glyph){filter:brightness(.16) saturate(0)}:root[data-face=neon] .tile:not(.tile-back):not(.tile-own-face)>.tile-glyph{filter:invert(1) hue-rotate(180deg) saturate(2.2) brightness(1.15) drop-shadow(0 0 2px rgba(95,224,255,.9))}:root[data-face=neon] .tile:not(.tile-back):not(.tile-own-face){box-shadow:inset 0 0 0 1px #5fe0ff80;border-radius:9%}:root[data-face=urushi] .tile:not(.tile-back):not(.tile-own-face)>.tile-img:not(.tile-glyph){filter:sepia(1) saturate(5) hue-rotate(-25deg) brightness(.42)}:root[data-face=urushi] .tile:not(.tile-back):not(.tile-own-face)>.tile-glyph{filter:grayscale(1) sepia(1) saturate(4) hue-rotate(5deg) brightness(1.5) contrast(1.2) drop-shadow(0 0 1px rgba(0,0,0,.8))}:root[data-face=glass] .tile:not(.tile-back):not(.tile-own-face)>.tile-img:not(.tile-glyph){opacity:.28;filter:brightness(1.8) hue-rotate(160deg)}:root[data-face=glass] .tile:not(.tile-back):not(.tile-own-face){background:linear-gradient(135deg,#b4e6ff59,#ffffff0f 60%,#a0c8ff40);border-radius:9%;box-shadow:inset 0 0 0 1px #dcf0ff8c,inset 0 0 10px #b4e6ff59}:root[data-face=glass] .tile:not(.tile-back):not(.tile-own-face)>.tile-glyph{filter:brightness(1.15) drop-shadow(0 0 2px rgba(255,255,255,.8))}.wr-backdrop{z-index:210;transition:opacity .2s}body.wr-trying .wr-backdrop{opacity:0;pointer-events:none}.wr-try{display:block;margin-top:6px;padding:2px 10px;font-size:11px}.wr{--wa: var(--wa-kikko);width:min(760px,96vw)}.wr-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.wr-kicker{font-family:var(--font-num);font-size:11px;letter-spacing:.3em;color:var(--cyan)}.wr-title{font-family:var(--font-brush);font-size:30px;color:var(--gold)}.wr-preview{position:relative;display:flex;gap:10px;align-items:center;padding:14px 18px;border-radius:10px;overflow:hidden}.wr-preview-mat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 50% 50%,var(--felt),var(--felt2) 70%)}:root[data-mat=tatami] .wr-preview-mat{background:var(--mat-tatami)}:root[data-mat=circuit] .wr-preview-mat{background:var(--mat-circuit)}:root[data-mat=stars] .wr-preview-mat{background:var(--mat-stars)}:root[data-mat=urushi] .wr-preview-mat{background:var(--mat-urushi)}.wr-preview-tile{width:44px;height:59px}.wr-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:start}.wr-label{padding-top:10px;font-size:12px;letter-spacing:.15em;color:var(--muted)}.wr-items{display:flex;flex-wrap:wrap;gap:8px}.wr-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;min-width:72px;color:var(--text);background:#00000040;border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}.wr-item.on{border-color:var(--cyan);box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 50%,transparent)}.wr-name{font-size:11px}.wr-swatch{display:block;width:56px;height:36px;border-radius:4px;background:#222}.sw-mat-theme{background:radial-gradient(circle at 50% 50%,var(--felt),var(--felt2) 70%)}.sw-mat-tatami{background:var(--mat-tatami)}.sw-mat-circuit{background:var(--mat-circuit);background-size:60px 60px,auto}.sw-mat-stars{background:var(--mat-stars)}.sw-mat-urushi{background:var(--mat-urushi)}.sw-mat-wakou{background:url(/fx/mat-wakou.webp) center / cover no-repeat,#5a1410}.sw-mat-odds{background:url(/fx/mat-odds.webp) center / cover no-repeat,#071826}.sw-mat-mio{background:url(/fx/mat-mio.webp) center / cover no-repeat,#0e3a33}.sw-mat-aether{background:url(/fx/mat-aether.webp) center / cover no-repeat,#0c1440}.sw-face{width:28px;height:36px;border-radius:4px}.sw-face-standard{background:linear-gradient(180deg,#fdfbf3,#e8e2d0);box-shadow:inset 0 -3px #2d6f8f}.sw-face-neon{background:#0b0b12;box-shadow:inset 0 0 0 1px #5fe0ff,0 0 8px #5fe0ff99}.sw-face-urushi{background:linear-gradient(180deg,#6a1410,#2a0605);box-shadow:inset 0 0 0 1px #f2cf6b}.sw-face-glass{background:linear-gradient(135deg,#b4e6ff80,#ffffff14);box-shadow:inset 0 0 0 1px #dcf0ffb3}.sw-back{width:28px;height:36px;border-radius:4px;background:var(--tile-back) center / 100% 100%}.sw-back-yogiri{background-image:url(/tiles/backs/yogiri.svg)}.sw-back-guren{background-image:url(/tiles/backs/guren.svg)}.sw-back-shinkai{background-image:url(/tiles/backs/shinkai.svg)}.sw-back-sakura{background-image:url(/tiles/backs/sakura.svg)}.sw-back-raiden{background-image:url(/tiles/backs/raiden.svg)}.sw-back-kinbyo{background-image:url(/tiles/backs/kinbyo.svg)}.sw-back-mio{background-image:url(/tiles/backs/mio.svg)}.sw-back-aether{background-image:url(/tiles/backs/aether.svg)}.sw-back-theme{outline:1px dashed var(--muted);outline-offset:2px}.sw-riichi{background:#0a0818;position:relative;overflow:hidden}.sw-riichi-pillar{background:linear-gradient(90deg,transparent 40%,#5fe0ff 50%,transparent 60%),#0a0818}.sw-riichi-katana{background:linear-gradient(160deg,transparent 45%,#fff 49%,#ff3b4e 51%,transparent 55%),#0a0818}.sw-riichi-thunder{background:linear-gradient(115deg,transparent 40%,#ffe14f 44%,transparent 48%),linear-gradient(65deg,transparent 50%,#ffe14f 53%,transparent 56%),#0a0818}.sw-riichi-side{background:conic-gradient(from 45deg,#ff5a4a 0,#ff5a4a 25%,#36e3ff 0,#36e3ff 50%,#2ec4b6 0,#2ec4b6 75%,#9db4ff 0),#0a0818}.sw-riichi-ofuda{background:linear-gradient(100deg,transparent 20%,#ffe9b0 20% 30%,transparent 30%),linear-gradient(80deg,transparent 55%,#ffe9b0 55% 64%,transparent 64%),radial-gradient(circle at 50% 50%,rgba(255,90,74,.5),transparent 60%),#0a0818}.sw-riichi-holo{background:repeating-linear-gradient(0deg,rgba(54,227,255,.25) 0 2px,transparent 2px 5px),radial-gradient(circle at 50% 50%,rgba(54,227,255,.55),transparent 60%),#04121c}.sw-riichi-hanabi{background:radial-gradient(circle at 25% 35%,#ff6fa8 0 3px,transparent 12px),radial-gradient(circle at 70% 25%,#ffe14f 0 3px,transparent 12px),radial-gradient(circle at 60% 70%,#5fe0ff 0 3px,transparent 12px),#0a0818}.sw-riichi-bell{background:radial-gradient(circle at 50% 50%,transparent 30%,rgba(242,207,107,.8) 32%,transparent 36%,transparent 52%,rgba(242,207,107,.5) 54%,transparent 58%),#0a0818}.sw-riichi-wave{background:radial-gradient(60% 40% at 50% 100%,rgba(46,196,182,.75),transparent 70%),linear-gradient(180deg,transparent 55%,rgba(127,240,228,.9) 58%,transparent 62%),#061a1c}.sw-riichi-meteor{background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.95) 33%,transparent 34%),linear-gradient(125deg,transparent 55%,rgba(157,180,255,.9) 57%,transparent 58%),radial-gradient(2px 2px at 80% 25%,#fff6c8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 20% 70%,#fff 50%,transparent 51%),#0a0e30}.sw-riichi-sakura{background:radial-gradient(3px 2px at 20% 30%,#ffb7d5,transparent),radial-gradient(3px 2px at 60% 60%,#ffd1e6,transparent),radial-gradient(3px 2px at 80% 20%,#ffb7d5,transparent),radial-gradient(3px 2px at 35% 80%,#ffb7d5,transparent),#2a0f20}.wardrobe-btn{font-family:var(--font-brush)}@media (max-width: 820px){.wr-row{grid-template-columns:1fr}.wr-label{padding-top:0}}:root[data-mat=wakou] .board,:root[data-mat=wakou] .board.board-mj,:root[data-mat=wakou] .wr-preview-mat{background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.45)),url(/fx/mat-wakou.webp) center / cover no-repeat,#5a1410}:root[data-mat=odds] .board,:root[data-mat=odds] .board.board-mj,:root[data-mat=odds] .wr-preview-mat{background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.5)),url(/fx/mat-odds.webp) center / cover no-repeat,#071826}:root[data-mat=mio] .board,:root[data-mat=mio] .board.board-mj,:root[data-mat=mio] .wr-preview-mat{background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.45)),url(/fx/mat-mio.webp) center / cover no-repeat,#0e3a33}:root[data-mat=aether] .board,:root[data-mat=aether] .board.board-mj,:root[data-mat=aether] .wr-preview-mat{background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.45)),url(/fx/mat-aether.webp) center / cover no-repeat,#0c1440}.bgm-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.bgm-side{padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#06040ee0}.bgm-side-wakou{--side: #e8b04a;border-color:color-mix(in srgb,#e8b04a 40%,transparent)}.bgm-side-odds{--side: #36e3ff;border-color:color-mix(in srgb,#36e3ff 40%,transparent)}.bgm-side-void{--side: #ff3df2;border-color:color-mix(in srgb,#ff3df2 40%,transparent)}.bgm-side-keeper{--side: #ffb8f6;border-color:color-mix(in srgb,#ffb8f6 35%,transparent)}.bgm-side-void .bgm-side-title{font-family:var(--font-num);letter-spacing:.2em;text-shadow:-1px 0 rgba(255,0,80,.7),1px 0 rgba(0,240,255,.7)}.bgm-side-title{font-family:var(--font-brush);font-size:20px;color:var(--side);margin-bottom:6px}.bgm-side-title small{margin-left:10px;font-family:inherit;font-size:11px;opacity:.7;color:#fff}.bgm-side-odds .bgm-side-title{font-family:var(--font-num);letter-spacing:.12em}.bgm-slot+.bgm-slot{margin-top:8px}.bgm-tracks{display:flex;flex-direction:column;gap:4px;margin-top:4px}.bgm-track{display:flex;align-items:stretch;gap:4px}.bgm-track-main{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title artist" "note note";gap:0 8px;padding:5px 9px;text-align:left;color:inherit;font:inherit;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer}.bgm-track.on .bgm-track-main{border-color:var(--side);background:color-mix(in srgb,var(--side) 16%,transparent);box-shadow:inset 3px 0 0 var(--side)}.bgm-track-title{grid-area:title;font-weight:700}.bgm-track-artist{grid-area:artist;font-size:11px;opacity:.6}.bgm-track-note{grid-area:note;font-size:11px;opacity:.75}.bgm-play{min-width:36px;justify-content:center}.fxl,.fxl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:125;overflow:hidden}.fxl-canvas{width:100%;height:100%}.fxl.fxl-under{z-index:55}.fxl-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,var(--c) 0%,rgba(255,255,255,.4) 40%,transparent 75%);mix-blend-mode:screen;animation:fxl-flash .45s ease-out forwards}@keyframes fxl-flash{0%{opacity:0}12%{opacity:.95}to{opacity:0}}.fxl-slash{position:absolute;left:-20%;top:50%;width:140%;height:6px;background:linear-gradient(90deg,transparent,var(--c) 30%,#fff 50%,var(--c) 70%,transparent);box-shadow:0 0 24px var(--c),0 0 60px var(--c);transform:rotate(-18deg) scaleX(0);transform-origin:0 50%;animation:fxl-slash .7s cubic-bezier(.2,.9,.2,1) forwards}@keyframes fxl-slash{0%{transform:rotate(-18deg) scaleX(0);opacity:1}35%{transform:rotate(-18deg) scaleX(1);opacity:1}to{transform:rotate(-18deg) scaleX(1) scaleY(.1);opacity:0}}.fxl-pillar{position:absolute;left:var(--x);top:0;width:90px;height:var(--y);transform:translate(-50%);background:linear-gradient(0deg,var(--c),rgba(255,255,255,.5) 30%,transparent);filter:blur(6px);mix-blend-mode:screen;transform-origin:50% 100%;animation:fxl-pillar 1.3s ease-out forwards}.fxl-pillar:after{content:"";position:absolute;left:50%;bottom:0;width:6px;height:100%;transform:translate(-50%);background:linear-gradient(0deg,#fff,transparent)}@keyframes fxl-pillar{0%{transform:translate(-50%) scaleY(0) scaleX(.4);opacity:0}20%{transform:translate(-50%) scaleY(1) scaleX(1);opacity:.9}to{transform:translate(-50%) scaleY(1) scaleX(.1);opacity:0}}.fxl-stick{position:absolute;left:var(--x);top:var(--y);animation:fxl-stick .9s cubic-bezier(.3,.8,.3,1) forwards}.fxl-stick i{display:block;width:72px;height:9px;margin:-4px 0 0 -36px;border-radius:5px;background:linear-gradient(180deg,#fff,#d8d4e6);box-shadow:0 0 14px var(--gold, #e8c060),0 0 2px #000;position:relative}.fxl-stick i:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#e0233c}@keyframes fxl-stick{0%{transform:translate(0) rotate(-40deg) scale(1.4);opacity:0}20%{opacity:1}80%{transform:translate(var(--dx),var(--dy)) rotate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(0) scale(1);opacity:0}}.fxl-glitch{position:absolute;top:0;right:0;bottom:0;left:0;animation:fxl-fade .65s steps(6) forwards}.fxl-glitch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 2px,transparent 2px 4px);mix-blend-mode:multiply}.fxl-glitch i{position:absolute;left:0;width:100%;background:linear-gradient(90deg,transparent,var(--c) 20%,rgba(255,255,255,.8) 50%,var(--c) 80%,transparent);mix-blend-mode:screen;opacity:.35;animation:fxl-tear .18s steps(2) infinite}@keyframes fxl-tear{0%{transform:translate(-6%)}50%{transform:translate(5%)}to{transform:translate(-2%)}}@keyframes fxl-fade{0%{opacity:1}to{opacity:0}}.fxl-scan{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.fxl-scan:before{content:"";position:absolute;left:0;right:0;height:18vh;top:-18vh;background:linear-gradient(180deg,transparent,var(--c) 85%,#fff 100%);opacity:.35;mix-blend-mode:screen;animation:fxl-scan 1.1s cubic-bezier(.5,0,.5,1) forwards}.fxl-scan:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--c) 1px,transparent 1px),linear-gradient(90deg,var(--c) 1px,transparent 1px);background-size:48px 48px;opacity:0;animation:fxl-grid 1.1s ease-out forwards}@keyframes fxl-scan{to{top:100vh}}@keyframes fxl-grid{30%{opacity:.08}to{opacity:0}}.fxl-dim{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:grayscale(1) contrast(1.2);-webkit-backdrop-filter:grayscale(1) contrast(1.2);animation:fxl-fade .9s ease-in forwards}.fxl-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 35%,rgba(10,8,20,.75) 100%);backdrop-filter:saturate(.3);-webkit-backdrop-filter:saturate(.3);animation:fxl-vig 2.2s ease-in-out forwards}@keyframes fxl-vig{0%{opacity:0}25%{opacity:1}to{opacity:0}}.fxl-brush{position:absolute;left:0;right:0;top:50%;height:170px;margin-top:-85px}.fxl-brush-stroke{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.75) 22%,rgba(8,4,16,.92) 50%,rgba(0,0,0,.75) 78%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 80%,transparent);transform-origin:0 50%;animation:fxl-brush 1.4s cubic-bezier(.2,.8,.2,1) forwards}.fxl-brush-stroke:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--gold, #e8c060),transparent);box-shadow:0 0 12px var(--gold, #e8c060)}@keyframes fxl-brush{0%{transform:scaleX(0) skew(-20deg);opacity:1}30%{transform:scaleX(1) skew(-8deg);opacity:1}75%{opacity:1}to{transform:scaleX(1) skew(0);opacity:0}}@media (prefers-reduced-motion: reduce){.fxl-slash,.fxl-pillar,.fxl-stick,.fxl-glitch i,.fxl-scan:before{animation-duration:.01s}}.fxl-thunder{position:absolute;left:calc(var(--x) - 60px);top:0;width:120px;height:var(--y);background:linear-gradient(180deg,transparent,var(--c));clip-path:polygon(55% 0,40% 38%,58% 40%,35% 100%,47% 100%,70% 52%,52% 50%,66% 0);filter:drop-shadow(0 0 8px var(--c)) brightness(1.6);animation:fxl-thunder .9s steps(6) forwards}@keyframes fxl-thunder{0%,30%,60%{opacity:1}15%,45%{opacity:.2}to{opacity:0}}.fxl-stamp{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-150%) rotate(-6deg);padding:3px 14px;white-space:nowrap;font-family:var(--font-brush);font-size:30px;color:#fff;background:color-mix(in srgb,var(--c) 30%,rgba(10,6,18,.85));border:2px solid var(--c);box-shadow:0 0 18px color-mix(in srgb,var(--c) 70%,transparent);text-shadow:0 0 10px var(--c);animation:fxl-stamp 1.5s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes fxl-stamp{0%{opacity:0;transform:translate(-50%,-150%) rotate(-6deg) scale(2.2)}14%{opacity:1;transform:translate(-50%,-150%) rotate(-6deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-175%) rotate(-6deg) scale(1)}}.fxl-meteor{position:absolute;left:var(--x);top:var(--y);width:0;height:0}.fxl-meteor i{position:absolute;left:var(--o);top:0;width:3px;height:130px;margin:-130px 0 0 -1px;border-radius:3px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95));box-shadow:0 0 10px var(--c);transform-origin:50% 100%;opacity:0;animation:fxl-meteor .75s ease-in forwards;animation-delay:calc(var(--i) * 70ms)}@keyframes fxl-meteor{0%{opacity:0;transform:rotate(35deg) translateY(-420px)}25%{opacity:1}to{opacity:0;transform:rotate(35deg) translateY(0)}}.fxl-tide{position:absolute;left:-10%;right:-10%;bottom:0;height:34%;background:radial-gradient(60% 30% at 50% 0%,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--c) 30%,transparent),color-mix(in srgb,var(--c) 8%,transparent));border-top:2px solid color-mix(in srgb,var(--c) 80%,white);border-radius:50% 50% 0 0/18px 18px 0 0;mix-blend-mode:screen;animation:fxl-tide 1.6s ease-in-out forwards}@keyframes fxl-tide{0%{transform:translateY(100%)}45%{transform:translateY(0) skew(-4deg)}65%{transform:translateY(6%) skew(3deg)}to{transform:translateY(100%)}}.fxl-heat{position:absolute;left:calc(var(--x) - 120px);top:calc(var(--y) - 120px);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 55%,transparent),transparent 70%);mix-blend-mode:screen;animation:fxl-heat 1.4s ease-out forwards}@keyframes fxl-heat{0%{opacity:0;transform:scale(.4)}20%{opacity:1}40%{transform:scale(1.1) skewY(3deg)}60%{transform:scale(.95) skewY(-3deg)}to{opacity:0;transform:scale(1.3)}}.fxl-stamp-below{animation-name:fxl-stamp-below}@keyframes fxl-stamp-below{0%{opacity:0;transform:translate(-50%,70%) rotate(-6deg) scale(2.2)}14%{opacity:1;transform:translate(-50%,70%) rotate(-6deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,95%) rotate(-6deg) scale(1)}}:root{--tile-back: url(/tiles/backs/yogiri.svg);--tile-edge: #2d6f8f;--tile-edge-2: #163a52}:root[data-theme=guren]{--tile-back: url(/tiles/backs/guren.svg);--tile-edge: #b8452f;--tile-edge-2: #5a1a14}:root[data-theme=shinkai]{--tile-back: url(/tiles/backs/shinkai.svg);--tile-edge: #1e8c86;--tile-edge-2: #0b3e45}:root[data-theme=sakura]{--tile-back: url(/tiles/backs/sakura.svg);--tile-edge: #c9668f;--tile-edge-2: #5c2141}:root[data-theme=raiden]{--tile-back: url(/tiles/backs/raiden.svg);--tile-edge: #6a4fc9;--tile-edge-2: #2a1a5e}:root[data-theme=kinbyo]{--tile-back: url(/tiles/backs/kinbyo.svg);--tile-edge: #b58a2c;--tile-edge-2: #4a3510}:root[data-theme=shiosai]{--tile-back: url(/tiles/backs/mio.svg);--tile-edge: #1f9e93;--tile-edge-2: #0a3a37}:root[data-theme=seiya]{--tile-back: url(/tiles/backs/aether.svg);--tile-edge: #6f86ff;--tile-edge-2: #1a2260}.tile:before{content:"";position:absolute;left:0;right:0;top:6%;bottom:-7%;border-radius:9%;background:linear-gradient(180deg,var(--tile-edge),var(--tile-edge-2));box-shadow:0 2px 3px #00000073;z-index:-1}.tile-back:before{background:linear-gradient(180deg,#e9e4d6,#bdb6a2)}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9%;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.08) 22%,transparent 45%),linear-gradient(0deg,rgba(0,0,0,.08),transparent 30%);mix-blend-mode:soft-light}.tile-back-art{background:var(--tile-back) center / 100% 100% no-repeat}.tile-clickable:after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%) -150% 0 / 250% 100% no-repeat,linear-gradient(135deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.08) 22%,transparent 45%),linear-gradient(0deg,rgba(0,0,0,.08),transparent 30%);transition:background-position 0s}.tile-clickable:hover:after{background-position:150% 0,0 0,0 0;transition:background-position .6s ease-out}.nk-entry .btn-kanji{color:#9fe8ff}.nk-backdrop{z-index:300}.modal.nk{position:relative;width:min(880px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;background:repeating-linear-gradient(0deg,rgba(120,220,255,.035) 0 1px,transparent 1px 4px),radial-gradient(120% 80% at 50% 0%,rgba(40,90,120,.35),transparent 60%),linear-gradient(160deg,#0a121ef7,#10081af7);border:1px solid rgba(120,220,255,.35);box-shadow:0 0 0 1px #0009,0 0 40px #50c8ff2e}.nk-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nk-seal{display:grid;place-items:center;width:46px;height:46px;font-family:var(--font-brush);font-size:30px;color:#fff;background:#b3202a;border:2px solid #ff8a8a;transform:rotate(-6deg);box-shadow:0 0 16px #ff3c3c73}.nk-titles{flex:1;min-width:140px}.nk-kicker{font-family:var(--font-num);font-size:11px;letter-spacing:.32em;color:#7fdcff}.nk-title{font-family:var(--font-brush);font-size:34px;line-height:1.1;color:#f2fbff;text-shadow:0 0 14px rgba(120,220,255,.6)}.nk-levels{display:flex;gap:6px}.nk-stats{display:flex;flex-wrap:wrap;gap:6px 18px;padding:6px 10px;font-size:12px;color:var(--muted);border-top:1px solid rgba(120,220,255,.15);border-bottom:1px solid rgba(120,220,255,.15)}.nk-stats b{font-family:var(--font-num);font-size:18px;color:#e9f8ff;margin:0 2px}.nk-stats b.nk-hot{color:#ffcf5a;text-shadow:0 0 10px rgba(255,190,60,.8)}.nk-question{font-family:var(--font-head);font-size:20px;color:#f2fbff}.nk-question small{display:block;font-family:var(--font-ui);font-size:12px;color:var(--muted)}.nk-hand{display:flex;align-items:flex-end;justify-content:center;gap:14px;padding:18px 10px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35)),radial-gradient(100% 140% at 50% 120%,rgba(60,180,140,.25),transparent 70%);border:1px solid rgba(120,220,255,.12)}.nk-hand-main{display:flex;gap:2px}.nk-hand-draw{display:flex;flex-direction:column;align-items:center;gap:2px}.nk-draw-label{white-space:nowrap;font-size:10px;letter-spacing:.3em;color:var(--muted)}.nk-slot{animation:nk-deal .32s cubic-bezier(.2,1.2,.4,1) backwards;animation-delay:calc(var(--i) * 28ms);transition:transform .15s}.nk-hand:not(.nk-hand-done) .nk-slot:hover{transform:translateY(-8px)}.nk-slot-picked{transform:translateY(-14px)}@keyframes nk-deal{0%{opacity:0;transform:translateY(18px) rotateX(70deg)}}.nk-verdict{display:flex;align-items:center;gap:14px;padding:8px 12px;animation:nk-pop .4s cubic-bezier(.2,1.4,.4,1) backwards}.nk-verdict-mark{flex:none;white-space:nowrap;font-family:var(--font-brush);font-size:34px;line-height:1;padding:4px 12px;border:3px solid currentColor;border-radius:50% 46% 52% 48%;transform:rotate(-8deg)}.nk-ok .nk-verdict-mark{color:#ff5a5a;text-shadow:0 0 12px rgba(255,80,80,.7)}.nk-ng .nk-verdict-mark{color:#8aa0b8;border-radius:4px}.nk-verdict-text{font-size:15px;color:#e9f8ff}.nk-verdict-text b{color:#ffcf5a}@keyframes nk-pop{0%{opacity:0;transform:scale(1.6)}}.nk-table{display:flex;flex-direction:column;gap:3px}.nk-row{display:grid;grid-template-columns:74px 70px minmax(110px,180px) 1fr;align-items:center;gap:8px;padding:3px 8px;font-size:12px;background:#ffffff08;border-left:2px solid transparent;animation:nk-row-in .3s ease-out backwards;animation-delay:calc(.15s + var(--i) * 40ms)}@keyframes nk-row-in{0%{opacity:0;transform:translate(-12px)}}.nk-row-best{background:linear-gradient(90deg,#ffcf5a2e,#ffcf5a05);border-left-color:#ffcf5a}.nk-row-picked{outline:1px dashed rgba(127,220,255,.7)}.nk-row-back{opacity:.45}.nk-row-tile{display:flex;align-items:center;gap:4px}.nk-row-sh{color:var(--muted)}.nk-row-bar{position:relative;display:flex;align-items:center;gap:6px;height:20px;padding-left:6px}.nk-row-bar i{position:absolute;left:0;top:3px;bottom:3px;background:linear-gradient(90deg,#7fdcff80,#7fdcff1f);z-index:0}.nk-row-best .nk-row-bar i{background:linear-gradient(90deg,#ffcf5ab3,#ffcf5a26)}.nk-row-bar b,.nk-row-bar small{position:relative;z-index:1}.nk-row-bar b{font-family:var(--font-num);font-size:15px;color:#fff}.nk-row-bar small{color:var(--muted)}.nk-row-uke{display:flex;flex-wrap:wrap;gap:1px}@media (max-width: 720px){.nk-hand{gap:6px;padding:12px 4px 10px}.nk-hand .tile{width:22px!important;height:29px!important}.nk-row{grid-template-columns:60px 54px 1fr}.nk-row-uke{grid-column:1 / -1}.nk-title{font-size:28px}.nk-draw-label{letter-spacing:.1em}.nk-verdict-mark{font-size:24px}.nk-verdict-text{font-size:13px}}.nk-back-toggle{align-self:flex-start;margin-top:4px}.nk-scene{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:6px 10px;font-size:13px;color:#d8eef8;background:linear-gradient(90deg,rgba(127,220,255,.12),transparent);border-left:3px solid #7fdcff}.nk-scene-label{font-family:var(--font-head);font-size:16px;color:#fff}.nk-scene-dora{display:inline-flex;align-items:center;gap:4px}.nk-scene-who{margin-left:auto;color:var(--gold)}.nk-melds{display:flex;gap:8px;margin-left:6px;padding-left:10px;border-left:1px dashed rgba(127,220,255,.3)}.nk-meld{display:inline-flex;gap:1px}.nk-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px}.nk-cmp{position:relative;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#00000059;border:1px solid rgba(127,220,255,.2);animation:nk-row-in .3s ease-out backwards}.nk-cmp:nth-child(2){animation-delay:.1s}.nk-cmp:nth-child(3){animation-delay:.2s}.nk-cmp-best{border-color:#ffcf5ab3;box-shadow:0 0 12px #ffcf5a40}.nk-cmp-who{min-width:0;flex:1;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nk-cmp-val{display:flex;flex-direction:column;font-family:var(--font-num);font-size:16px;color:#fff}.nk-cmp-val small{font-family:var(--font-ui);font-size:10px;color:#ff9aa5}.nk-cmp-mark{position:absolute;top:-8px;right:-4px;padding:0 6px;font-family:var(--font-brush);font-size:13px;color:#fff;background:#b3202a;transform:rotate(6deg)}.nk-empty{display:flex;flex-direction:column;gap:4px;padding:28px 12px;text-align:center;font-family:var(--font-head);font-size:18px;color:#e9f8ff}.nk-empty small{font-family:var(--font-ui);font-size:12px;color:var(--muted)}.nk-loading{font-family:var(--font-num);letter-spacing:.2em;animation:hl-rec 1s steps(2,jump-none) infinite}@media (max-width: 720px){.nk-melds .tile{width:16px!important;height:21px!important}.nk-scene-who{margin-left:0}}@media (max-width: 420px){.nk-hand{gap:4px}.nk-hand .tile{width:19px!important;height:25px!important}}.paifu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#04030ac7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.paifu{width:min(1100px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:14px 16px;border-color:#e8c06059}.paifu-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.paifu-seal{display:grid;place-items:center;width:38px;height:38px;font-family:var(--font-brush);font-size:22px;color:#10202a;background:radial-gradient(circle at 35% 30%,#a8f3ff,#2aa6c8 70%);border-radius:6px;transform:rotate(-5deg);box-shadow:0 0 14px #5fe0ff73}.paifu-title{flex:1;font-family:var(--font-head);font-size:18px;color:var(--gold);display:flex;flex-direction:column}.paifu-sub{font-family:var(--font-ui);font-size:12px}.paifu-rounds{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.paifu-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.paifu-slider{flex:1;min-width:140px;accent-color:var(--gold)}.paifu-count{font-family:var(--font-num);min-width:64px;text-align:right}.paifu-now{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0;padding:8px 12px;border-radius:10px;background:linear-gradient(90deg,rgba(232,192,96,.16),transparent 70%);border-left:3px solid var(--gold);font-size:15px}.paifu-dora{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:12px}.paifu-seats{display:flex;flex-direction:column;gap:8px}.paifu-seat{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto auto;gap:4px 12px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#00000038;transition:border-color .2s,box-shadow .2s}.paifu-seat-active{border-color:var(--char);box-shadow:0 0 14px color-mix(in srgb,var(--char) 45%,transparent)}.paifu-who{grid-row:span 2;display:flex;flex-direction:column;gap:2px}.paifu-wind{font-family:var(--font-brush);font-size:20px;color:var(--char);line-height:1}.paifu-name{font-weight:700;word-break:break-all}.paifu-dealer{display:inline-block;margin-right:4px;padding:0 4px;border-radius:4px;font-size:11px;background:#e2554b;color:#fff}.paifu-riichi{margin-left:6px;font-size:11px;color:var(--magenta)}.paifu-char{font-size:12px}.paifu-score{font-family:var(--font-num);font-size:15px}.paifu-score .plus{color:var(--green)}.paifu-score .minus{color:var(--danger)}.paifu-hand,.paifu-river{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1px}.paifu-drawn{margin-left:8px}.paifu-kita,.paifu-meld{display:inline-flex;align-items:flex-end;gap:1px;margin-left:10px}.paifu-river{opacity:.92}.paifu-result{margin-top:10px;padding:8px 12px;border-radius:10px;background:#7cf0a014;border:1px solid rgba(124,240,160,.3);line-height:1.7}.paifu-keys{margin-top:8px;font-size:11px}.recent-paifu{margin-left:6px}@media (max-width: 720px){.paifu-seat{grid-template-columns:1fr}.paifu-who{grid-row:auto;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px}}.rv-count{margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;color:#fff;background:#c8304a;border-radius:999px}.rv{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid rgba(255,210,90,.35);background:linear-gradient(90deg,#ffd25a14,#0a061499)}.rv-sum{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}.rv-kicker{font-family:var(--font-num);font-size:11px;letter-spacing:.35em;color:var(--gold)}.rv-rate b{font-family:var(--font-num);font-size:18px;color:#ffe066}.rv-tag{display:inline-block;padding:0 6px;font-size:11px;font-weight:700;border-radius:3px;white-space:nowrap}.rv-tag.rv-shanten{color:#fff;background:#b0406a}.rv-tag.rv-ukeire{color:#241a00;background:#ffd25a}.rv-tag.rv-push{color:#2a0c00;background:#ff9a4a}.rv-tag.rv-dealin{color:#fff;background:#e0304e}.rv-list{display:flex;flex-direction:column;gap:3px;max-height:150px;overflow-y:auto}.rv-note{display:flex;align-items:baseline;gap:8px;padding:3px 6px;text-align:left;font:inherit;font-size:13px;color:var(--text);background:#ffffff08;border:1px solid transparent;cursor:pointer}.rv-note:hover,.rv-note-on{border-color:#ffd25a99;background:#ffd25a1a}.rv-text{min-width:0;overflow-wrap:anywhere}.rv-empty,.rv-note-foot{font-size:12px}.paifu-seat-mine{box-shadow:inset 3px 0 0 var(--char)}.cs{display:flex;flex-direction:column;gap:10px}.cs-versus{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;border-radius:12px;overflow:hidden;isolation:isolate}.cs-side{position:relative;min-width:0;padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.cs-side:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.55;background-size:cover;background-position:center}.cs-side-wakou:before{background-image:linear-gradient(90deg,#28060a8c,#14060ee6),url(/fx/bg-wakou.webp)}.cs-side-odds:before{background-image:linear-gradient(270deg,#0212248c,#040a18e6),url(/fx/bg-odds.webp)}.cs-side-wakou{border-left:3px solid #c0212c}.cs-side-odds{border-right:3px solid #5fe8ff;text-align:right}.cs-faction{display:flex;flex-direction:column;line-height:1.2}.cs-faction-name{font-family:var(--font-brush);font-size:26px;letter-spacing:.2em}.cs-side-wakou .cs-faction-name{color:#ffdcc8;text-shadow:0 0 12px #c0212c}.cs-side-odds .cs-faction-name{font-family:var(--font-num);font-weight:700;color:#dffbff;text-shadow:0 0 12px #5fe8ff}.cs-faction-motto{font-size:11px;opacity:.75}.cs-row{display:flex;gap:8px}.cs-side-odds .cs-row{justify-content:flex-end}.cs-pick{position:relative;container-type:inline-size;flex:1;max-width:120px;min-width:0;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#00000059;color:#fff;cursor:pointer;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}.cs-pick:hover:not(:disabled){transform:translateY(-2px);border-color:var(--char)}.cs-pick-on{border-color:var(--char, #fff);box-shadow:0 0 0 2px var(--char, #fff),0 0 18px color-mix(in srgb,var(--char, #fff) 60%,transparent)}.cs-pick .cs-pick-portrait{width:100%;height:auto;aspect-ratio:1;border-radius:0;border:none}.cs-pick:not(.cs-pick-on) .cs-pick-portrait{filter:saturate(.7) brightness(.85)}.cs-pick-name{display:block;padding:3px 2px 4px;font-family:var(--font-head);font-size:12px;font-size:clamp(7px,17cqi,12px);white-space:nowrap;overflow:hidden;text-overflow:clip;background:linear-gradient(0deg,color-mix(in srgb,var(--char) 40%,#000),transparent)}.cs-vs{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 10px;background:linear-gradient(90deg,#780a1499,#0a0a10f2 45%,#0a0a10f2 55%,#0a3c5a99)}.cs-vs-text{font-family:var(--font-num);font-weight:700;font-size:34px;font-style:italic;color:#fff;text-shadow:-3px 0 #ff2a3d,3px 0 #3ff0ff}.cs-random{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff0f;color:#fff;font:700 22px/1 var(--font-num);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.cs-random small{font-size:9px;font-family:var(--font-head);font-weight:400;margin-top:2px}.cs-other{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cs-other .cs-pick{max-width:90px}.cs-other-label{font-size:12px;opacity:.7}.cs-spot{position:relative;display:grid;grid-template-columns:minmax(150px,30%) 1fr;min-height:230px;border-radius:12px;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--char, #fff) 50%,transparent);animation:cs-spot-in .35s cubic-bezier(.2,.9,.2,1) both}@keyframes cs-spot-in{0%{opacity:0;transform:translateY(8px)}}.cs-spot-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center}.cs-spot-narukami .cs-spot-bg{background-image:radial-gradient(ellipse at 20% 60%,color-mix(in srgb,var(--char) 35%,transparent),transparent 60%),linear-gradient(90deg,#14060a80,#0e060eeb 45%),url(/fx/bg-wakou.webp)}.cs-spot-odds .cs-spot-bg{background-image:radial-gradient(ellipse at 20% 60%,color-mix(in srgb,var(--char) 30%,transparent),transparent 60%),linear-gradient(90deg,#020a1880,#040814eb 45%),url(/fx/bg-odds.webp)}.cs-spot-none .cs-spot-bg{background:radial-gradient(ellipse at 20% 60%,color-mix(in srgb,var(--char) 30%,transparent),#0a0814eb 60%)}.cs-spot-portrait{width:100%;height:100%;min-height:230px;max-height:340px;border:none;border-radius:0;background:none;box-shadow:none;animation:cs-portrait-in .45s cubic-bezier(.2,.9,.2,1) both}@keyframes cs-portrait-in{0%{opacity:0;transform:translate(-24px)}}.cs-spot-body{padding:14px 16px 12px 6px;display:flex;flex-direction:column;gap:6px;min-width:0}.cs-spot-title{font-size:12px;color:var(--char);letter-spacing:.1em}.cs-spot-name{font-family:var(--font-brush);font-size:clamp(26px,4vw,38px);line-height:1.1;color:#fff;text-shadow:0 0 14px var(--char)}.cs-spot-line{font-family:var(--font-head);font-size:15px;color:#fff}.cs-spot-flavor{font-size:12px;opacity:.75;word-break:normal;line-break:strict;line-height:1.6;max-height:6.4em;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}.cs-spot-skills{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.cs-skill{padding:2px 9px;border-radius:999px;font-size:12px;cursor:help}.cs-skill-active{background:color-mix(in srgb,var(--char) 30%,rgba(0,0,0,.4));border:1px solid var(--char)}.cs-skill-passive{background:#ffffff0f;border:1px dashed rgba(255,255,255,.35)}.cs-spot-foot{display:flex;align-items:center;gap:10px;margin-top:auto;flex-wrap:wrap}.cs-spot-random{grid-template-columns:1fr;place-items:center;text-align:center;padding:20px;min-height:120px;background:#0a0814b3}.cs-spot-q{font:700 54px/1 var(--font-num);color:#fff;text-shadow:-3px 0 #ff2a3d,3px 0 #3ff0ff}@media (max-width: 640px){.cs-versus{grid-template-columns:minmax(0,1fr)}.cs-side{min-width:0}.cs-row{flex-wrap:wrap}.cs-row .cs-pick{flex:0 1 calc((100% - 16px) / 3);max-width:none}.cs-vs{flex-direction:row;padding:6px;background:linear-gradient(90deg,#780a1499,#0a0a10f2 40%,#0a0a10f2 60%,#0a3c5a99)}.cs-vs-text{font-size:24px}.cs-spot{grid-template-columns:minmax(96px,30%) 1fr}.cs-spot-flavor{max-height:9.6em}.cs-random{width:40px;height:40px}.cs-side-odds{text-align:left;border-right:none;border-left:3px solid #5fe8ff}.cs-side-odds .cs-row{justify-content:flex-start}.cs-spot{grid-template-columns:38% 1fr;min-height:200px}.cs-spot-portrait{min-height:200px}}.cs-pick-shin{border-color:#ff3df2;box-shadow:0 0 14px #ff3df28c}.cs-pick-shin .cs-pick-name{letter-spacing:.05em;color:#ff9cf6;text-shadow:-1px 0 rgba(255,0,80,.8),1px 0 rgba(0,240,255,.8)}.cs-pick-burst .cs-pick-portrait{animation:cs-shin-burst 1.2s steps(8)}.cs-spot-shin .cs-spot-name{color:#ff3df2;text-shadow:-2px 0 rgba(255,0,80,.8),2px 0 rgba(0,240,255,.8)}.cs-spot-shin .cs-spot-portrait{filter:contrast(1.25) saturate(1.4) drop-shadow(0 0 18px rgba(255,61,242,.6))}.cs-shin-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,61,242,.35) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 3px),#0a00128c;mix-blend-mode:screen;animation:cs-shin-noise 1.4s steps(7) forwards}@keyframes cs-shin-noise{0%{opacity:1;transform:translate(0)}30%{transform:translate(-12px) skew(4deg)}60%{opacity:.8;transform:translate(8px)}to{opacity:0;transform:none}}@keyframes cs-shin-burst{0%{filter:invert(1) hue-rotate(180deg);transform:translate(-4px) skew(8deg)}25%{filter:hue-rotate(90deg) saturate(3);transform:translate(5px)}50%{filter:invert(1) contrast(1.5);transform:translate(-2px) skew(-6deg)}75%{filter:saturate(2);transform:translate(3px)}to{filter:none;transform:none}}@media (prefers-reduced-motion: reduce){.cs-shin-noise,.cs-pick-burst .cs-pick-portrait{animation:none}}.cs-void{display:flex;flex-direction:column;align-items:center;gap:2px}.cs-void-label{font-family:var(--font-num);font-size:10px;letter-spacing:.3em;color:#ff3df2;text-shadow:-1px 0 rgba(255,0,80,.7),1px 0 rgba(0,240,255,.7)}.cs-void .cs-pick{flex:none;width:64px}.cs-pick-hint .cs-pick-portrait{animation:cs-hint 7s steps(1) infinite}.cs-pick-hint[data-hint="2"] .cs-pick-portrait{animation-duration:2.4s}.cs-pick-hint[data-hint="3"] .cs-pick-portrait{animation-duration:1.2s}.cs-pick-hint[data-hint="4"] .cs-pick-portrait{animation-duration:.5s}@keyframes cs-hint{0%,to{filter:none;transform:none}93%{filter:hue-rotate(80deg) saturate(2.5);transform:translate(2px) skew(5deg)}95%{filter:invert(.8);transform:translate(-2px)}97%{filter:none;transform:none}}@media (prefers-reduced-motion: reduce){.cs-pick-hint .cs-pick-portrait{animation:none}}.cs-pick-locked{cursor:not-allowed;border-color:#ff3df240;background:#06000abf}.cs-pick-locked:disabled{opacity:1}.cs-pick.cs-pick-locked .cs-pick-portrait{filter:brightness(0) drop-shadow(0 0 6px rgba(255,61,242,.45));animation:cs-locked 6s steps(1) infinite}.cs-pick-locked .cs-pick-name{color:#ff9cf699;letter-spacing:.15em}@keyframes cs-locked{0%,to{transform:none}96%{transform:translate(2px) skew(6deg);filter:brightness(0) drop-shadow(-2px 0 rgba(255,0,80,.8)) drop-shadow(2px 0 rgba(0,240,255,.8))}98%{transform:none}}:root[data-perf=eco] .cs-pick.cs-pick-locked .cs-pick-portrait{animation:none}@media (prefers-reduced-motion: reduce){.cs-pick-locked .cs-pick-portrait{animation:none}}.cs-side-mio{margin-top:8px;border-radius:12px;overflow:hidden;isolation:isolate;border-left:3px solid #2ec4b6;border-right:3px solid #2ec4b6}.cs-side-mio:before{opacity:.9;background:repeating-radial-gradient(ellipse 60px 14px at 50% 110%,rgba(46,196,182,.18) 0 2px,transparent 2px 9px),linear-gradient(180deg,#041e28d9,#020e18f2)}.cs-side-mio .cs-faction{flex-direction:row;align-items:baseline;gap:12px}.cs-side-mio .cs-faction-name{font-family:var(--font-head);color:#d8fffa;text-shadow:0 0 12px #2ec4b6}.cs-side-mio .cs-row{justify-content:center;flex-wrap:wrap}.cs-spot-mio .cs-spot-bg{background:radial-gradient(ellipse at 20% 60%,color-mix(in srgb,var(--char) 30%,transparent),transparent 60%),repeating-radial-gradient(ellipse 80px 18px at 60% 120%,rgba(46,196,182,.14) 0 2px,transparent 2px 12px),linear-gradient(90deg,#02182299,#020e18f0 45%)}@media (max-width: 640px){.cs-side-mio .cs-row{justify-content:flex-start}}.cs-pick-new{position:absolute;top:4px;left:4px;z-index:2;width:9px;height:9px;border-radius:50%;background:#ffd36a;box-shadow:0 0 6px #ffd36a}.cs-pick-lv{position:absolute;top:2px;right:2px;z-index:2;padding:0 4px;font-family:var(--font-num);font-size:9px;font-weight:800;color:#061018;background:color-mix(in srgb,var(--char) 80%,#fff);border-radius:3px;pointer-events:none}.cs-mastery{display:flex;align-items:center;gap:8px;margin:2px 0 4px;font-size:12px}.cs-mastery-lv{font-family:var(--font-num);font-weight:800;color:var(--char);white-space:nowrap}.cs-mastery-bar{position:relative;flex:0 1 140px;height:6px;background:#ffffff1f;overflow:hidden}.cs-mastery-bar i{position:absolute;inset:0 auto 0 0;background:var(--char);box-shadow:0 0 6px var(--char)}.cs-mastery-max{font-family:var(--font-num);font-weight:800;letter-spacing:.2em;color:#ffe066}.cs-mastery-num{font-family:var(--font-num);font-size:11px;white-space:nowrap}.cs-band{border-radius:12px;overflow:hidden;isolation:isolate}.cs-band .cs-faction{flex-direction:row;align-items:baseline;gap:12px}.cs-band .cs-row{justify-content:center;flex-wrap:wrap}.cs-band.cs-side-wakou{border-left:3px solid #c0212c;border-right:3px solid #c0212c}.cs-band.cs-side-wakou:before{background-image:linear-gradient(90deg,#28060ab3,#14060eeb),url(/fx/bg-wakou.webp)}.cs-band.cs-side-odds{text-align:left;border-left:3px solid #5fe8ff;border-right:3px solid #5fe8ff}.cs-band.cs-side-odds:before{background-image:linear-gradient(90deg,#021224b3,#040a18eb),url(/fx/bg-odds.webp)}.cs-band.cs-side-odds .cs-row{justify-content:center}.cs-band.cs-side-mio,.cs-band.cs-side-aether{margin-top:0}.cs-extra{display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 12px;border-radius:12px;background:linear-gradient(90deg,#780a1459,#0a0a10eb 30%,#0a0a10eb 70%,#3c004666);border:1px solid rgba(255,61,242,.25)}.cs-extra .cs-void{flex-direction:row;align-items:center;gap:8px}.cs-extra .cs-void .cs-pick{width:56px}@media (max-width: 640px){.cs-band .cs-row,.cs-band.cs-side-odds .cs-row{justify-content:flex-start}.cs-band .cs-faction{flex-wrap:wrap;gap:2px 10px}}.awaken-info{margin-top:6px;padding:6px 10px;border-radius:8px;border:1px dashed color-mix(in srgb,var(--char) 55%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--char) 10%,transparent),transparent 70%);font-size:12px}.awaken-info summary{cursor:pointer;font-weight:700;color:color-mix(in srgb,var(--char) 70%,#ffd27a);letter-spacing:.05em}.awaken-info-title{font-weight:700;color:color-mix(in srgb,var(--char) 70%,#ffd27a);letter-spacing:.05em;margin-bottom:4px}.awaken-info-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.awaken-info-item .skill-desc{color:var(--muted);font-size:11px;line-height:1.5}.loadout{margin-top:12px;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--char) 40%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--char) 10%,transparent),#00000040)}.loadout-disabled{opacity:.6}.loadout-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.loadout-title{font-family:var(--font-head);font-size:16px;color:var(--char);letter-spacing:2px}.loadout-sum{font-size:12px}.loadout-label{margin:10px 0 6px;font-size:12px;color:var(--muted);letter-spacing:1px}.loadout-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.loadout-commons{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}.loadout-card,.loadout-common{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#0000004d;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.loadout-common{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:6px}.loadout-common .loadout-desc{grid-column:1 / -1}.loadout-card:hover:not(:disabled),.loadout-common:hover:not(:disabled){border-color:color-mix(in srgb,var(--char) 60%,transparent);transform:translateY(-1px)}.loadout-on{border-color:var(--char);box-shadow:0 0 12px color-mix(in srgb,var(--char) 45%,transparent),inset 0 0 0 1px var(--char);background:linear-gradient(160deg,color-mix(in srgb,var(--char) 22%,transparent),#0000004d)}.loadout-name{font-weight:700;display:inline-flex;align-items:baseline;gap:6px}.loadout-desc{font-size:11px;line-height:1.5;color:var(--muted)}.loadout-on .loadout-desc{color:var(--text)}@media (max-width: 720px){.loadout-pair{grid-template-columns:1fr}}.loadout-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13px}.my-loadout .picker-row{margin-bottom:10px}.preset-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.preset-bar .loadout-label{margin:0 4px 0 0}.preset-empty{font-size:12px}.preset-chip{display:inline-flex;align-items:stretch;border-radius:999px;border:1px solid color-mix(in srgb,var(--char, var(--gold)) 60%,transparent);overflow:hidden}.preset-apply,.preset-del{font:inherit;font-size:12px;color:var(--text);background:color-mix(in srgb,var(--char, var(--gold)) 16%,transparent);border:none;padding:3px 10px;cursor:pointer}.preset-del{padding:3px 7px;color:var(--muted);border-left:1px solid color-mix(in srgb,var(--char, var(--gold)) 40%,transparent)}.preset-apply:hover:not(:disabled),.preset-del:hover:not(:disabled){background:color-mix(in srgb,var(--char, var(--gold)) 32%,transparent)}.loadout-weight{font-size:10px;font-weight:400;padding:0 5px;border-radius:4px;color:var(--muted);border:1px solid var(--line)}.weight-meter{margin-left:auto;font-family:var(--font-num);font-size:13px;padding:1px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--char, var(--gold)) 50%,transparent)}.weight-over{color:#ffd0d0;border-color:var(--danger);box-shadow:0 0 8px #ff6b6b66}.weight-note{font-size:11px;color:#ffb3b3}.loadout-fixed{cursor:default;border-color:color-mix(in srgb,var(--char) 45%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--char) 14%,transparent),#0000004d)}.loadout-fixed .loadout-desc{color:var(--text)}.matchup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#04030ac7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.matchup{width:min(900px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:14px 16px;border-color:#ff4fd859}.matchup-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.matchup-seal{display:grid;place-items:center;width:38px;height:38px;font-family:var(--font-brush);font-size:22px;color:#2a0620;background:radial-gradient(circle at 35% 30%,#ffb3ee,#c8269e 70%);border-radius:6px;transform:rotate(-5deg);box-shadow:0 0 14px #ff4fd873}.matchup-title{flex:1;min-width:200px;display:flex;flex-direction:column;font-family:var(--font-head);font-size:18px;color:var(--text)}.matchup-sub{font-family:var(--font-ui);font-size:11px}.matchup-body{display:grid;grid-template-columns:1fr 1fr;gap:16px}.matchup-h{font-family:var(--font-head);color:var(--gold);font-size:15px;margin:0 0 8px;letter-spacing:2px}.matchup-row{display:grid;grid-template-columns:7em 1fr auto auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:13px}.matchup-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matchup-bar{position:relative;height:6px;border-radius:3px;background:#ff6b6b59;overflow:hidden}.matchup-bar-win{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--cyan),var(--green))}.matchup-num{font-family:var(--font-num);white-space:nowrap}.matchup-tag{font-size:11px;padding:0 6px;border-radius:999px;border:1px solid var(--line)}.matchup-tag-得意{color:var(--green);border-color:var(--green)}.matchup-tag-苦手{color:var(--danger);border-color:var(--danger)}.matchup-table{width:100%;border-collapse:collapse;font-size:13px}.matchup-table th,.matchup-table td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--line)}.matchup-table th{color:var(--muted);font-weight:400;font-size:11px}.matchup-table .plus{color:var(--green)}.matchup-table .minus{color:var(--danger)}.stats-row-clickable{cursor:pointer}.stats-row-clickable:hover{background:#ffffff0a}@media (max-width: 720px){.matchup-body{grid-template-columns:1fr}}.hl-button{position:relative;border-color:#ffcf5a99;color:#ffe6a8}.hl-button small{font-family:var(--font-num);margin-left:2px;color:var(--gold)}.hl-button-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 8px #ff4d5e;animation:hl-rec 1.2s steps(2,jump-none) infinite}@keyframes hl-rec{50%{opacity:.2}}.hl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:420;overflow:hidden;cursor:pointer;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),radial-gradient(90% 70% at 30% 50%,color-mix(in srgb,var(--char) 35%,transparent),transparent 70%),linear-gradient(120deg,#07040e,#120a1e 60%,#05030a);animation:hl-in .35s ease-out;-webkit-user-select:none;user-select:none}@keyframes hl-in{0%{opacity:0}}.hl-bars{position:absolute;top:14px;left:16px;right:120px;display:flex;gap:6px;z-index:3}.hl-bar{flex:1;height:3px;background:#ffffff2e;overflow:hidden}.hl-bar i{display:block;height:100%;width:0;background:var(--gold);box-shadow:0 0 8px var(--gold)}.hl-bar-full i{width:100%}.hl-bar-now i{animation:hl-progress linear forwards}@keyframes hl-progress{to{width:100%}}.hl-close{position:absolute;top:6px;right:12px;z-index:3;padding:4px 10px;font-size:12px;color:#e8e0f0;background:#0006;border:1px solid rgba(255,255,255,.25);cursor:pointer}.hl-card{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(200px,38%) 1fr;grid-template-rows:auto 1fr;align-items:center;padding:44px 5vw 28px}.hl-sweep{position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background:linear-gradient(100deg,transparent 35%,color-mix(in srgb,var(--char) 55%,transparent) 50%,transparent 65%);transform:translate(-100%);animation:hl-sweep .9s cubic-bezier(.5,0,.2,1) .05s forwards;pointer-events:none}@keyframes hl-sweep{to{transform:translate(100%)}}.hl-watermark{position:absolute;right:-2vw;bottom:-8vh;font-family:var(--font-brush);font-size:min(62vh,46vw);line-height:1;color:color-mix(in srgb,var(--char) 22%,transparent);pointer-events:none;animation:hl-mark 6s ease-out both}@keyframes hl-mark{0%{transform:scale(1.15) translate(4%);opacity:0}to{transform:scale(1)}}.hl-head{grid-column:1 / -1;display:flex;align-items:baseline;gap:16px;z-index:1;animation:hl-up .4s ease-out .1s backwards}.hl-no{font-family:var(--font-num);font-size:13px;letter-spacing:.4em;color:var(--gold)}.hl-round{font-family:var(--font-head);font-size:22px;color:#fff}.hl-portrait{align-self:end;width:100%;height:min(78vh,640px);border-radius:0;z-index:1;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--char) 60%,transparent));animation:hl-portrait .7s cubic-bezier(.2,1,.3,1) .15s backwards}@keyframes hl-portrait{0%{opacity:0;transform:translate(-18%) skew(-6deg)}}.hl-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;min-width:0}.hl-who{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;animation:hl-up .45s ease-out .35s backwards}.hl-name{font-family:var(--font-brush);font-size:clamp(30px,5vw,56px);color:#fff;text-shadow:0 0 18px color-mix(in srgb,var(--char) 80%,transparent)}.hl-how{font-size:15px;color:#ddd2ee;padding:2px 10px;border-left:3px solid var(--char);background:#00000059}@keyframes hl-up{0%{opacity:0;transform:translateY(14px)}}.hl-hand{display:flex;flex-wrap:wrap;align-items:flex-end;gap:2px}.hl-tile,.hl-meld{display:inline-flex;animation:hl-tile .35s cubic-bezier(.2,1.3,.4,1) backwards;animation-delay:calc(.6s + var(--k) * 45ms)}.hl-tile-win{margin-left:10px;animation-name:hl-tile-win}.hl-meld{margin-left:10px;gap:1px}@keyframes hl-tile{0%{opacity:0;transform:translateY(-26px) rotateX(80deg)}}@keyframes hl-tile-win{0%{opacity:0;transform:scale(2.2);filter:brightness(3)}}.hl-yaku{display:flex;flex-wrap:wrap;gap:6px}.hl-yaku-item{padding:3px 12px;font-family:var(--font-head);font-size:18px;color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--char) 45%,transparent),#0000004d);border:1px solid color-mix(in srgb,var(--char) 70%,transparent);animation:hl-stamp .32s cubic-bezier(.2,1.5,.4,1) backwards;animation-delay:calc(1.3s + var(--k) * .14s)}.hl-yaku-item small{margin-left:6px;font-family:var(--font-num);font-size:13px;color:var(--gold)}.hl-yaku-dora{border-style:dashed}@keyframes hl-stamp{0%{opacity:0;transform:scale(1.8)}}.hl-skills{font-size:13px;color:#c9bfe0;animation:hl-up .4s ease-out 2s backwards}.hl-skills b{color:#9fe8ff;font-weight:700}.hl-points{display:flex;align-items:baseline;gap:12px;animation:hl-up .4s ease-out 1.5s backwards}.hl-points-num{font-family:var(--font-num);font-size:clamp(40px,7vw,84px);font-weight:700;line-height:1;color:var(--gold);text-shadow:0 0 24px rgba(232,192,96,.6)}.hl-points-sub{font-size:16px;color:#ddd2ee}.hl-minus{color:#ff4d5e;text-shadow:0 0 24px rgba(255,60,80,.7)}.hl-points .limit-stamp{position:relative;right:auto;top:auto;margin-left:18px;align-self:center}.hl-big .hl-yaku-item{background:linear-gradient(90deg,#e8c0608c,#3c1e0066);border-color:var(--gold)}.hl-k-win:has(.hl-big){background:repeating-conic-gradient(from 0deg at 30% 50%,rgba(232,192,96,.07) 0 6deg,transparent 6deg 12deg),radial-gradient(90% 70% at 30% 50%,rgba(232,192,96,.35),transparent 70%),linear-gradient(120deg,#0d0802,#1e1206 60%,#070402)}.hl-big-word{font-family:var(--font-brush);font-size:clamp(56px,11vw,140px);line-height:1;color:#fff;text-shadow:0 0 30px color-mix(in srgb,var(--char) 90%,transparent),4px 4px 0 rgba(0,0,0,.6);animation:hl-slam .5s cubic-bezier(.2,1.6,.4,1) .5s backwards}@keyframes hl-slam{0%{opacity:0;transform:scale(2.6) rotate(-6deg)}}.hl-chart{width:min(100%,520px);height:auto;overflow:visible}.hl-chart polyline{fill:none;stroke:var(--gold);stroke-width:3;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--gold));stroke-dasharray:1;stroke-dashoffset:1;animation:hl-draw 1.6s ease-in-out .9s forwards}@keyframes hl-draw{to{stroke-dashoffset:0}}.hl-chart-low{fill:#ff4d5e}.hl-chart-end{fill:var(--gold);opacity:0;animation:hl-fade .3s ease-out 2.4s forwards}@keyframes hl-fade{to{opacity:1}}.hl-k-lost{background:repeating-linear-gradient(0deg,rgba(255,60,80,.06) 0 2px,transparent 2px 4px),radial-gradient(80% 60% at 60% 50%,rgba(120,0,20,.5),transparent 70%),#050206}.hl-k-lost .hl-portrait{filter:grayscale(.8) contrast(1.3) drop-shadow(0 0 20px rgba(255,40,60,.6));animation:hl-portrait .7s cubic-bezier(.2,1,.3,1) .15s backwards,hl-flicker 2.2s steps(1) 1s infinite}@keyframes hl-flicker{0%,to{opacity:1;transform:none}8%{opacity:.3;transform:translate(6px)}10%{opacity:1;transform:translate(-4px) skew(8deg)}12%{transform:none}60%{opacity:.6}62%{opacity:1}}.hl-glitch{position:relative;font-family:var(--font-num);font-size:clamp(44px,8vw,104px);font-weight:700;letter-spacing:.08em;color:#ff4d5e;text-shadow:0 0 22px rgba(255,40,60,.8);animation:hl-slam .45s cubic-bezier(.2,1.6,.4,1) .4s backwards}.hl-glitch:before,.hl-glitch:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hl-glitch:before{color:#4df0ff;clip-path:inset(0 0 60% 0);transform:translate(-4px);animation:hl-slice 1.4s steps(1) infinite}.hl-glitch:after{color:#fff;clip-path:inset(65% 0 0 0);transform:translate(5px);animation:hl-slice 1.1s steps(1) .3s infinite reverse}@keyframes hl-slice{0%{clip-path:inset(0 0 70% 0)}30%{clip-path:inset(40% 0 35% 0)}60%{clip-path:inset(75% 0 5% 0)}}.hl-end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;animation:hl-up .4s ease-out}.hl-end-kicker{font-family:var(--font-num);letter-spacing:.5em;color:var(--gold)}.hl-end-title{font-family:var(--font-brush);font-size:clamp(40px,7vw,72px);color:#fff}.hl-end-list{display:flex;flex-direction:column;gap:6px}@media (max-width: 720px){.hl-card{grid-template-columns:1fr;grid-template-rows:auto minmax(0,34vh) auto;padding:40px 16px 20px;align-items:start}.hl-portrait{height:34vh;width:70%;justify-self:center}.hl-hand .tile{width:22px!important;height:29px!important}.hl-yaku-item{font-size:14px}.hl-points .limit-stamp{font-size:22px}}.sc-button{border-color:#7fdcff80;color:#cdefff}.sc-backdrop{z-index:410}.modal.sc{width:min(980px,calc(100vw - 24px));display:flex;flex-direction:column;gap:12px}.sc-head{display:flex;align-items:baseline;gap:12px}.sc-kicker{font-family:var(--font-num);font-size:12px;letter-spacing:.4em;color:var(--gold)}.sc-title{font-family:var(--font-brush);font-size:28px;color:#fff}.sc-preview{position:relative;aspect-ratio:1200 / 630;background:#0006;border:1px solid rgba(232,192,96,.35);overflow:hidden}.sc-preview img{display:block;width:100%;height:100%;animation:sc-print .7s cubic-bezier(.2,1,.3,1)}@keyframes sc-print{0%{clip-path:inset(0 0 100% 0);filter:brightness(2.2) saturate(0)}60%{filter:brightness(1.4)}}.sc-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-num);letter-spacing:.3em;color:var(--muted);animation:hl-rec 1s steps(2,jump-none) infinite}.modal.sc .modal-actions{flex-wrap:wrap;row-gap:10px}.sc-note{margin-right:auto;font-size:13px;color:#7dffb0}.btn.btn-disabled{pointer-events:none;opacity:.5}.bug-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:grid;place-items:center;padding:16px;background:#04040cb3}.bug-dialog{width:min(460px,100%);padding:18px 20px;border-left:3px solid #ff6b5e}.bug-title{font-weight:800;font-size:17px;letter-spacing:.05em}.bug-note{font-size:12px;margin:6px 0 10px}.bug-text{width:100%;box-sizing:border-box;resize:vertical;min-height:90px;font-size:14px}.bug-foot{display:flex;align-items:center;gap:8px;margin-top:10px}.bug-foot .muted{margin-right:auto;font-size:12px}.bug-btn{white-space:nowrap}.like-box{position:absolute;top:-10px;right:12px;z-index:2;display:flex;align-items:center;gap:6px}.like-btn{padding:2px 10px;font:inherit;font-size:12px;color:#ffd6ec;background:#1e0616eb;border:1px solid rgba(255,120,190,.6);border-radius:999px;cursor:pointer;transition:transform .15s,background .15s}.like-btn:hover:not(:disabled){transform:translateY(-1px);background:#460c2ef2}.like-sent{color:#ff7ab8;cursor:default;border-color:#ff78bee6}.like-got{padding:2px 8px;font-size:12px;font-weight:700;color:#1a0010;background:linear-gradient(90deg,#ff9ccc,#ffd1e6);border-radius:999px;box-shadow:0 0 12px #ff7ab899;animation:like-pop .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes like-pop{0%{transform:scale(.3);opacity:0}}@media (prefers-reduced-motion: reduce){.like-got{animation:none}}.my-likes{color:#ff9ccc}.mypaifu{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.mypaifu-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:8px}.mypaifu-list{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow-y:auto}.mypaifu-row{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:10px;padding:6px 10px;border-left:3px solid var(--char, #888);border-radius:6px;background:#ffffff0a;font-size:13px}.mypaifu-gone{opacity:.55}.mypaifu-star{background:none;border:none;color:#c9a85a;font-size:18px;cursor:pointer;padding:0 2px}.mypaifu-star:disabled{cursor:default;opacity:.4}.mypaifu-star.on{color:#ffd76a;text-shadow:0 0 6px rgba(255,215,106,.6)}.mypaifu-rank{font-weight:700;min-width:2.5em}.mypaifu-players{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mypaifu-actions{display:flex;gap:6px}@media (max-width: 640px){.mypaifu-row{grid-template-columns:auto auto 1fr}.mypaifu-players{grid-column:1 / -1;white-space:normal}.mypaifu-actions{grid-column:1 / -1}}.mypaifu-title{display:inline-flex;flex-direction:column;font-family:var(--font-head);font-size:16px;letter-spacing:.08em}.mypaifu-kicker{font-family:var(--font-num);font-size:10px;letter-spacing:.35em;color:var(--cyan, #5fe0ff);opacity:.8}.mypaifu-row{transition:background .18s ease,box-shadow .18s ease}.mypaifu-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--char, #888) 16%,transparent),#ffffff0a 60%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--char, #888) 30%,transparent)}.mypaifu-rank{font-family:var(--font-num);font-size:15px;text-align:center}.mypaifu-rank[data-rank="1"]{color:#ffd76a;text-shadow:0 0 8px rgba(255,215,106,.55)}.mypaifu-rank[data-rank="2"]{color:#d9e2f2}.mypaifu-rank[data-rank="3"]{color:#e0a46e}.mypaifu-rank[data-rank=last]{color:#d9707e}@media (prefers-reduced-motion: reduce){.mypaifu-row{transition:none}}.boss-intro-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:16px;background:#04000ab8;animation:boss-intro-fade .25s ease both}.boss-intro{position:relative;display:flex;gap:18px;align-items:center;width:min(560px,100%);padding:20px 22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--char) 60%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--char) 35%,transparent);animation:boss-intro-in .45s cubic-bezier(.2,.9,.2,1) both}.boss-intro-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--char) 8%,transparent) 0 1px,transparent 1px 4px);mix-blend-mode:screen}.boss-intro-portrait{flex:none;width:140px;height:140px}.boss-intro-body{position:relative;flex:1;min-width:0}.boss-intro-kicker{font-size:11px;letter-spacing:.3em;color:var(--char)}.boss-intro-name{font-size:26px;font-weight:800;margin:2px 0 8px;text-shadow:0 0 12px color-mix(in srgb,var(--char) 70%,transparent)}.boss-intro-line{font-size:16px;line-height:1.6}.boss-intro-rule{margin-top:8px;font-size:12px}.boss-intro-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}@keyframes boss-intro-fade{0%{opacity:0}}@keyframes boss-intro-in{0%{opacity:0;transform:translateY(10px) skew(-6deg);filter:hue-rotate(60deg)}60%{filter:hue-rotate(-30deg)}to{opacity:1;transform:none;filter:none}}@media (max-width: 480px){.boss-intro{flex-direction:column;text-align:center}.boss-intro-actions{justify-content:center}}.hero-title{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:0 .18em}.hero-title-signal{position:relative;font-family:var(--font-num);font-weight:700;font-size:.42em;letter-spacing:.22em;line-height:1.2;padding-bottom:.18em;color:#e9fbff;text-shadow:0 0 6px #5fe8ff,0 0 18px rgba(95,232,255,.7);animation:signal-flicker 5s steps(1) infinite}.hero-title-signal:before,.hero-title-signal:after{content:attr(data-text);position:absolute;left:0;top:0;pointer-events:none}.hero-title-signal:before{color:#ff2a6d;transform:translate(-2px);clip-path:inset(0 0 62% 0);opacity:.8;animation:signal-slice 5s steps(1) infinite}.hero-title-signal:after{color:#3ff0ff;transform:translate(2px);clip-path:inset(58% 0 0 0);opacity:.8;animation:signal-slice 5s .12s steps(1) infinite reverse}@keyframes signal-flicker{0%,41%,44%,to{opacity:1}42%{opacity:.35}43%{opacity:.9}}@keyframes signal-slice{0%,88%,to{transform:translate(0);opacity:0}89%{transform:translate(-5px);opacity:.85}91%{transform:translate(4px)}93%{opacity:0}}:root[data-perf=eco] .hero-title-signal,:root[data-perf=eco] .hero-title-signal:before,:root[data-perf=eco] .hero-title-signal:after{animation:none}.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;left:50%;top:-10px;width:min(1100px,100vw);height:100%;min-height:240px;transform:translate(-50%);z-index:-1;background:url(/fx/keyart.webp) center 30% / cover no-repeat;opacity:.32;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 45%,#000 20%,transparent 72%);pointer-events:none}.quick-wrap{display:flex;flex-direction:column;gap:4px}.quick-wrap>.btn{width:100%}.quick-mode{margin-left:6px;padding:1px 6px;font-size:11px;border-radius:999px;border:1px solid currentColor;opacity:.8}.quick-seg{display:flex;justify-content:center;gap:4px}.quick-seg .chip{padding:2px 12px;font-size:12px}.lobby-credit{flex-basis:100%;font-size:11px;opacity:.6}.account{position:relative;padding:12px 14px;margin:10px 0;overflow:hidden}.account:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 0% 0%,rgba(232,192,96,.12),transparent 55%)}.account-in{border-color:#e8c06066}.account-head{position:relative;display:flex;align-items:center;gap:12px}.account-seal{flex:none;display:grid;place-items:center;width:40px;height:40px;font-family:var(--font-brush);font-size:24px;color:#2a0d06;background:radial-gradient(circle at 35% 30%,#ff8a5c,#c4301c 70%);border-radius:6px;transform:rotate(-6deg);box-shadow:0 0 14px #ff5a3273,inset 0 0 6px #0006}.account-seal-off{color:var(--muted);background:transparent;border:1px dashed var(--line-strong);box-shadow:none}.account-who{flex:1;min-width:0}.account-name{font-family:var(--font-head);font-size:17px;color:var(--gold)}.account-sub{font-size:12px;line-height:1.5}.account-form{position:relative;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.account-form .input{width:200px}.account-note{flex-basis:100%;font-size:11px}.style-card{position:relative;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:13px}.style-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.style-card-title{font-family:var(--font-head);color:var(--text);margin-right:4px}.style-tag{padding:1px 8px;border-radius:999px;font-size:12px;color:#1b1030;background:linear-gradient(90deg,var(--gold),#ffd99a);box-shadow:0 0 8px #e8c06073}.style-count{margin-left:auto;font-size:12px}.style-progress{height:4px;border-radius:2px;background:#ffffff14;margin-bottom:8px;overflow:hidden}.style-progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--magenta))}.style-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}.style-row{display:grid;grid-template-columns:6.5em 3.5em 1fr 3.5em;align-items:center;gap:6px}.style-label{color:var(--text)}.style-end{font-size:11px;text-align:center}.style-bar{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,#5fe0ff59,#ffffff14 50%,#ff4fd859)}.style-bar-dot{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:var(--gold);box-shadow:0 0 10px var(--gold)}.style-bot-open{margin-top:6px}.style-bot-list{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:180px;overflow-y:auto}.style-bot-item{display:flex;align-items:baseline;gap:6px;padding:5px 8px;border-radius:8px;border:1px solid rgba(232,192,96,.35);background:#e8c06014;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}.style-bot-item:hover{background:#e8c06033}.style-bot-name{color:var(--gold);font-family:var(--font-head)}.style-bot-tags{font-size:11px;color:var(--muted)}.style-bot-learning{margin-left:auto;font-size:10px;color:var(--cyan)}@media (max-width: 720px){.style-rows{grid-template-columns:1fr}.account-form .input{width:100%}}.style-model{font-size:12px;margin:-2px 0 8px}@media (max-width: 520px){.account-head{flex-wrap:wrap}.account-head>:not(.account-seal){min-width:0;flex:1 1 180px}}.account-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}.account-set-block{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid rgba(255,255,255,.12);background:#0003}.account-set-block .btn{align-self:flex-start}.account-set-title{font-weight:700;font-size:13px}.account-set-warn{font-size:12px;color:#ff8a8a}.account-set-check{display:flex;align-items:center;gap:6px;font-size:12px}.account-set-danger{border-color:#ff5a5a59}.account-set-delete{color:#ff8a8a;border-color:#ff5a5a80}.account-must{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,196,64,.7);background:#3c280059}.account-must-head{font-weight:700;color:#ffc440}.friends{padding:10px 12px;margin-top:10px;border-color:#ffc46e59}.friends-head{display:flex;align-items:center;gap:8px}.friends-sigil{display:grid;place-items:center;width:26px;height:26px;font-family:var(--font-brush);font-size:16px;color:#2a1606;background:radial-gradient(circle at 35% 30%,#ffe2a8,#d18a2a 72%);border-radius:50%;box-shadow:0 0 10px #ffb45073}.friends-title{font-family:var(--font-head);color:var(--gold)}.friends-count{margin-left:auto;font-size:11px}.friends-add{display:flex;gap:6px;margin-top:8px}.friends-add .input{flex:1;min-width:0;padding:4px 8px;font-size:13px}.friends-empty{margin-top:8px;font-size:12px;line-height:1.5}.friends-requests{display:flex;flex-direction:column;gap:4px;margin-top:8px}.friends-request{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 8px;font-size:12px;border-radius:6px;background:#ffc46e1a;border-left:3px solid var(--gold)}.friends-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}.friend{display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:13px;border-radius:6px}.friend:hover{background:#ffffff0a}.friend-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status{font-size:11px;color:var(--muted)}.friend-offline .friend-name{opacity:.55}.friend-remove{border:none;background:none;color:var(--muted);cursor:pointer;font-size:14px;padding:0 2px}.friend-remove:hover{color:#ff6b8a}.friend-dot{display:inline-block;flex:none;width:8px;height:8px;margin-right:2px;border-radius:50%;background:#4a4f63}.friend-lobby .friend-dot{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.friend-room .friend-dot{background:var(--gold);box-shadow:0 0 6px var(--gold)}.friend-playing .friend-dot{background:#ff5a6e;box-shadow:0 0 8px #ff5a6e;animation:friend-pulse 1.4s ease-in-out infinite}@keyframes friend-pulse{50%{transform:scale(1.5);opacity:.6}}.room-invite{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:12px}.room-invite-label{color:var(--gold);font-family:var(--font-head)}.invite-stack{position:fixed;z-index:120;left:12px;bottom:36px;display:flex;flex-direction:column;gap:8px;width:min(320px,calc(100vw - 24px))}.invite-card{display:flex;gap:10px;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,#281608f5,#160e24f5);border:1px solid rgba(255,196,110,.55);box-shadow:0 0 24px #ffaa3c4d,inset 0 0 0 1px #ffffff0a;animation:invite-in .45s cubic-bezier(.2,1.4,.4,1)}@keyframes invite-in{0%{transform:translate(-30px) rotate(-3deg);opacity:0}}.invite-seal{display:grid;place-items:center;flex:none;width:38px;height:38px;font-family:var(--font-brush);font-size:22px;color:#fff3e0;background:#b8341f;border-radius:6px;transform:rotate(-8deg);box-shadow:0 0 12px #ff502880}.invite-body{flex:1;min-width:0}.invite-from{font-size:14px}.invite-meta{margin-top:2px;font-size:11px;color:var(--muted)}.invite-actions{display:flex;gap:6px;margin-top:8px}@media (prefers-reduced-motion: reduce){.invite-card,.friend-playing .friend-dot{animation:none}}.draft{padding:14px 16px;margin-bottom:14px;border-color:#e8c06073;background:radial-gradient(ellipse at 10% 0%,rgba(232,192,96,.14),transparent 50%),var(--panel)}.draft-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.draft-seal{display:grid;place-items:center;width:42px;height:42px;font-family:var(--font-brush);font-size:26px;color:#2a1606;background:radial-gradient(circle at 35% 30%,#ffe2a0,#d18a1c 70%);border-radius:6px;transform:rotate(-6deg);box-shadow:0 0 16px #e8c06080}.draft-title{flex:1;display:flex;flex-direction:column;font-family:var(--font-head);font-size:19px;color:var(--gold);letter-spacing:3px}.draft-sub{font-family:var(--font-ui);font-size:12px;letter-spacing:0}.draft-turn{display:flex;align-items:center;gap:10px;font-weight:700}.draft-turn-me{color:var(--gold);text-shadow:0 0 10px rgba(232,192,96,.6);animation:draft-pulse 1.2s ease-in-out infinite}@keyframes draft-pulse{50%{opacity:.65}}.draft-timer{font-family:var(--font-num);font-size:22px;min-width:2ch;text-align:center;color:var(--cyan)}.draft-timer.low{color:var(--danger)}.draft-order{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}.draft-slot{font-size:11px;padding:2px 6px;border-radius:6px;border:1px solid var(--line);color:var(--muted)}.draft-done{opacity:.4}.draft-now{border-color:var(--gold);color:var(--gold);box-shadow:0 0 8px #e8c06080}.draft-mine{font-weight:700}.draft-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.draft-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;column-gap:6px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#0000004d;color:var(--text);font:inherit;text-align:left}.draft-card:disabled{cursor:default}.draft-can{cursor:pointer;border-color:#e8c06080}.draft-can:hover{transform:translateY(-1px);box-shadow:0 0 12px #e8c06073}.draft-gone{opacity:.35}.draft-name{font-weight:700}.draft-rest{font-size:11px;color:var(--gold);letter-spacing:1px}.draft-desc{grid-column:1 / -1;font-size:11px;color:var(--muted);line-height:1.5}.draft-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px;margin-top:10px}.draft-player{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:#0003}.draft-player-now{border-color:var(--gold)}.draft-player-me .draft-player-name{color:var(--gold)}.draft-player-name{font-weight:700;font-size:13px}.draft-pick{font-size:12px}.draft-pick-empty{color:var(--muted)}@media (prefers-reduced-motion: reduce){.draft-turn-me{animation:none}}.rule-details{margin:4px 0 8px;padding:6px 10px;border:1px dashed var(--line-strong);border-radius:10px}.rule-details>summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.rule-details>summary::-webkit-details-marker{display:none}.rule-details>summary:before{content:"▸ ";color:var(--gold)}.rule-details[open]>summary:before{content:"▾ "}.rule-details[open]>summary{margin-bottom:6px}.rule-details>summary.opt-label{width:auto;min-width:0;white-space:nowrap}.rule-details .opt-note{white-space:normal;overflow-wrap:anywhere;margin-top:4px}.rule-details{min-width:0;max-width:100%}.rule-details .opt-note{display:block;max-width:100%;word-break:break-all}.stamp-palette-chibi{grid-template-columns:repeat(4,84px);gap:6px;padding:8px}.stamp-btn-chibi{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 5px;border-radius:10px;white-space:normal;font-size:11px;line-height:1.2}.stamp-btn-chibi img{width:64px;height:64px;object-fit:contain;transition:transform .15s}.stamp-btn-chibi:hover img{transform:scale(1.12) rotate(-4deg)}.stamp-bubble-chibi{display:flex;flex-direction:column;align-items:center;padding-top:0}.stamp-chibi{width:112px;height:112px;object-fit:contain;margin-top:-64px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));animation:stamp-chibi-pop .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes stamp-chibi-pop{0%{transform:scale(.3) translateY(20px);opacity:0}}@media (max-width: 640px){.stamp-palette-chibi{grid-template-columns:repeat(4,70px)}.stamp-btn-chibi img{width:52px;height:52px}.stamp-chibi{width:84px;height:84px;margin-top:-48px}}.chip-lastskill-tip{cursor:help;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.skilltip{position:fixed;z-index:400;width:max-content;max-width:min(260px,calc(100vw - 16px));transform:translate(-50%);padding:8px 12px 9px;border:1px solid rgba(127,227,255,.5);border-radius:6px;background:linear-gradient(160deg,#0e1628f7,#080a14f7);box-shadow:0 6px 20px #0000008c,0 0 12px #7fe3ff2e;color:#e8eeff;pointer-events:none;animation:skilltip-in .14s ease-out}.skilltip[data-flip]{transform:translate(-50%,-100%)}.skilltip-head{display:flex;align-items:baseline;gap:6px;margin-bottom:3px}.skilltip-kind{flex:none;padding:0 5px;font-size:10px;letter-spacing:.1em;border:1px solid rgba(127,227,255,.45);border-radius:3px;color:#7fe3ff}.skilltip-name{font-size:13px;font-weight:700;letter-spacing:.05em}.skilltip-desc{margin:0;font-size:12px;line-height:1.6;line-break:strict;overflow-wrap:anywhere;color:#e8eeffe0}@keyframes skilltip-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.skilltip{animation:none}}.wait-pct{margin-left:2px;font-family:var(--font-num);font-size:11px;color:var(--cyan);opacity:.9}.wait-pct-total{margin-left:4px;padding:0 7px;border-radius:999px;font-family:var(--font-num);font-size:12px;color:#10202a;background:linear-gradient(90deg,var(--cyan),#b9f4ff);box-shadow:0 0 8px #5fe0ff73;cursor:help;white-space:nowrap}.wait-pts{margin-left:4px;padding:0 5px;font-size:11px;font-weight:700;color:#ffe9a8;background:#ffd25a1f;border:1px solid rgba(255,210,90,.35);border-radius:3px;white-space:nowrap}.wait-pts-none{color:#ff9aa8;background:#ff3c5a1f;border-color:#ff3c5a66}.wait-chip-track{cursor:help}.wait-chip-track:hover{outline:1px solid var(--cyan);outline-offset:1px;border-radius:3px}.danger-chip{margin-left:6px;padding:0 8px;font-size:12px;font-weight:700;border-radius:3px;white-space:nowrap;cursor:help}.danger-lv0{color:#062014;background:#7dffb0}.danger-lv1{color:#0c1e10;background:#c4f08a}.danger-lv2{color:#241a00;background:#ffe066}.danger-lv3{color:#2a0c00;background:#ffa04a}.danger-lv4{color:#fff;background:#e0304e;box-shadow:0 0 8px #ff284699}.call-note{display:block;margin-top:2px;font-size:10px;font-weight:600;letter-spacing:0;color:#bff3ff;white-space:nowrap}.call-note-warn{color:#ffb0bc}.act-pick .call-note{display:inline-block;margin:0 0 0 4px}.melds .tile.tile-same,.center-dora .tile.tile-same{outline:2px solid var(--cyan);outline-offset:0;box-shadow:0 0 10px 2px #5fe0ffa6;z-index:2}.accept-chip{margin-left:6px;padding:0 7px;font-size:12px;font-variant-numeric:tabular-nums;color:#cfe9ff;border:1px solid rgba(120,190,255,.4);border-radius:999px;background:#14325a66;white-space:nowrap}.accept-best{color:#fff3c4;border-color:#ffd25ab3;background:#5a3c0a73}.pf-chip{display:inline-flex;align-items:baseline;gap:6px;max-width:100%;padding:2px 10px 2px 3px;font-size:12px;border-radius:999px;border:1px solid var(--pf);background:color-mix(in srgb,var(--pf) 14%,rgba(8,6,14,.85))}.pf-chip b{padding:0 8px;font-family:var(--font-head);font-size:13px;color:#08060e;border-radius:999px;background:var(--pf)}.pf-reason{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e6e1f2}.pf-push{--pf: #ff7a5a}.pf-mawashi{--pf: #ffd25a}.pf-fold{--pf: #6fd3ff}.my-area:not(.my-area-mobile) .my-row{align-items:flex-end;justify-content:safe center}.my-area:not(.my-area-mobile) .my-meta{position:relative;flex:0 0 auto;min-width:160px;max-width:190px;padding:8px 10px 10px 62px;margin-bottom:6px;border-radius:10px;background:linear-gradient(180deg,#080614d9,#0e0a20e0);border:1px solid var(--line);box-shadow:0 6px 18px #0006}.my-turn .my-meta{border-color:var(--char)!important;box-shadow:0 0 20px color-mix(in srgb,var(--char) 45%,transparent),0 6px 18px #0006!important}.my-area:not(.my-area-mobile) .my-portrait{position:absolute;left:9px;top:9px;width:48px;height:48px;overflow:hidden;box-shadow:0 0 0 2px var(--char)}.my-char{color:var(--char);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-area-mobile .my-portrait,.my-area-mobile .my-char{display:none}.my-area:not(.my-area-mobile) .my-score{font-size:22px}.my-area:not(.my-area-mobile) .my-timer{right:8px;top:4px;font-size:28px}.my-area:not(.my-area-mobile) .my-hand{position:relative;isolation:isolate;padding:0 14px 10px}.my-area:not(.my-area-mobile) .my-hand:before{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;border-radius:6px 6px 10px 10px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 70%,transparent) 15%,color-mix(in srgb,var(--gold) 70%,transparent) 85%,transparent) top / 100% 1px no-repeat,linear-gradient(180deg,#281a1ee6,#08050af2);box-shadow:0 8px 20px #0009,0 -6px 30px color-mix(in srgb,var(--char) 18%,transparent);z-index:-1}.my-turn .my-hand:before{box-shadow:0 8px 20px #0009,0 -8px 36px color-mix(in srgb,var(--char) 40%,transparent)}.my-area:not(.my-area-mobile) .action-bar{min-height:60px}.my-area:not(.my-area-mobile) .act{font-size:28px;padding:12px 30px;min-width:110px;justify-content:center;animation:act-pop .32s cubic-bezier(.2,1.5,.4,1) backwards}.my-area:not(.my-area-mobile) .act-pass,.my-area:not(.my-area-mobile) .act-pick{font-size:18px;min-width:0}@keyframes act-pop{0%{transform:scale(.4) translateY(20px);opacity:0}}.act-win{overflow:visible}.act-win:after{border-radius:6px}.my-area .act-win{box-shadow:0 0 24px #e8c0608c,0 0 #e8c06099;animation:act-pop .32s cubic-bezier(.2,1.5,.4,1) backwards,win-ring 1.3s ease-out infinite .3s}@keyframes win-ring{0%{box-shadow:0 0 24px #e8c0608c,0 0 #e8c060b3}to{box-shadow:0 0 24px #e8c0608c,0 0 0 18px #e8c06000}}.call-target{animation:act-pop .3s cubic-bezier(.2,1.5,.4,1) backwards}@media (prefers-reduced-motion: reduce){.my-area .act,.my-area .act-win{animation:none}}.my-area .tile-hand-dora{--tile-edge: #f2c75c;--tile-edge-2: #a8741c;outline:2px solid #f2c75c;outline-offset:-1px;border-radius:9%}.my-area .tile-hand-dora:not([class*=tile-glow]){filter:drop-shadow(0 0 7px rgba(242,199,92,.95))}.my-area .tile-hand-dora:after{background:linear-gradient(115deg,transparent 35%,rgba(255,226,140,.75) 48%,transparent 60%) 0 0 / 260% 100% no-repeat,linear-gradient(135deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.08) 22%,transparent 45%),linear-gradient(0deg,rgba(242,199,92,.25),transparent 40%);mix-blend-mode:normal;animation:hand-dora-sheen 2.8s ease-in-out infinite}@keyframes hand-dora-sheen{0%,55%{background-position:130% 0,0 0,0 0}to{background-position:-40% 0,0 0,0 0}}:root[data-perf=eco] .my-area .tile-hand-dora:after{animation:none;background-position:50% 0,0 0,0 0}@media (prefers-reduced-motion: reduce){.my-area .tile-hand-dora:after{animation:none}}.act-key{margin-left:8px;padding:0 5px;font-family:var(--font-num);font-size:11px;line-height:16px;vertical-align:middle;color:#ffffffbf;border:1px solid rgba(255,255,255,.35);border-radius:3px}.my-area-mobile .act-key{display:none}@media (hover: none){.act-key{display:none}}.my-turn .my-hand:before{animation:turn-flash .7s ease-out 1}@keyframes turn-flash{0%{box-shadow:0 8px 20px #0009,0 -10px 60px color-mix(in srgb,var(--char) 85%,transparent)}}.urgent-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;box-shadow:inset 0 0 80px 10px #ff283c59;animation:urgent 1s ease-in-out infinite}@keyframes urgent{50%{box-shadow:inset 0 0 120px 24px #ff283c8c}}.my-hand{position:relative}.tenpai-ready{position:absolute;left:0;right:0;bottom:-4px;height:3px;pointer-events:none;z-index:4;background:linear-gradient(90deg,transparent,var(--char, #5fe0ff) 45%,#fff 50%,var(--char, #5fe0ff) 55%,transparent);background-size:40% 100%;background-repeat:no-repeat;box-shadow:0 0 12px var(--char, #5fe0ff);animation:tenpai-sweep 1.1s cubic-bezier(.3,.7,.2,1) both,tenpai-fade 1.6s ease-in both}@keyframes tenpai-sweep{0%{background-position:-50% 0}to{background-position:150% 0}}@keyframes tenpai-fade{0%,70%{opacity:1}to{opacity:0}}.tenpai-ready-label{position:absolute;right:0;bottom:6px;padding:0 8px;font-family:var(--font-num);font-weight:800;font-size:12px;letter-spacing:.35em;color:#061018;background:var(--char, #5fe0ff);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);animation:tenpai-label 1.6s cubic-bezier(.2,1.3,.4,1) both}@keyframes tenpai-label{0%{opacity:0;transform:translate(-20px)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.tenpai-ready,.tenpai-ready-label{animation:none}}.urgent-signal{position:absolute;left:50%;top:12%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:4px 14px;background:#1e020ac7;border:1px solid rgba(255,40,60,.7);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);animation:urgent-tick 1s steps(1) both}@keyframes urgent-tick{0%{transform:translate(calc(-50% - 4px)) skew(-8deg);filter:brightness(1.8)}8%{transform:translate(calc(-50% + 3px))}16%{transform:translate(-50%);filter:none}}.urgent-bars{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.urgent-bars i{width:4px;background:#ff5a6e40}.urgent-bars i:nth-child(1){height:20%}.urgent-bars i:nth-child(2){height:40%}.urgent-bars i:nth-child(3){height:60%}.urgent-bars i:nth-child(4){height:80%}.urgent-bars i:nth-child(5){height:100%}.urgent-bars i.on{background:#ff5a6e;box-shadow:0 0 6px #ff3c50e6}.urgent-label{font-family:var(--font-num);font-size:12px;letter-spacing:.3em;color:#ff8a9a}.urgent-sec{font-family:var(--font-num);font-weight:800;font-size:26px;line-height:1;color:#fff;text-shadow:2px 0 #26e0ff,-2px 0 #ff2850}.urgent-critical{animation-duration:.5s;box-shadow:inset 0 0 120px 30px #ff1e3280}.urgent-critical .urgent-label{color:#fff;animation:sl-tear .2s steps(2) infinite alternate}:root[data-perf=eco] .urgent-vignette,:root[data-perf=eco] .urgent-signal,:root[data-perf=eco] .urgent-critical .urgent-label{animation:none}@media (prefers-reduced-motion: reduce){.urgent-vignette,.my-turn .my-hand:before{animation:none}}.my-area-mobile .hand-slot{touch-action:none}@media (pointer: coarse){.hand-slot{touch-action:none}}.psi-info{display:flex;flex-direction:column;gap:6px;margin:6px 0 2px}.psi-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 8px;font-size:12px;line-height:1.4;border-radius:6px;background:linear-gradient(90deg,#5fe0ff1a,#5fe0ff05);border-left:2px solid var(--cyan)}.psi-label{width:100%;font-size:10px;letter-spacing:.12em;color:var(--cyan);opacity:.85}.psi-note{width:100%;font-size:10px;color:var(--muted)}.psi-sigil{display:grid;place-items:center;flex:none;width:20px;height:20px;font-family:var(--font-brush);font-size:13px;border-radius:4px;color:#fff}.psi-lock{background:linear-gradient(90deg,#ffd65a2e,#ffd65a05);border-left-color:#ffd65a;animation:psi-flicker 2.4s steps(1) infinite}.psi-lock .psi-sigil{background:#c99a12;box-shadow:0 0 10px #ffd65a}@keyframes psi-flicker{0%,92%,to{filter:none}93%,96%{filter:brightness(1.8)}}.psi-overdrive{background:repeating-linear-gradient(90deg,#ff3c5a33 0,#ff3c5a33 3px,#ff3c5a14 3px,#ff3c5a14 6px);border-left-color:#ff3c5a;text-shadow:1px 0 rgba(95,224,255,.6),-1px 0 rgba(255,60,90,.6)}.psi-overdrive .psi-sigil{background:#b3122c;box-shadow:0 0 10px #ff3c5a}.psi-warn{opacity:.85}.psi-tiles{display:flex;gap:3px}.psi-ft{position:relative}.psi-ft i{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);font-size:9px;font-style:normal;color:var(--cyan)}.psi-foresight .psi-tiles{margin-bottom:8px}.psi-wait{display:flex;align-items:baseline;gap:8px;width:100%;font-variant-numeric:tabular-nums}.psi-wait-cut{min-width:4.5em;color:var(--muted)}.psi-wait-list{display:flex;gap:6px;flex:1}.psi-wait-list b{margin-left:1px;color:var(--cyan)}.psi-wait-total{font-weight:700;color:var(--gold)}.psi-wait-dead .psi-wait-total{color:#ff6b8a}.psi-chip{padding:1px 7px;font-size:11px;border-radius:999px;border:1px solid currentColor}.psi-chip-hit{color:#ff6b8a;background:#ff3c5a1f}.psi-chip-safe{color:var(--cyan);background:#5fe0ff14}.psi-memo{width:100%}.psi-memo b{margin-right:4px;color:var(--cyan);font-weight:600}.skill-btn:has(.skill-btn-ct){position:relative;opacity:.75}.skill-btn-ct{position:absolute;top:-6px;right:-4px;padding:0 5px;font-size:10px;line-height:16px;font-variant-numeric:tabular-nums;color:#ffd9de;background:#6d1a2a;border:1px solid #ff6b8a;border-radius:8px;pointer-events:none}.psi-pick-backdrop{z-index:140}.psi-pick{position:relative;width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;padding:16px 18px 14px;border-color:color-mix(in srgb,var(--char) 60%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--char) 30%,transparent),inset 0 0 0 1px #ffffff0a}.psi-pick:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px);border-radius:inherit}.psi-pick-head{display:flex;gap:12px;align-items:center}.psi-pick-seal{display:grid;place-items:center;flex:none;width:44px;height:44px;font-family:var(--font-brush);font-size:26px;color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--char) 70%,white),var(--char) 75%);border-radius:8px;transform:rotate(-6deg);box-shadow:0 0 16px var(--char)}.psi-pick-name{font-family:var(--font-head);font-size:18px;color:var(--char)}.psi-pick-desc{font-size:12px;line-height:1.5;color:var(--muted)}.psi-pick-step{margin:12px 0 8px;padding:4px 10px;font-size:13px;border-left:3px solid var(--char);background:color-mix(in srgb,var(--char) 10%,transparent)}.psi-pick-label{margin-top:8px;font-size:11px;letter-spacing:.15em;color:var(--muted)}.psi-pick-tiles{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.psi-pick-hand{flex-wrap:nowrap;gap:3px;justify-content:safe center}.psi-pick-river{padding:6px;border-radius:6px;background:#00000040}.psi-pick-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.psi-suits{display:flex;gap:10px;justify-content:center;margin:6px 0 4px}.psi-suit{--suit: #ff5a4a;position:relative;display:flex;flex-direction:column;align-items:center;width:88px;padding:8px 0 6px;cursor:pointer;color:#fff;background:linear-gradient(160deg,#14101ef2,#281428e6);border:1px solid color-mix(in srgb,var(--suit) 55%,transparent);border-radius:10px;transition:transform .15s,box-shadow .15s}.psi-suit-1{--suit: #4aa8ff}.psi-suit-2{--suit: #3fd68a}.psi-suit:hover{transform:translateY(-2px);box-shadow:0 0 18px color-mix(in srgb,var(--suit) 50%,transparent)}.psi-suit-on{transform:translateY(-2px) scale(1.04);box-shadow:0 0 24px var(--suit),inset 0 0 12px color-mix(in srgb,var(--suit) 35%,transparent);border-color:var(--suit)}.psi-suit-kanji{font-family:var(--font-brush);font-size:34px;line-height:1.1;color:var(--suit);text-shadow:0 0 10px var(--suit)}.psi-suit-name{font-size:11px;letter-spacing:.2em;color:var(--muted)}@media (prefers-reduced-motion: reduce){.psi-lock{animation:none}}.dock-common-deck{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:6px;align-items:stretch}.sc{--sc-ink: #8fa3c0;position:relative;min-width:0;min-height:74px;padding:16px 6px 6px;border-radius:6px;border:1px solid color-mix(in srgb,var(--sc-ink) 55%,transparent);background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(255,255,255,.025) 7px 8px),linear-gradient(180deg,color-mix(in srgb,var(--sc-ink) 22%,#120f1c),#0b0912 80%);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;overflow:hidden;transition:transform .14s,box-shadow .2s,filter .2s}.sc:before,.sc:after{content:"";position:absolute;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--sc-ink) 70%,transparent),transparent);opacity:.7}.sc:before{left:3px}.sc:after{right:3px}.sc-cat-info{--sc-ink: #5fd8ff}.sc-cat-control{--sc-ink: #e8c060}.sc-cat-disrupt{--sc-ink: #ff4fa3}.sc-cat-defense{--sc-ink: #7dffb0}.sc-cat-time{--sc-ink: #b9a4ff}.sc-sigil{position:absolute;top:3px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-brush);font-size:11px;color:#120f1c;background:var(--sc-ink);box-shadow:0 0 8px color-mix(in srgb,var(--sc-ink) 60%,transparent)}.sc-name{font-family:var(--font-brush);font-size:14px;line-height:1.15;text-align:center;color:var(--text);word-break:keep-all;overflow-wrap:anywhere}.sc-cost{font-family:var(--font-num);font-size:11px;color:var(--sc-ink)}.sc-desc{display:none;font-size:11px;line-height:1.45;text-align:left;color:var(--muted)}.sc-ready{color:var(--text);box-shadow:0 0 12px color-mix(in srgb,var(--sc-ink) 40%,transparent),inset 0 0 14px color-mix(in srgb,var(--sc-ink) 18%,transparent)}.sc-ready:hover{transform:translateY(-3px) rotate(-1deg)}.sc-off{cursor:default;filter:saturate(.4) brightness(.75)}.sc-pending{outline:2px solid var(--cyan)}.deck-ctl{display:flex;flex-direction:column;gap:6px;align-items:stretch}.deck-pile{position:relative;width:46px;height:46px;display:grid;place-items:center}.deck-pile-stack{position:absolute;top:4px;right:6px;bottom:4px;left:6px;border-radius:4px;background:linear-gradient(160deg,#2a2140,#120f1c);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);box-shadow:2px 2px 0 -1px #0b0912,3px 3px 0 -1px color-mix(in srgb,var(--gold) 30%,transparent),5px 5px 0 -2px #0b0912,6px 6px 0 -2px color-mix(in srgb,var(--gold) 20%,transparent)}.deck-pile-num{position:relative;font-family:var(--font-num);font-size:15px;color:var(--gold)}.deck-pile-label{position:absolute;bottom:-2px;font-size:9px;letter-spacing:.2em;color:var(--muted)}.deck-reroll{border:1px solid color-mix(in srgb,var(--magenta) 60%,var(--line));border-radius:6px;background:#00000059;color:var(--text);padding:4px 6px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.deck-reroll:disabled{opacity:.4;cursor:default}.deck-reroll:not(:disabled):hover{box-shadow:0 0 10px color-mix(in srgb,var(--magenta) 60%,transparent)}.deck-reroll-label{font-family:var(--font-brush);font-size:12px}.deck-reroll-cost{font-family:var(--font-num);font-size:10px;color:var(--magenta)}.deck-picks{position:absolute;left:8px;right:8px;bottom:calc(100% + 8px);z-index:5;padding:10px;border-radius:10px;background:#0a0814f0;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);box-shadow:0 10px 30px #0009,0 0 20px color-mix(in srgb,var(--gold) 20%,transparent);animation:deck-picks-in .25s ease-out}.deck-picks-title{font-family:var(--font-brush);color:var(--gold);font-size:14px;margin-bottom:6px}.deck-picks-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.deck-picks .sc{min-height:110px;justify-content:flex-start;padding-top:24px;animation:sc-deal .42s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:var(--sc-delay, 0ms)}.deck-picks .sc-desc{display:block}.sc-pick{color:var(--text)}.sc-pick:hover{transform:translateY(-3px);box-shadow:0 0 16px color-mix(in srgb,var(--sc-ink) 55%,transparent)}.deck-picks-note{margin-top:6px;font-size:10px;color:var(--muted)}@keyframes deck-picks-in{0%{opacity:0;transform:translateY(8px)}}@keyframes sc-deal{0%{opacity:0;transform:translateY(14px) rotateY(80deg)}}.dock-common-deck.deck-shuffling .sc{animation:sc-shuffle .8s ease-in-out}.dock-common-deck.deck-shuffling .sc:nth-child(2){animation-delay:.06s}.dock-common-deck.deck-shuffling .sc:nth-child(3){animation-delay:.12s}@keyframes sc-shuffle{0%{transform:none}35%{transform:translate(var(--sx, 30px)) rotate(8deg) scale(.9);opacity:.4}60%{transform:translate(0) rotateY(90deg)}to{transform:none}}:root[data-perf=eco] .deck-picks .sc,:root[data-perf=eco] .dock-common-deck.deck-shuffling .sc{animation:none}@media (prefers-reduced-motion: reduce){.deck-picks .sc,.dock-common-deck.deck-shuffling .sc{animation:none}}.cutin{animation-duration:var(--dur, 2.6s)}.cutin-bg{position:absolute;top:0;right:0;bottom:0;left:0;animation:cutin-bg-in .35s ease-out both}@keyframes cutin-bg-in{0%{opacity:0}}.cutin-art{position:absolute;z-index:2;left:2%;bottom:0;width:min(54vw,720px);height:min(78vh,680px);animation:portrait-in .6s cubic-bezier(.2,.9,.2,1) both}.cutin-art .cutin-portrait{position:absolute;inset:auto 0 0 0;width:100%;height:100%;object-fit:contain;object-position:left bottom;animation:none;aspect-ratio:auto;left:0}.cutin-art-img{display:block;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 16%);mask-image:linear-gradient(to top,transparent 0,#000 16%)}.cutin .cutin-text{position:absolute;right:5%;top:20%;width:max-content;max-width:60vw;z-index:4}.cutin .cutin-skill{position:relative;display:inline-block;white-space:nowrap;font-size:clamp(44px,8.4vw,124px)}.cutin-skill>span{position:relative;z-index:1}.cutin-line,.cutin .cutin-sub{display:block;width:fit-content;margin-left:auto;padding:3px 12px 3px 28px;background:linear-gradient(90deg,transparent,rgba(8,6,14,.82) 22px)}.cutin-line{letter-spacing:.02em;max-width:100%;margin-top:14px;font-family:var(--font-head);font-size:clamp(16px,2.2vw,26px);color:#fff;text-shadow:0 0 12px #000,0 0 2px #000;animation:cutin-line-in .4s .45s ease-out both}@keyframes cutin-line-in{0%{opacity:0;transform:translateY(8px)}}.cutin-limit{display:inline-block;margin-top:6px;padding:2px 14px;font-family:var(--font-head);font-size:clamp(18px,2.6vw,30px);color:#1a1206;background:linear-gradient(90deg,#ffe9a0,var(--gold, #e8c25a));letter-spacing:.3em}.cutin-narukami .cutin-bg{background:radial-gradient(ellipse at 30% 70%,color-mix(in srgb,var(--char) 35%,transparent),transparent 60%),linear-gradient(100deg,#0a0614eb,#1e0e1adb 55%,#0a061499)}.cutin-narukami .cutin-band{background:linear-gradient(90deg,transparent 0%,#b3202a 20%,color-mix(in srgb,var(--char) 70%,#b3202a) 50%,#b3202a 80%,transparent 100%);box-shadow:0 0 50px #ff463c99;height:26%;top:24%;opacity:.55}.cutin-narukami .cutin-band-2{top:52%;height:3px;background:#f1e3bf;opacity:.9}.cn-ofuda{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cn-ofuda img{position:absolute;top:calc(-16% + var(--i) * 2%);right:calc(-12% + var(--i) * 5%);width:clamp(44px,6vw,84px);filter:drop-shadow(0 4px 10px rgba(0,0,0,.6));opacity:0;animation:ofuda-fly 1.6s calc(var(--i) * .07s) cubic-bezier(.15,.8,.3,1) forwards}.cn-ofuda img:nth-child(odd){top:calc(56% + var(--i) * 4%)}@keyframes ofuda-fly{0%{opacity:0;transform:translate(30vw) rotate(-40deg)}20%{opacity:1}to{opacity:.9;transform:translate(calc(-18vw - var(--i) * 6vw)) rotate(calc(-12deg + var(--i) * 7deg))}}.cn-bolt{position:absolute;right:26%;top:-6%;height:112%;z-index:2;mix-blend-mode:screen;opacity:0;animation:bolt-flash .7s .18s steps(1) both}@keyframes bolt-flash{0%{opacity:1}12%{opacity:.2}22%{opacity:1}40%{opacity:.5}60%{opacity:.85}to{opacity:0}}.cutin-narukami:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff6d0;mix-blend-mode:overlay;opacity:0;animation:nk-flash .5s .18s ease-out both;pointer-events:none}@keyframes nk-flash{0%{opacity:.9}to{opacity:0}}.cutin-narukami .cutin-kicker{font-family:var(--font-brush);color:#f1e3bf;letter-spacing:.4em;font-size:clamp(14px,1.8vw,20px)}.cutin-narukami .cutin-skill{color:#fff;text-shadow:0 0 20px var(--char),0 0 3px #000,0 6px 0 rgba(0,0,0,.5)}.cn-brush{position:absolute;left:58%;top:52%;width:118%;max-width:none;transform:translate(-50%,-50%);z-index:0;opacity:.95;clip-path:inset(0 100% 0 0);animation:brush-reveal .42s .08s cubic-bezier(.5,0,.3,1) forwards}@keyframes brush-reveal{to{clip-path:inset(0 0 0 0)}}.cutin-odds .cutin-bg{background:repeating-linear-gradient(0deg,rgba(95,232,255,.07) 0 1px,transparent 1px 4px),radial-gradient(ellipse at 30% 70%,color-mix(in srgb,var(--char) 30%,transparent),transparent 60%),linear-gradient(100deg,#020814f0,#061022db 55%,#02081499)}.co-hex{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/fx/hexgrid.svg) repeat;background-size:60px auto;opacity:.35;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 65%);mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 65%);animation:hex-drift 2.6s linear both}@keyframes hex-drift{0%{background-position:0 0;opacity:0}15%{opacity:.35}to{background-position:-120px 0}}.co-frame{position:absolute;right:3%;top:14%;width:min(62vw,900px);z-index:2;opacity:0;animation:frame-boot .5s .1s steps(4) forwards}@keyframes frame-boot{0%{opacity:0;transform:scaleY(.05)}50%{opacity:1;transform:scaleY(1.05)}to{opacity:.9;transform:none}}.cutin-odds .cutin-band{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--char) 60%,#062030) 25%,var(--char) 50%,color-mix(in srgb,var(--char) 60%,#062030) 75%,transparent 100%);height:20%;top:28%;opacity:.4;transform:skewY(-4deg)}.cutin-odds .cutin-band-2{background:#5fe8ff;height:2px;top:50%;box-shadow:0 0 12px #5fe8ff}.cutin-odds .cutin-kicker{font-family:var(--font-num);color:#5fe8ff;letter-spacing:.5em}.cutin-odds .cutin-skill{font-family:var(--font-head);font-weight:900;color:#fff;letter-spacing:.06em;text-shadow:-3px 0 rgba(255,40,80,.85),3px 0 rgba(60,240,255,.85),0 0 24px var(--char);animation:odds-title .6s steps(6) both}@keyframes odds-title{0%{clip-path:inset(40% 0 45% 0);transform:translate(-20px)}30%{clip-path:inset(0 0 60% 0);transform:translate(12px)}60%{clip-path:inset(50% 0 0 0);transform:translate(-6px)}to{clip-path:inset(0 0 0 0);transform:none}}.co-slice{pointer-events:none;mix-blend-mode:screen;opacity:.85}.co-slice-1{filter:drop-shadow(0 0 0 #ff2850) sepia(1) saturate(6) hue-rotate(-50deg);animation:slice-a .9s steps(1) both}.co-slice-2{filter:sepia(1) saturate(6) hue-rotate(140deg);animation:slice-b .9s steps(1) both}@keyframes slice-a{0%{clip-path:inset(12% 0 78% 0);transform:translate(-18px)}20%{clip-path:inset(44% 0 44% 0);transform:translate(14px)}40%{clip-path:inset(70% 0 18% 0);transform:translate(-10px)}60%{clip-path:inset(26% 0 66% 0);transform:translate(8px)}80%,to{clip-path:inset(100% 0 0 0);transform:none}}@keyframes slice-b{0%{clip-path:inset(60% 0 30% 0);transform:translate(16px)}25%{clip-path:inset(8% 0 84% 0);transform:translate(-12px)}50%{clip-path:inset(36% 0 56% 0);transform:translate(10px)}75%,to{clip-path:inset(100% 0 0 0);transform:none}}.cutin.cutin-mode-win .cutin-skill{font-size:clamp(80px,15vw,210px);letter-spacing:.08em}.cutin-mode-win.cutin-narukami .cn-brush{width:160%}.cutin-mode-win .cutin-text{top:16%}.cutin-mode-overdrive .cutin-bg{background:repeating-linear-gradient(0deg,rgba(255,40,60,.16) 0 2px,transparent 2px 6px),radial-gradient(ellipse at 50% 50%,#ff283c59,#140006eb 70%)}.cutin-mode-overdrive .cutin-band{background:linear-gradient(90deg,transparent,#ff2a3d 30%,#ff6a3d 50%,#ff2a3d 70%,transparent);opacity:.45}.cutin-mode-overdrive .cutin-portrait:not(.co-slice){filter:drop-shadow(0 0 24px #ff2a3d) saturate(1.2) contrast(1.1)}.od-logo{position:absolute;left:60%;top:24%;width:min(68vw,860px);transform:translate(-50%,-50%);z-index:3;animation:od-logo 1.9s steps(1) both}@keyframes od-logo{0%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}6%{opacity:1;transform:translate(-52%,-50%) scale(1.05) skew(-8deg)}10%{transform:translate(-48%,-50%) scale(1)}14%,70%{transform:translate(-50%,-50%)}72%{transform:translate(-51%,-49%) skew(6deg)}74%,to{transform:translate(-50%,-50%)}}.cutin-mode-overdrive .cutin-text{top:auto;bottom:14%}.cutin-mode-overdrive .cutin-kicker{color:#ff8a94}.skill-bands{position:fixed;right:0;top:18%;z-index:115;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.skill-band{position:relative;display:flex;align-items:center;gap:10px;padding:7px 22px 7px 14px;font-family:var(--font-head);font-size:15px;color:#fff;white-space:nowrap;animation:band-slide 2.3s cubic-bezier(.2,.9,.2,1) both;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%)}@keyframes band-slide{0%{transform:translate(110%)}14%,82%{transform:none;opacity:1}to{transform:translate(20%);opacity:0}}.skill-band-narukami{background:linear-gradient(90deg,#1a0c0aeb,#461212eb);border-left:3px solid #c0212c;box-shadow:inset 0 -2px #f1e3bf33}.skill-band-odds,.skill-band-none{background:linear-gradient(90deg,#020c18eb,#081e34eb);border-left:3px solid #5fe8ff;box-shadow:inset 0 0 0 1px #5fe8ff33}.skill-band-mark{width:16px;height:30px;flex:none}.skill-band-narukami .skill-band-mark{background:url(/fx/ofuda-mei.svg) center / contain no-repeat}.skill-band-odds .skill-band-mark,.skill-band-none .skill-band-mark{height:16px;background:url(/fx/hexgrid.svg) center / 200% auto;border:1px solid #5fe8ff}.toast.toast-narukami{border-left:3px solid #c0212c;background:linear-gradient(90deg,#3c0e0ee6,#140a0ed9)}.toast.toast-odds{border-left:3px solid #5fe8ff;background:linear-gradient(90deg,#041e30e6,#040c18d9)}@media (max-width: 640px){.cutin-art{width:92vw;height:62vh;left:-6%}.cutin .cutin-text{top:auto;bottom:8%;right:4%;max-width:88vw}.co-frame{width:96vw;top:auto;bottom:4%}.skill-band{font-size:13px}}.cutin-line,.banter,.oc-quote-line,.oc-line,.mi-line,.toast,.sl-line,.sl-toast-line,.taro-say,.tw-text{word-break:auto-phrase;line-break:strict;text-wrap:balance}.cutin .cutin-line{letter-spacing:.02em;animation:cutin-line-in .4s .45s ease-out both}.phrase{display:inline-block;white-space:pre-wrap}.log-notice{display:block;font-weight:700}.log-narukami .log-notice{color:#ff8a7a}.log-odds .log-notice{color:#6fe6ff}.log-detail{display:block;font-size:.88em;opacity:.75}.cutin-narukami .cutin-bg{background:radial-gradient(ellipse at 30% 70%,color-mix(in srgb,var(--char) 30%,transparent),transparent 60%),linear-gradient(100deg,#0a0614db,#1e0e1a9e 55%,#0a061480),url(/fx/bg-wakou.webp) center / cover no-repeat;animation:cutin-bg-in .35s ease-out both,bg-push 2.6s ease-out both}.cutin-odds .cutin-bg{background:repeating-linear-gradient(0deg,rgba(95,232,255,.06) 0 1px,transparent 1px 4px),radial-gradient(ellipse at 30% 70%,color-mix(in srgb,var(--char) 26%,transparent),transparent 60%),linear-gradient(100deg,#020814e0,#06102299 55%,#02081480),url(/fx/bg-odds.webp) center / cover no-repeat;animation:cutin-bg-in .35s ease-out both,bg-push 2.6s ease-out both}.cutin-mode-overdrive .cutin-bg{background:repeating-linear-gradient(0deg,rgba(255,40,60,.14) 0 2px,transparent 2px 6px),radial-gradient(ellipse at 50% 50%,#ff283c40,#140006cc 75%),url(/fx/bg-overdrive.webp) center / cover no-repeat}@keyframes bg-push{0%{transform:scale(1.08)}}.cutin-narukami:after{z-index:1;mix-blend-mode:normal;background:radial-gradient(ellipse at 70% 30%,rgba(255,246,208,.55),transparent 65%);animation-name:nk-flash-soft}@keyframes nk-flash-soft{0%{opacity:.7}to{opacity:0}}.cn-bolt{z-index:1;opacity:.85}.cn-ofuda img{filter:none}.co-slice{mix-blend-mode:normal;opacity:.5}.co-slice-1{filter:sepia(1) saturate(3) hue-rotate(-50deg) brightness(.85)}.co-slice-2{filter:sepia(1) saturate(3) hue-rotate(140deg) brightness(.85)}.cutin .cutin-art .cutin-portrait{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--char) 55%,transparent))}.cutin-mode-overdrive .cutin-art .cutin-portrait:not(.co-slice){filter:drop-shadow(0 0 14px rgba(255,42,61,.6)) contrast(1.05)}.cutin-art,.cn-ofuda img,.cn-bolt,.co-frame,.od-logo,.cutin-bg{will-change:transform,opacity}:root[data-perf=eco] .cn-ofuda img:nth-child(n+4),:root[data-perf=eco] .co-slice,:root[data-perf=eco] .cn-bolt{display:none}:root[data-perf=eco] .co-hex,:root[data-perf=eco] .cutin-bg{animation:cutin-bg-in .35s ease-out both}:root[data-perf=eco] .cutin .cutin-art .cutin-portrait{filter:none}.cutin-desc{display:block;width:fit-content;max-width:min(46vw,560px);margin:8px 0 0 auto;padding:5px 12px;font-family:var(--font-head);font-size:clamp(12px,1.4vw,15px);line-height:1.5;letter-spacing:.02em;color:#f4eedf;text-align:left;background:#08060ed1;border-left:3px solid var(--char);animation:cutin-line-in .4s .3s ease-out both}.skill-band{align-items:flex-start;white-space:normal;max-width:min(420px,80vw)}.skill-band-body{display:flex;flex-direction:column;gap:2px}.skill-band-text{white-space:nowrap}.skill-band-desc{font-size:12px;line-height:1.4;opacity:.85;word-break:auto-phrase;overflow-wrap:anywhere}.skill-band-body{min-width:0}.skill-band{animation-duration:3.4s}@media (max-width: 640px){.cutin-desc{max-width:88vw}}:root[data-perf=eco] .cn-ofuda,:root[data-perf=eco] .cn-bolt,:root[data-perf=eco] .co-slice,:root[data-perf=eco] .co-hex,:root[data-perf=eco] .co-frame,:root[data-perf=eco] .cutin-band-2{display:none}:root[data-perf=eco] .cutin-narukami:after{content:none}:root[data-perf=eco] .cutin .cutin-band{box-shadow:none;opacity:.35}:root[data-perf=eco] .cutin .cutin-skill,:root[data-perf=eco] .cutin-odds .cutin-skill{text-shadow:0 2px 0 rgba(0,0,0,.6);animation:cutin-line-in .3s ease-out both}:root[data-perf=eco] .cn-brush{clip-path:none;animation:none}:root[data-perf=eco] .cutin-art,:root[data-perf=eco] .cn-ofuda img,:root[data-perf=eco] .cutin-bg{will-change:auto}:root[data-perf=eco] .od-logo{animation:eco-fade .3s ease-out both;transform:translate(-50%,-50%)}@keyframes eco-fade{0%{opacity:0}}:root[data-perf=eco] .cutin-line,:root[data-perf=eco] .cutin-desc,:root[data-perf=eco] .cutin .cutin-sub{text-shadow:none}.cutin-glitch{animation:pg-flicker 3.2s steps(1) infinite!important}.cutin .cutin-art .cutin-portrait.cutin-glitch{filter:drop-shadow(-3px 0 rgba(255,0,80,.6)) drop-shadow(3px 0 rgba(0,240,255,.6))}.pg-cutin-ghost{pointer-events:none;mix-blend-mode:screen;opacity:.8;-webkit-mask-image:none;mask-image:none}.pg-cutin-ghost.pg-ghost-a{filter:grayscale(1) sepia(1) saturate(8) hue-rotate(-45deg)!important;clip-path:inset(48% 0 46% 0);animation:pg-slice-a 2.1s steps(1) infinite!important}.pg-cutin-ghost.pg-ghost-b{filter:grayscale(1) sepia(1) saturate(8) hue-rotate(150deg)!important;clip-path:inset(20% 0 74% 0);animation:pg-slice-b 1.7s steps(1) infinite!important}:root[data-perf=eco] .cutin-glitch,:root[data-perf=eco] .pg-cutin-ghost{animation:none!important}.cutin-mio .cutin-bg{background:radial-gradient(ellipse at 30% 70%,color-mix(in srgb,var(--char) 30%,transparent),transparent 60%),linear-gradient(180deg,#02141ee6,#042834cc 60%,#021e28eb);animation:cutin-bg-in .35s ease-out both,bg-push 2.6s ease-out both}.cm-tide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cm-tide i{position:absolute;left:-10%;right:-10%;bottom:-30%;height:60%;border-radius:50% 50% 0 0/22% 22% 0 0;background:linear-gradient(180deg,rgba(120,255,240,.35),rgba(46,196,182,.12) 30%,transparent 70%);border-top:2px solid rgba(190,255,248,.7);animation:cm-tide 1.6s cubic-bezier(.2,.8,.2,1) both}.cm-tide i:nth-child(2){animation-delay:.12s;opacity:.7;left:-25%}.cm-tide i:nth-child(3){animation-delay:.24s;opacity:.5;right:-25%}@keyframes cm-tide{0%{transform:translateY(60%) scaleX(1.1)}60%{transform:translateY(-8%)}to{transform:translateY(0) scaleX(1)}}.cutin-mio .cutin-band{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--char) 55%,#02303a) 25%,#9ffff4 50%,color-mix(in srgb,var(--char) 55%,#02303a) 75%,transparent 100%);height:16%;top:30%;opacity:.45}.cutin-mio .cutin-band-2{background:#2ec4b6;height:2px;top:50%;box-shadow:0 0 12px #2ec4b6}.cutin-mio .cutin-kicker{font-family:var(--font-head);color:#9ffff4;letter-spacing:.4em}.cutin-mio .cutin-skill{font-family:var(--font-head);font-weight:900;color:#fff;text-shadow:0 0 18px #2ec4b6,0 3px 0 #02303a}:root[data-perf=eco] .cm-tide{display:none}@media (prefers-reduced-motion: reduce){.cm-tide i{animation:none}}.cutin-tier-mangan .cutin-limit,.cutin-tier-haneman .cutin-limit,.cutin-tier-baiman .cutin-limit,.cutin-tier-sanbaiman .cutin-limit{display:inline-block;padding:0 14px;font-family:var(--font-brush);font-size:clamp(26px,4.4vw,44px);color:#fff3c4;background:linear-gradient(90deg,transparent,rgba(60,40,0,.75) 15%,rgba(60,40,0,.75) 85%,transparent);text-shadow:0 0 14px rgba(255,210,90,.9),0 2px 0 rgba(0,0,0,.6);animation:cutin-limit-in .5s .45s cubic-bezier(.2,1.4,.4,1) both}.cutin-tier-baiman .cutin-limit,.cutin-tier-sanbaiman .cutin-limit{font-size:clamp(32px,5.6vw,58px)}@keyframes cutin-limit-in{0%{opacity:0;transform:scale(2.2)}}.cutin-tier-glow{position:absolute;left:4%;bottom:0;width:46%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,rgba(255,215,110,.55),rgba(255,180,60,.18) 40%,transparent 70%);mix-blend-mode:screen;animation:cutin-tier-glow 1.6s ease-in-out infinite alternate}@keyframes cutin-tier-glow{0%{opacity:.55}to{opacity:1}}.cutin-scene{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;filter:saturate(1.15) brightness(.75);animation:cutin-scene-in .9s .1s ease-out forwards;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}@keyframes cutin-scene-in{0%{opacity:0;transform:scale(1.12)}to{opacity:.85;transform:scale(1)}}.cutin-tier-frame{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:3px double rgba(255,220,120,.85);box-shadow:0 0 24px #ffc85a80,inset 0 0 24px #ffc85a59;pointer-events:none;animation:cutin-limit-in .6s .2s ease-out both}@media (prefers-reduced-motion: reduce){.cutin-tier-glow,.cutin-scene{animation:none;opacity:.8}}:root[data-perf=eco] .cutin-tier-glow{animation:none}.skill-band-mio{background:linear-gradient(90deg,#021a1eeb,#06343aeb);border-left:3px solid #2ec4b6;box-shadow:inset 0 -2px #9ffff433}.skill-band-mio .skill-band-mark{height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#bff8f0 30%,#2ec4b6 70%,#0b4f55);box-shadow:0 0 8px #2ec4b6aa}.toast.toast-mio{border-left:3px solid #2ec4b6;background:linear-gradient(90deg,#042a2ee6,#041016d9)}.log-mio .log-notice{color:#7ff0e2}.fx-charge-mio .fx-charge-lines{background:repeating-radial-gradient(circle,rgba(159,255,244,.55) 0 2px,transparent 2px 26px)}.fx-charge-mio .fx-charge-dim{background:radial-gradient(circle,#001e2233,#000a0ed1 70%)}.wv-f-mio>*{position:relative;z-index:1}.wv-f-mio .wv-kind{color:#effffc;text-shadow:0 0 18px #2ec4b6,0 3px 0 rgba(4,60,66,.8)}.wv-f-mio:before{content:"";position:absolute;top:0;right:-10%;bottom:0;left:-10%;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(46,196,182,.28) 70%,rgba(4,60,66,.5));border-radius:50% 50% 0 0/14% 14% 0 0;animation:wv-tide .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--wv-lead, 0ms)}@keyframes wv-tide{0%{transform:translateY(40%);opacity:0}}.tw-mio .tw-edge{box-shadow:inset 0 0 0 4px #2ec4b6e6,inset 0 0 80px 20px #1496a080}.tw-mio .tw-text{background:linear-gradient(90deg,transparent,rgba(4,70,76,.92) 12%,rgba(4,70,76,.92) 88%,transparent);text-shadow:0 0 8px #2ec4b6}.tw-wave{position:absolute;inset:auto -10% 0;height:26%;border-top:2px solid rgba(190,255,248,.75);border-radius:50% 50% 0 0/30% 30% 0 0;background:linear-gradient(180deg,rgba(120,255,240,.3),rgba(10,90,100,.25) 40%,transparent);animation:tw-wave 1.7s cubic-bezier(.2,.8,.2,1) both}@keyframes tw-wave{0%{transform:translateY(100%)}35%{transform:translateY(0)}to{transform:translateY(30%);opacity:0}}.story-route-mio{border-left:3px solid #2ec4b6}.story-route-mio .story-route-title{color:#dcfffa;text-shadow:0 0 8px #2ec4b6}.story-route-mio .story-route:before{background:linear-gradient(180deg,#c8fff6,#2ec4b6,#0b4f6a)}.bgm-side-mio{--side: #2ec4b6;border-color:color-mix(in srgb,#2ec4b6 40%,transparent)}@media (prefers-reduced-motion: reduce){.wv-f-mio:before,.tw-wave{animation:none}}:root[data-perf=eco] .tw-wave{animation-duration:.01s;display:none}.cs-side-aether{margin-top:8px;border-radius:12px;overflow:hidden;isolation:isolate;border-left:3px solid #9db4ff;border-right:3px solid #9db4ff}.cs-side-aether:before{opacity:.95;background:radial-gradient(1.5px 1.5px at 12% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 70%,#dfe6ff 50%,transparent 51%),radial-gradient(2px 2px at 46% 22%,#fff6c8 50%,transparent 51%),radial-gradient(1px 1px at 63% 64%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 80% 36%,#dfe6ff 50%,transparent 51%),radial-gradient(1px 1px at 92% 78%,#fff 50%,transparent 51%),linear-gradient(180deg,#0a0e30e6,#040618f5)}.cs-side-aether .cs-faction{flex-direction:row;align-items:baseline;gap:12px}.cs-side-aether .cs-faction-name{font-family:var(--font-num);letter-spacing:.3em;color:#eef2ff;text-shadow:0 0 12px #9db4ff}.cs-side-aether .cs-row{justify-content:center;flex-wrap:wrap}.cs-spot-aether .cs-spot-bg{background:radial-gradient(ellipse at 20% 60%,color-mix(in srgb,var(--char) 30%,transparent),transparent 60%),radial-gradient(1.5px 1.5px at 70% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 85% 55%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 58% 80%,#fff6c8 50%,transparent 51%),linear-gradient(90deg,#080c2c99,#040618f0 45%)}@media (max-width: 640px){.cs-side-aether .cs-row{justify-content:flex-start}}:root[data-faction=aether] .timer-fill:not(.low){background:linear-gradient(90deg,#6f86ff,#d6e0ff)}:root[data-faction=aether] .board-mj .board-center{box-shadow:0 10px 24px #000000b3,0 0 0 1px #9db4ff80,0 0 24px #9db4ff38,inset 0 0 24px #fff6c80f}.cutin-aether .cutin-bg{background:radial-gradient(ellipse at 30% 70%,color-mix(in srgb,var(--char) 28%,transparent),transparent 60%),radial-gradient(1.5px 1.5px at 15% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 35% 45%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 62% 18%,#fff6c8 50%,transparent 51%),radial-gradient(1px 1px at 78% 60%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 90% 30%,#dfe6ff 50%,transparent 51%),linear-gradient(180deg,#060824eb,#0e1440d6 60%,#06081ef0);animation:cutin-bg-in .35s ease-out both,bg-push 2.6s ease-out both}.ca-stars{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ca-stars i{position:absolute;top:-10%;width:2px;height:120px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.9));border-radius:2px;transform:rotate(35deg);animation:ca-meteor 1.1s ease-in both}.ca-stars i:nth-child(1){left:70%}.ca-stars i:nth-child(2){left:85%;animation-delay:.25s}.ca-stars i:nth-child(3){left:55%;animation-delay:.5s}.ca-stars i:nth-child(4){left:95%;animation-delay:.7s}@keyframes ca-meteor{0%{opacity:0;transform:rotate(35deg) translateY(-40%)}20%{opacity:1}to{opacity:0;transform:rotate(35deg) translateY(520%)}}.cutin-aether .cutin-band{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--char) 50%,#0a0e30) 25%,#eef2ff 50%,color-mix(in srgb,var(--char) 50%,#0a0e30) 75%,transparent 100%);height:14%;top:31%;opacity:.4}.cutin-aether .cutin-band-2{height:2px;top:50%;background:repeating-linear-gradient(90deg,#9db4ff 0 40px,transparent 40px 52px);box-shadow:0 0 10px #9db4ff}.cutin-aether .cutin-kicker{font-family:var(--font-num);color:#d6e0ff;letter-spacing:.4em}.cutin-aether .cutin-skill{font-family:var(--font-head);font-weight:900;color:#fff;text-shadow:0 0 18px #9db4ff,0 3px 0 #0a0e30}.skill-band-aether{background:linear-gradient(90deg,#080a28eb,#141c50eb);border-left:3px solid #9db4ff;box-shadow:inset 0 -2px #fff6c833}.skill-band-aether .skill-band-mark{height:16px;background:#fff6c8;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 4px #fff6c8)}.toast.toast-aether{border-left:3px solid #9db4ff;background:linear-gradient(90deg,#0c1038e6,#06081ad9)}.log-aether .log-notice{color:#b9c8ff}.fx-charge-aether .fx-charge-lines{background:repeating-conic-gradient(from 0deg,rgba(220,230,255,.85) 0deg .3deg,transparent .3deg 12deg)}.fx-charge-aether .fx-charge-dim{background:radial-gradient(circle,#06082433,#020412d6 70%)}.wv-f-aether>*{position:relative;z-index:1}.wv-f-aether .wv-kind{color:#f4f6ff;text-shadow:0 0 18px #9db4ff,0 3px 0 rgba(10,14,48,.8)}.wv-f-aether:before{content:"";position:absolute;top:-6px;right:-8%;bottom:-6px;left:-8%;z-index:0;pointer-events:none;background:radial-gradient(2px 2px at 10% 30%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 30% 75%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 70% 25%,#fff6c8 50%,transparent 51%),radial-gradient(2px 2px at 90% 70%,#fff 50%,transparent 51%),linear-gradient(100deg,transparent 4%,rgba(20,28,80,.5) 15%,rgba(10,14,48,.6) 50%,rgba(20,28,80,.5) 85%,transparent 96%);animation:wv-stars .6s ease-out both;animation-delay:var(--wv-lead, 0ms)}@keyframes wv-stars{0%{opacity:0;transform:scale(.9)}}.tw-aether .tw-edge{box-shadow:inset 0 0 0 4px #9db4ffe6,inset 0 0 80px 20px #5064dc73}.tw-aether .tw-text{background:linear-gradient(90deg,transparent,rgba(16,22,70,.92) 12%,rgba(16,22,70,.92) 88%,transparent);text-shadow:0 0 8px #9db4ff}.tw-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(3px 3px at 5% 12%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 95% 20%,#fff6c8 50%,transparent 51%),radial-gradient(3px 3px at 8% 85%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 92% 88%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 50% 4%,#dfe6ff 50%,transparent 51%);animation:tw-blink .5s steps(2) 3}.story-route-aether{border-left:3px solid #9db4ff}.story-route-aether .story-route-title{color:#eef2ff;text-shadow:0 0 8px #9db4ff}.story-route-aether .story-route:before{background:linear-gradient(180deg,#fff6c8,#9db4ff,#2a3478)}.bgm-side-aether{--side: #9db4ff;border-color:color-mix(in srgb,#9db4ff 40%,transparent)}.bgm-side-aether .bgm-side-title{font-family:var(--font-num);letter-spacing:.12em}@media (prefers-reduced-motion: reduce){.ca-stars,.tw-stars{display:none}}:root[data-perf=eco] .ca-stars{display:none}.modal.attract-meteor{position:relative;overflow:hidden;width:min(460px,calc(100vw - 24px));padding:18px 20px 14px;text-align:center;border:1px solid #9db4ff;border-radius:14px;background:radial-gradient(1.5px 1.5px at 10% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 30% 70%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 78% 14%,#fff6c8 50%,transparent 51%),radial-gradient(1px 1px at 88% 58%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 55% 40%,#dfe6ff 50%,transparent 51%),linear-gradient(180deg,#0a0e30f7,#040618fa);box-shadow:0 0 40px #9db4ff59}.meteor-sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.meteor-sky i{position:absolute;top:-30%;width:2px;height:90px;border-radius:2px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.9));transform:rotate(35deg);animation:meteor-fall 2.4s ease-in infinite}.meteor-sky i:nth-child(1){left:20%}.meteor-sky i:nth-child(2){left:45%;animation-delay:.6s}.meteor-sky i:nth-child(3){left:70%;animation-delay:1.1s}.meteor-sky i:nth-child(4){left:92%;animation-delay:1.6s}.meteor-sky i:nth-child(5){left:110%;animation-delay:2s}@keyframes meteor-fall{0%{opacity:0;transform:rotate(35deg) translateY(0)}15%{opacity:1}60%,to{opacity:0;transform:rotate(35deg) translateY(520%)}}.meteor-head,.meteor-sub,.meteor-stars,.meteor-foot{position:relative}.meteor-head{display:flex;flex-direction:column;align-items:center;gap:2px}.meteor-kicker{font-family:var(--font-num);font-size:11px;letter-spacing:.4em;color:#d6e0ff}.meteor-title{font-family:var(--font-head);font-size:24px;font-weight:900;color:#fff;text-shadow:0 0 14px #9db4ff}.meteor-sub{margin:6px 0 14px;font-size:13px;color:#dfe6ff}.meteor-stars{display:flex;justify-content:center;gap:22px}.meteor-star{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px 12px;border:1px solid rgba(157,180,255,.5);border-radius:12px;background:radial-gradient(circle at 50% 35%,rgba(157,180,255,.25),transparent 70%);color:#eef2ff;cursor:pointer;animation:meteor-land .7s cubic-bezier(.2,1.2,.4,1) both;animation-delay:calc(var(--i, 0) * .18s + .1s);transition:transform .15s,box-shadow .15s}.meteor-star:hover,.meteor-star:focus-visible{transform:translateY(-3px);box-shadow:0 0 22px #9db4ff99}.meteor-star-dora{border-color:#fff6c8;background:radial-gradient(circle at 50% 35%,rgba(255,220,120,.3),transparent 70%)}.meteor-star-dora:hover,.meteor-star-dora:focus-visible{box-shadow:0 0 22px #ffdc7899}.meteor-star small{font-size:12px;letter-spacing:.1em;color:#d6e0ff}.meteor-star-dora small{color:#fff6c8}.meteor-tile{filter:drop-shadow(0 0 10px rgba(255,246,200,.55))}@keyframes meteor-land{0%{opacity:0;transform:translate(60px,-90px) scale(.6)}}.meteor-foot{margin-top:12px;font-size:11px;color:#9fb0e8}@media (prefers-reduced-motion: reduce){.meteor-sky,.meteor-star{animation:none}.meteor-sky{display:none}}:root[data-perf=eco] .meteor-sky{display:none}.fx-charge{position:fixed;top:0;right:0;bottom:0;left:0;z-index:119;pointer-events:none;overflow:hidden;--charge: .55s}.fx-charge-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#00000026,#000000c7 70%);animation:fxc-dim var(--charge) ease-in both}@keyframes fxc-dim{0%{opacity:0}to{opacity:1}}.fx-charge-lines{position:absolute;left:50%;top:50%;width:260vmax;height:260vmax;translate:-50% -50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--char) 70%,#fff) 0deg .6deg,transparent .6deg 7deg);-webkit-mask:radial-gradient(circle,transparent 0 6%,#000 22%,transparent 60%);mask:radial-gradient(circle,transparent 0 6%,#000 22%,transparent 60%);animation:fxc-lines var(--charge) cubic-bezier(.6,0,.9,.4) both;opacity:.85}@keyframes fxc-lines{0%{transform:scale(1.6) rotate(-8deg);opacity:0}30%{opacity:.9}to{transform:scale(.35) rotate(6deg);opacity:1}}.fx-charge-core{position:absolute;left:50%;top:50%;width:22vmin;height:22vmin;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,color-mix(in srgb,var(--char) 80%,#fff) 18%,transparent 62%);filter:blur(1px);animation:fxc-core var(--charge) cubic-bezier(.7,0,1,.5) both}@keyframes fxc-core{0%{transform:scale(.05);opacity:0}60%{transform:scale(.35);opacity:.8}92%{transform:scale(1.4);opacity:1}to{transform:scale(9);opacity:0}}.fx-charge-narukami .fx-charge-lines{background:repeating-conic-gradient(from 0deg,rgba(255,236,190,.9) 0deg .5deg,transparent .5deg 9deg)}.fx-charge-narukami .fx-charge-dim{background:radial-gradient(circle,#1e000033,#080000cc 70%)}.fx-charge-odds .fx-charge-lines{background:repeating-conic-gradient(from 0deg,rgba(120,255,240,.85) 0deg .4deg,transparent .4deg 5deg);animation-timing-function:steps(6,end)}.fx-charge-odds .fx-charge-dim{background:repeating-linear-gradient(0deg,rgba(0,255,220,.05) 0 2px,transparent 2px 4px),radial-gradient(circle,#000a1433,#00040ad1 70%)}.fx-charge-void .fx-charge-lines{background:repeating-conic-gradient(from 0deg,rgba(255,61,242,.9) 0deg .5deg,transparent .5deg 11deg)}.fx-charge-yakuman .fx-charge-dim{background:radial-gradient(circle,#281a004d,#000000eb 70%)}.fx-charge-yakuman .fx-charge-lines{background:repeating-conic-gradient(from 0deg,rgba(255,220,130,.95) 0deg .7deg,transparent .7deg 6deg)}.fx-charge-yakuman .fx-charge-core{background:radial-gradient(circle,#fff 0 8%,#ffe9a8 20%,rgba(232,192,96,.6) 34%,transparent 62%)}.fx-charge-kanji{position:absolute;left:50%;top:50%;translate:-50% -50%;font-family:var(--font-brush);font-size:clamp(90px,22vw,300px);color:transparent;-webkit-text-stroke:1px rgba(255,220,130,.55);letter-spacing:.1em;animation:fxc-kanji var(--charge) ease-in both}@keyframes fxc-kanji{0%{opacity:0;transform:scale(1.4)}40%{opacity:.25}85%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.riichi-charge{position:fixed;z-index:118;pointer-events:none;transform:var(--bt, translate(-50%, -50%));width:220px;height:60px;display:grid;place-items:center;--charge: .38s}.riichi-charge-stick{width:180px;height:12px;border-radius:6px;background:linear-gradient(90deg,#f4f1ea,#fff 45%,#f4f1ea);box-shadow:0 0 0 1px #0006,0 0 18px #ff5a5ae6;position:relative;animation:riichi-drop var(--charge) cubic-bezier(.5,0,.8,.4) both}.riichi-charge-stick:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;translate:-50% -50%;border-radius:50%;background:#e0242c}@keyframes riichi-drop{0%{transform:translateY(-120px) rotate(-14deg) scale(1.3);opacity:0}70%{opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.yakuman-fx{animation-duration:var(--ydur, 4.2s)}.yakuman-yaku{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;max-width:min(92vw,900px);margin:0 auto 6px}.yakuman-yaku-item{display:inline-block;animation:yakuman-yaku-in .45s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(var(--i) * var(--ystep, .52s) + .2s)}@keyframes yakuman-yaku-in{0%{opacity:0;transform:translateY(-14px) scale(1.6);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.yakuman-fx .yakuman-title{animation:yakuman-title-in .7s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(var(--ycount, 1) * var(--ystep, .52s) + .45s)}@keyframes yakuman-title-in{0%{opacity:0;transform:scale(2.6);filter:blur(10px)}60%{opacity:1;transform:scale(.94);filter:blur(0)}to{transform:scale(1)}}.yakuman-fx .yakuman-name{animation:cutin-line-in .5s ease-out both;animation-delay:calc(var(--ycount, 1) * var(--ystep, .52s) + .9s)}.yakuman-fx .yakuman-text,.cutin .cutin-bg{animation-duration:.5s}.cutin .cutin-art{animation-duration:.8s}.cutin .cutin-skill{font-size:min(clamp(44px,8.4vw,124px),calc(56vw / (var(--tlen, 4) * 1.16)))}@media (max-width: 640px){.cutin .cutin-skill{font-size:min(44px,calc(80vw / (var(--tlen, 4) * 1.16)))}}@media (prefers-reduced-motion: reduce){.fx-charge-lines,.fx-charge-core,.fx-charge-kanji{animation:none;opacity:0}}:root[data-faction=wakou] .timer-fill:not(.low){background:linear-gradient(90deg,#ff6a3d,#f2c75c)}:root[data-faction=odds] .timer-fill:not(.low){background:linear-gradient(90deg,#36e3ff,#9b5cff)}:root[data-faction=wakou] .board-mj .board-center{box-shadow:0 10px 24px #000000b3,0 0 0 1px #f2c75c73,0 0 24px #ff6a3d33,inset 0 0 24px #ff8c3c12}:root[data-faction=odds] .board-mj .board-center{box-shadow:0 10px 24px #000000b3,0 0 0 1px #36e3ff73,0 0 24px #9b5cff38,inset 0 0 24px #5fe0ff17}:root[data-faction=void] .timer-fill:not(.low){background:linear-gradient(90deg,#ff3df2,#2b0033)}:root[data-faction=void] .board-mj .board-center{box-shadow:0 10px 24px #000c,0 0 0 1px #ff3df280,0 0 26px #7800a059,inset 0 0 28px #ff3df214}:root[data-faction=mio] .timer-fill:not(.low){background:linear-gradient(90deg,#2ec4b6,#9ffff4)}:root[data-faction=mio] .board-mj .board-center{box-shadow:0 10px 24px #000000b3,0 0 0 1px #2ec4b680,0 0 24px #2ec4b638,inset 0 0 24px #9ffff414}.mi{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:repeating-linear-gradient(0deg,rgba(95,224,255,.04) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 50%,#140e32e6,#03020af7);cursor:pointer;overflow:hidden;animation:mi-in .3s ease-out}.mi-phase-out{animation:mi-out .45s ease-in forwards}@keyframes mi-in{0%{opacity:0}}@keyframes mi-out{60%{opacity:1;transform:scaleY(.02);filter:brightness(3)}to{opacity:0;transform:scaleY(0)}}.mi-scan{position:absolute;left:0;right:0;height:120px;top:-120px;background:linear-gradient(180deg,transparent,rgba(95,224,255,.18),transparent);animation:mi-scan 1.6s linear infinite;pointer-events:none}@keyframes mi-scan{to{top:100%}}.mi-head{font-family:var(--font-num);letter-spacing:.4em;font-size:clamp(12px,1.8vw,18px);color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.mi-dim{color:var(--muted);letter-spacing:.2em}.mi-blink{color:#ff3b4e;animation:pulse .8s ease-in-out infinite}.mi-cards{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(6px,1.4vw,18px);width:min(94vw,1100px)}.mi-card{position:relative;aspect-ratio:3 / 4.4;border:1px solid color-mix(in srgb,var(--char) 60%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--char) 18%,rgba(8,6,20,.9)),#05040ef2);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);overflow:hidden;animation:mi-card .55s cubic-bezier(.2,.9,.2,1) backwards;animation-delay:calc(.35s + var(--i) * .26s)}.mi-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--char) 50%,transparent) 0 2px,transparent 2px 5px);mix-blend-mode:screen;opacity:0;animation:mi-noise .5s steps(5) backwards;animation-delay:calc(.35s + var(--i) * .26s);pointer-events:none}.mi-me{box-shadow:0 0 30px color-mix(in srgb,var(--char) 50%,transparent)}@keyframes mi-card{0%{opacity:0;transform:translateY(30px) skew(-8deg);filter:brightness(3) hue-rotate(90deg);clip-path:polygon(0 45%,100% 45%,100% 55%,0 55%)}50%{opacity:1;filter:brightness(1.6)}to{transform:none;filter:none;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}}@keyframes mi-noise{0%{opacity:.9}to{opacity:0}}.mi-portrait{position:absolute!important;top:0;right:0;bottom:26%;left:0;width:100%;height:auto;aspect-ratio:auto}.mi-card-info{position:absolute;left:0;right:0;bottom:0;padding:10px 12px 12px;background:linear-gradient(180deg,transparent,rgba(4,3,12,.95) 30%);display:flex;flex-direction:column;gap:2px}.mi-seat{font-family:var(--font-num);font-size:10px;letter-spacing:.2em;color:var(--muted)}.mi-name{font-weight:700;font-size:clamp(12px,1.6vw,18px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mi-char{font-family:var(--font-brush);color:var(--char);font-size:clamp(16px,2.2vw,26px);text-shadow:0 0 12px var(--char);line-height:1.1}.mi-char span{font-family:var(--font-ui);font-size:10px;margin-left:6px;color:var(--muted);text-shadow:none}.mi-status{align-self:flex-start;margin-top:4px;font-family:var(--font-num);font-size:10px;letter-spacing:.25em;padding:1px 6px;color:#071018;background:var(--char)}.mi-dice{display:flex;align-items:center;gap:18px;min-height:70px;visibility:hidden}.mi-phase-dice .mi-dice,.mi-phase-out .mi-dice{visibility:visible}.mi-dice-row{display:flex;gap:10px}.mi-die{display:inline-block;font-size:56px;line-height:1;color:#f4f0ff;text-shadow:0 0 14px var(--cyan)}.mi-phase-dice .mi-die{animation:die-roll .7s cubic-bezier(.2,.9,.3,1.2) backwards}.mi-phase-dice .mi-die-2{animation-delay:.12s}@keyframes die-roll{0%{transform:translate(-120px,-40px) rotate(-540deg) scale(.6);opacity:0}70%{opacity:1}}.mi-dealer{display:flex;align-items:baseline;gap:10px;padding:6px 16px;border:1px solid var(--char);background:color-mix(in srgb,var(--char) 14%,rgba(5,4,14,.9));box-shadow:0 0 24px color-mix(in srgb,var(--char) 40%,transparent)}.mi-phase-dice .mi-dealer{animation:dealer-in .4s cubic-bezier(.2,1.4,.4,1) .75s backwards}@keyframes dealer-in{0%{transform:scale(1.8);opacity:0}}.mi-dealer-label{font-family:var(--font-brush);color:#ff5a6e;font-size:22px}.mi-dealer-name{font-weight:700;font-size:20px}.mi-dealer-sum{font-family:var(--font-num);color:var(--muted);font-size:12px}@media (max-width: 820px){.mi-cards{grid-template-columns:repeat(2,minmax(0,1fr));width:min(92vw,420px)}.mi-card{aspect-ratio:3 / 3.4}.mi-die{font-size:42px}}@media (prefers-reduced-motion: reduce){.mi-card,.mi-card:after,.mi-die,.mi-dealer,.mi-scan{animation:none!important}}.mi-boss{background:repeating-linear-gradient(0deg,rgba(255,40,80,.06) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 50%,#3c0410eb,#03020af7)}.mi-head-boss{color:#ff2850;text-shadow:3px 0 #26e0ff,-3px 0 #ff2850;animation:sl-tear .3s steps(2) infinite alternate}.mi-boss .mi-scan{background:linear-gradient(180deg,transparent,rgba(255,40,80,.25),transparent)}.mi-void{background:repeating-linear-gradient(0deg,rgba(255,61,242,.06) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 50%,#2e0634eb,#03020af7);transition:background .2s steps(3)}.mi-void .mi-scan{background:linear-gradient(180deg,transparent,rgba(255,61,242,.28),transparent);animation-duration:.7s}.mi-head-void{color:#ff3df2;text-shadow:3px 0 #26e0ff,-3px 0 #ff2850;animation:mi-void-head .5s steps(4) both,sl-tear .3s steps(2) .5s infinite alternate}@keyframes mi-void-head{0%{clip-path:inset(40% 0 40% 0);transform:translate(-30px) skew(20deg)}50%{clip-path:inset(0 0 60% 0);transform:translate(12px)}to{clip-path:inset(0);transform:none}}.mi-void-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,61,242,.55) 0 3px,transparent 3px 11px),linear-gradient(90deg,#26e0ff59,#ff3df280 50%,#ff285059);mix-blend-mode:screen;animation:mi-void-flash .7s steps(5) forwards}@keyframes mi-void-flash{0%{opacity:1;transform:translateY(-6%) scaleY(1.2)}40%{opacity:.8;transform:translateY(4%)}to{opacity:0;transform:none}}.mi-void .mi-card:not(.mi-unveil){animation:mi-void-shake .45s steps(3) both}@keyframes mi-void-shake{0%{transform:translate(-5px);filter:hue-rotate(80deg) brightness(1.4)}50%{transform:translate(4px)}to{transform:none;filter:none}}@media (prefers-reduced-motion: reduce){.mi-void-flash,.mi-head-void,.mi-void .mi-card{animation:none!important}}.mi-line{margin-top:4px;font-family:var(--font-head);font-size:12px;line-height:1.4;color:#fff6e8;text-shadow:0 0 8px color-mix(in srgb,var(--char) 70%,transparent);animation:mi-line-in .4s ease-out backwards;animation-delay:calc(.6s + var(--i) * .26s)}@keyframes mi-line-in{0%{opacity:0;transform:translateY(6px)}}.mi-veiled .mi-portrait{filter:brightness(0) drop-shadow(0 0 8px rgba(255,61,242,.45))}.mi-veiled .mi-char{color:#ff9cf6b3;letter-spacing:.2em}.mi-unveil{animation:mi-unveil .9s steps(6) both}.mi-unveil .mi-portrait{animation:mi-unveil-art .9s steps(6) both}.mi-unveil .mi-char{color:#ff3df2;text-shadow:-2px 0 rgba(255,0,80,.8),2px 0 rgba(0,240,255,.8)}@keyframes mi-unveil{0%{transform:translate(6px) skew(10deg);box-shadow:0 0 0 2px #ff3df2,0 0 30px #ff3df2e6}30%{transform:translate(-8px)}60%{transform:translate(3px) skew(-6deg)}to{transform:none}}@keyframes mi-unveil-art{0%{filter:brightness(0) drop-shadow(-4px 0 rgba(255,0,80,.9)) drop-shadow(4px 0 rgba(0,240,255,.9))}35%{filter:invert(1) hue-rotate(90deg)}70%{filter:brightness(1.7) saturate(.3)}to{filter:none}}@media (prefers-reduced-motion: reduce){.mi-unveil,.mi-unveil .mi-portrait{animation:none}}.sl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:#020206db;animation:sl-in .25s steps(3) both}@keyframes sl-in{0%{opacity:0}40%{opacity:1;filter:brightness(3)}60%{opacity:.3}to{opacity:1}}.sl-noise{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.22;animation:sl-noise .2s steps(4) infinite}@keyframes sl-noise{0%{transform:translate(0)}25%{transform:translate(-5%,3%)}50%{transform:translate(4%,-4%)}75%{transform:translate(-3%,-2%)}}.sl-bars{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,transparent 0 46%,rgba(255,40,80,.35) 46% 48%,transparent 48% 70%,rgba(95,224,255,.25) 70% 71%,transparent 71%),repeating-linear-gradient(0deg,rgba(0,0,0,.4) 0 2px,transparent 2px 4px);animation:sl-bars .6s steps(3) infinite}@keyframes sl-bars{33%{transform:translateY(-18%)}66%{transform:translateY(23%)}}.sl-core{position:relative;text-align:center;animation:sl-shake .12s steps(2) infinite}@keyframes sl-shake{50%{transform:translate(3px,-2px)}}.sl-title{position:relative;font-family:var(--font-num);font-weight:700;font-size:clamp(44px,10vw,120px);letter-spacing:.12em;color:#fff;text-shadow:4px 0 #ff2850,-4px 0 #26e0ff}.sl-title:before,.sl-title:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sl-title:before{color:#ff2850;clip-path:inset(0 0 55% 0);animation:sl-tear .4s steps(2) infinite}.sl-title:after{color:#26e0ff;clip-path:inset(58% 0 0 0);animation:sl-tear .3s steps(2) infinite reverse}@keyframes sl-tear{0%{transform:translate(-10px)}to{transform:translate(12px)}}.sl-sub{margin-top:8px;font-size:clamp(14px,2.4vw,22px);letter-spacing:.2em;color:#ffb3c0}.sl-code{margin-top:10px;font-family:var(--font-num);font-size:12px;letter-spacing:.15em;color:#ffffff73}.sl-collapse{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;transform:scaleY(0);animation:sl-collapse .7s ease-in 3.4s forwards}.sl-collapse:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#fff;box-shadow:0 0 20px #fff;opacity:0;animation:sl-line .7s ease-in 3.4s forwards}@keyframes sl-collapse{0%{transform:scaleY(0);background:transparent}to{transform:scaleY(1);background:#000}}@keyframes sl-line{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.sl-toast{position:fixed;top:64px;left:50%;z-index:140;transform:translate(-50%);padding:8px 18px;font-size:15px;background:#14040aeb;border:1px solid #ff2850;box-shadow:0 0 24px #ff285080;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);animation:sl-toast .4s steps(4) both;white-space:nowrap}.sl-toast b{font-family:var(--font-num);letter-spacing:.12em;color:#ff5a78;text-shadow:2px 0 #26e0ff,-2px 0 #ff2850}.sl-toast-dot{color:#ff2850;margin-right:6px;animation:pulse .6s ease-in-out infinite}.sl-toast-sub{margin-left:10px;font-size:11px;color:var(--muted)}@keyframes sl-toast{0%{opacity:0;transform:translate(-50%) scaleX(1.6)}50%{opacity:1}}.signal-lost{position:relative;filter:grayscale(.85) brightness(.7)}.signal-lost:after{content:"SIGNAL LOST";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-num);font-weight:700;letter-spacing:.15em;color:#ff5a78;text-shadow:2px 0 #26e0ff,-2px 0 #ff2850;background:repeating-linear-gradient(0deg,#0000008c 0,#0000008c 2px,#1e000a66 2px,#1e000a66 4px);border-radius:inherit;animation:sl-tear .25s steps(2) infinite alternate;z-index:5}.sl-opp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:305;display:grid;place-items:center;pointer-events:none}.sl-opp-band{position:relative;display:flex;align-items:center;gap:clamp(10px,2vw,24px);width:100%;height:clamp(150px,30vh,260px);padding:0 max(16px,calc(50% - 420px));background:repeating-linear-gradient(0deg,rgba(255,40,80,.08) 0 1px,transparent 1px 3px),linear-gradient(90deg,#04020a33,#14020af0 22%,#14020af0 78%,#04020a33);border-top:1px solid rgba(255,40,80,.6);border-bottom:1px solid rgba(255,40,80,.6);animation:sl-opp-band 2.9s cubic-bezier(.2,.9,.2,1) both}@keyframes sl-opp-band{0%{clip-path:inset(50% 0 50% 0)}8%{clip-path:inset(0)}80%{clip-path:inset(0);opacity:1}90%{clip-path:inset(49.5% 0 49.5% 0);filter:brightness(2.5)}to{clip-path:inset(50% 0 50% 0);opacity:0}}.sl-opp-art{position:relative;flex:0 0 auto;height:100%;aspect-ratio:1 / 1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 80%,transparent)}.sl-opp-img{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;animation:sl-opp-img 2.6s steps(14) both}@keyframes sl-opp-img{0%{filter:brightness(1.6);transform:translate(-12px)}20%{filter:none;transform:none}40%{filter:grayscale(.4) contrast(1.3);transform:translate(5px) skew(-4deg);clip-path:inset(0 0 0 0)}55%{filter:grayscale(.8) hue-rotate(-30deg);transform:translate(-9px);clip-path:inset(18% 0 30% 0)}65%{transform:translate(14px) skew(8deg);clip-path:inset(0 0 52% 0)}75%{filter:grayscale(1) brightness(.6);transform:translate(-4px);clip-path:inset(40% 0 0 0);opacity:.6}to{filter:grayscale(1) brightness(.3);clip-path:inset(48% 0 48% 0);opacity:0}}.sl-opp-static{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--static);background-size:96px 96px;mix-blend-mode:screen;opacity:0;animation:sl-opp-static-in 2.6s ease-in both,sl-opp-static-move .24s steps(4) infinite}@keyframes sl-opp-static-in{0%,30%{opacity:0}70%{opacity:.7}to{opacity:.35}}@keyframes sl-opp-static-move{to{background-position:37px 61px}}.sl-opp-body{min-width:0;display:flex;flex-direction:column;gap:6px}.sl-opp-title{position:relative;font-family:var(--font-num);font-weight:800;font-size:clamp(30px,6vw,64px);letter-spacing:.08em;color:#ff5a78;text-shadow:3px 0 #26e0ff,-3px 0 #ff2850,0 0 24px rgba(255,40,80,.7);animation:sl-tear .25s steps(2) infinite alternate}.sl-opp-name{font-weight:700;font-size:clamp(13px,1.8vw,18px);color:#fff;overflow-wrap:anywhere}.sl-opp-line{font-family:var(--font-head);font-size:clamp(12px,1.5vw,15px);color:#ffd0d4;text-shadow:0 0 8px color-mix(in srgb,var(--char) 70%,transparent)}:root[data-perf=eco] .sl-opp-static,:root[data-perf=eco] .sl-opp-title{animation:none}:root[data-perf=eco] .sl-opp-static{opacity:.4}@media (max-width: 640px){.sl-opp-band{height:150px;gap:8px}.sl-opp-title{font-size:26px;letter-spacing:.04em;white-space:nowrap}.sl-opp-name,.sl-opp-line{font-size:12px}}@media (prefers-reduced-motion: reduce){.sl-opp-band,.sl-opp-img,.sl-opp-static,.sl-opp-title{animation:none}}.oc{position:fixed;top:0;right:0;bottom:0;left:0;z-index:310;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--char) 18%,rgba(4,3,12,.8)),#04030ce6);animation:oc-life 3.2s ease-in-out forwards}@keyframes oc-life{0%{opacity:0}10%,80%{opacity:1}to{opacity:0}}.oc-band{position:absolute;left:0;right:0;top:50%;height:190px;margin-top:-95px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--char) 30%,transparent),transparent);border-top:1px solid color-mix(in srgb,var(--char) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--char) 70%,transparent);transform-origin:50% 50%;animation:oc-band .5s cubic-bezier(.2,.9,.2,1) both}@keyframes oc-band{0%{transform:scaleY(0)}}.oc-core{position:relative;text-align:center;animation:kind-slam .6s .15s cubic-bezier(.2,1.4,.4,1) both}.oc-kicker{font-family:var(--font-num);letter-spacing:.5em;font-size:14px;color:var(--char)}.oc-title{font-family:var(--font-brush);font-size:clamp(48px,9vw,104px);line-height:1.1;color:#fff;text-shadow:0 0 24px var(--char),0 0 60px color-mix(in srgb,var(--char) 60%,transparent)}.oc-rank{font-family:var(--font-num);font-weight:700;font-size:40px;color:var(--gold)}.oc-rank small{font-size:16px;margin-left:6px;color:var(--muted)}.oc-line{margin-top:6px;font-family:var(--font-head);font-size:18px;color:#f4ecff}.oc-rank-top .oc-title{color:#fff6d8;text-shadow:0 0 24px var(--gold),0 0 70px rgba(232,192,96,.6)}.oc-rank-last{background:radial-gradient(ellipse at 50% 50%,#3c0410bf,#020206eb)}.oc-rank-last .oc-title{color:#ffb3c0;text-shadow:4px 0 #ff2850,-4px 0 #26e0ff}.oc-rank-last .oc-kicker{color:#ff5a78}@media (prefers-reduced-motion: reduce){.sl-noise,.sl-bars,.sl-core,.sl-title:before,.sl-title:after,.signal-lost:after{animation:none}}.oc-quotes{position:absolute;left:50%;bottom:9%;transform:translate(-50%);display:flex;gap:18px;width:min(94vw,860px);z-index:2}.oc-quote{flex:1;display:flex;align-items:flex-end;gap:10px;min-width:0;padding:0 14px 10px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--char) 30%,rgba(10,6,18,.9)),#0a0612d9);border-bottom:2px solid var(--char);animation:oc-quote-in .5s .6s cubic-bezier(.2,.9,.2,1) both}.oc-quote-last{animation-delay:1.1s;filter:saturate(.6)}@keyframes oc-quote-in{0%{opacity:0;transform:translateY(16px)}}.oc-quote-art{width:96px;height:96px;object-fit:cover;object-position:center top;flex:none;margin-top:-30px;-webkit-mask-image:none;mask-image:none}.oc-quote-body{min-width:0}.oc-quote-rank{font:700 13px var(--font-num);color:var(--char);letter-spacing:.1em}.oc-quote-rank span{margin-left:6px;font-family:var(--font-head);color:#fff}.oc-quote-line{font-family:var(--font-head);font-size:clamp(14px,1.8vw,18px);color:#fff}@media (max-width: 640px){.oc-quotes{flex-direction:column;gap:8px}.oc-quote-art{width:64px;height:64px}}.sl-line{position:relative;margin-top:14px;font-family:var(--font-head);font-size:clamp(15px,2vw,22px);color:#ffd0d4;text-shadow:-2px 0 rgba(255,40,80,.7),2px 0 rgba(60,240,255,.6);animation:sl-line 1.6s steps(1) both}@keyframes sl-line{0%{opacity:0}10%{opacity:1;transform:translate(-4px)}14%{transform:translate(3px);opacity:.4}18%,60%{transform:none;opacity:1}64%{opacity:.2;transform:translate(6px) skew(-10deg)}68%,to{opacity:1;transform:none}}.sl-toast-line{margin-left:8px;font-family:var(--font-head);color:#ffd0d4;opacity:.85}.oc:has(.oc-quotes){animation-duration:4.6s}.fl{position:fixed;left:0;right:0;top:22%;z-index:240;display:grid;justify-items:center;pointer-events:none}.fl-band{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:14px 16px 16px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--char) 10%,transparent) 0 1px,transparent 1px 6px),linear-gradient(90deg,transparent,rgba(6,4,16,.92) 18%,rgba(6,4,16,.92) 82%,transparent);border-top:1px solid color-mix(in srgb,var(--char) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--char) 70%,transparent);animation:fl-in .45s cubic-bezier(.2,.9,.2,1) both}@keyframes fl-in{0%{clip-path:inset(50% 0 50% 0);filter:brightness(2)}to{clip-path:inset(0);filter:none}}.fl-band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--char) 45%,transparent),transparent);background-size:30% 100%;background-repeat:no-repeat;animation:fl-sweep 1.1s .3s ease-out both;pointer-events:none}@keyframes fl-sweep{0%{background-position:-40% 0}to{background-position:140% 0}}.fl-kicker{font-family:var(--font-num);font-size:12px;letter-spacing:.4em;color:var(--char);text-shadow:0 0 10px var(--char)}.fl-dot{color:#ff2850;animation:pulse .7s ease-in-out infinite}.fl-dim{color:var(--muted);letter-spacing:.2em}.fl-main{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:center;gap:4px 14px}.fl-rank{font-family:var(--font-num);font-weight:800;font-size:40px;line-height:1;color:#fff;text-shadow:0 0 16px var(--char)}.fl-rank small{font-family:var(--font-brush);font-size:18px;margin-left:2px}.fl-diff{font-size:16px;color:#e9e4ff;overflow-wrap:anywhere;text-align:center}.fl-diff b{font-family:var(--font-num);font-size:24px;color:#ffe066;margin:0 2px}.fl-conds{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.fl-cond{display:inline-flex;align-items:baseline;gap:8px;padding:4px 12px;border:1px solid color-mix(in srgb,var(--char) 55%,transparent);background:color-mix(in srgb,var(--char) 14%,rgba(6,4,16,.9));clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);animation:fl-cond-in .35s cubic-bezier(.2,1.3,.4,1) both}.fl-cond:nth-child(1){animation-delay:.45s}.fl-cond:nth-child(2){animation-delay:.6s}.fl-cond:nth-child(3){animation-delay:.75s}@keyframes fl-cond-in{0%{opacity:0;transform:translateY(8px) scale(.9)}}.fl-how{font-size:11px;letter-spacing:.15em;color:var(--muted)}.fl-cond b{font-family:var(--font-head);font-size:18px;color:#fff}.fl-cond-none b{color:#ff7a90;font-size:14px}@media (max-width: 640px){.fl{top:18%}.fl-rank{font-size:32px}.fl-diff{font-size:14px}.fl-diff b{font-size:20px}.fl-cond{padding:3px 10px}.fl-cond b{font-size:15px}}:root[data-perf=eco] .fl-band:after{display:none}@media (prefers-reduced-motion: reduce){.fl-band,.fl-band:after,.fl-cond{animation:none}}.yfx:not(.yfx-under){background:none!important}.yfx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:128;pointer-events:none;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--c) 16%,rgba(3,2,10,.55)),#03020ab3);animation:yfx-life 2.3s ease-in-out forwards}@keyframes yfx-life{0%{opacity:0}8%,82%{opacity:1}to{opacity:0}}.yfx-layer{position:absolute;top:0;right:0;bottom:0;left:0}.yfx-title{position:relative;text-align:center;animation:kind-slam .55s .15s cubic-bezier(.2,1.4,.4,1) both}.yfx-name{font-family:var(--font-brush);font-size:clamp(56px,11vw,140px);line-height:1;color:#fff;text-shadow:0 0 24px var(--c),0 0 70px var(--c);letter-spacing:.06em}.yfx-en{margin-top:8px;font-family:var(--font-num);letter-spacing:.6em;font-size:14px;color:var(--c)}.yfx-drop{position:absolute;top:-80px;font-family:var(--font-brush);color:var(--c);text-shadow:0 0 10px var(--c);opacity:.85;animation:yfx-fall 1.4s cubic-bezier(.5,0,.8,1) both}@keyframes yfx-fall{to{transform:translateY(115vh) rotate(25deg)}}.yfx-ring{position:absolute;left:50%;top:50%;width:0;height:0;animation:yfx-spin 2.3s linear}.yfx-ring span{position:absolute;left:0;top:0;font-family:var(--font-brush);font-size:clamp(28px,4vw,48px);color:var(--c);text-shadow:0 0 12px var(--c);transform:rotate(var(--a)) translateY(calc(-1*min(34vh,34vw))) rotate(calc(-1 * var(--a))) translate(-50%,-50%);animation:yfx-pop .4s cubic-bezier(.2,1.5,.4,1) both}@keyframes yfx-spin{to{transform:rotate(120deg)}}@keyframes yfx-pop{0%{opacity:0;scale:.2}}.yfx-slam{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;padding-top:6vh;justify-content:space-around;padding:0 4vw}.yfx-slam span{font-family:var(--font-brush);font-size:clamp(90px,20vw,260px);color:color-mix(in srgb,var(--c) 30%,transparent);-webkit-text-stroke:2px var(--c);text-shadow:0 0 40px var(--c);animation:yfx-slam .35s cubic-bezier(.3,1.6,.5,1) both}@keyframes yfx-slam{0%{transform:scale(3);opacity:0;filter:blur(8px)}}.yfx-wave{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(115deg,transparent 0 40px,color-mix(in srgb,var(--c) 30%,transparent) 40px 46px),linear-gradient(90deg,transparent,color-mix(in srgb,var(--c) 40%,transparent),transparent);animation:yfx-wave 1.6s cubic-bezier(.3,.8,.3,1) both}@keyframes yfx-wave{0%{transform:translate(-100%) skew(-10deg)}to{transform:translate(40%) skew(-10deg);opacity:.4}}.yfx-moon{position:absolute;left:50%;bottom:30%;width:34vmin;height:34vmin;margin-left:-17vmin;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff,var(--c) 60%,transparent 72%);box-shadow:0 0 80px var(--c);animation:yfx-rise 1.6s cubic-bezier(.2,.8,.2,1) both}.yfx-sea{position:absolute;left:0;right:0;bottom:0;height:32%;background:repeating-linear-gradient(0deg,transparent 0 6px,color-mix(in srgb,var(--c) 25%,transparent) 6px 7px),linear-gradient(0deg,#02070d,#02070d99)}@keyframes yfx-rise{0%{transform:translateY(50vh);opacity:0}}.yfx-pillar{position:absolute;left:50%;top:0;bottom:0;width:30vw;margin-left:-15vw;background:linear-gradient(90deg,transparent,var(--c),#fff,var(--c),transparent);filter:blur(10px);animation:yfx-pillar 1.8s ease-out both}@keyframes yfx-pillar{0%{transform:scaleX(0)}25%{transform:scaleX(1.2)}to{transform:scaleX(.6);opacity:.4}}.yfx-bolt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.yfx-bolt polyline{fill:none;stroke:#fff;stroke-width:1.2;filter:drop-shadow(0 0 3px var(--c)) drop-shadow(0 0 8px var(--c));stroke-dasharray:200;stroke-dashoffset:200;animation:yfx-bolt .35s ease-out forwards,yfx-flick .12s steps(2) .35s 5}@keyframes yfx-bolt{to{stroke-dashoffset:0}}@keyframes yfx-flick{50%{opacity:.2}}.yfx-petal{position:absolute;left:50%;top:50%;width:16vmin;height:34vmin;margin:-34vmin 0 0 -8vmin;border-radius:50%/70% 70% 30% 30%;background:radial-gradient(ellipse at 50% 85%,#fff,var(--c) 45%,transparent 75%);transform-origin:50% 100%;transform:rotate(var(--a));opacity:.55;animation:yfx-bloom .9s cubic-bezier(.2,1.2,.3,1) both}@keyframes yfx-bloom{0%{transform:rotate(var(--a)) scaleY(0)}}.yfx-line{position:absolute;left:0;right:0;top:30%;display:flex;justify-content:center;gap:2vw;font-family:var(--font-brush);font-size:clamp(30px,5vw,64px);color:var(--c);text-shadow:0 0 12px var(--c)}.yfx-line:after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:linear-gradient(90deg,transparent,var(--c),#fff,var(--c),transparent);box-shadow:0 0 16px var(--c);transform-origin:0 50%;animation:yfx-streak .6s ease-out both}.yfx-line span{animation:yfx-pop .3s ease-out both}@keyframes yfx-streak{0%{transform:scaleX(0)}}.yfx-pairs{position:absolute;left:0;right:0;top:26%;display:flex;justify-content:center;gap:2.4vw}.yfx-pairs span{width:4vw;min-width:26px;height:7vw;min-height:44px;border:2px solid var(--c);border-radius:6px;box-shadow:0 0 12px var(--c),calc(4vw + 6px) 0 0 -2px color-mix(in srgb,var(--c) 40%,transparent);animation:yfx-pop .35s cubic-bezier(.2,1.5,.4,1) both}@media (prefers-reduced-motion: reduce){.yfx *,.yfx{animation-duration:.01s!important}.yfx{animation:none}}.yfx-under .yfx-title{display:none}.banter{position:fixed;z-index:135;max-width:260px;padding:8px 12px 9px;font-size:14px;line-height:1.45;color:#f6f2ff;background:linear-gradient(180deg,#0a0818f2,#120c24f2);border:1px solid var(--char);box-shadow:0 0 18px color-mix(in srgb,var(--char) 40%,transparent),0 6px 16px #00000080;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);pointer-events:none;transform:translate(-50%,-100%);animation:banter-in .28s cubic-bezier(.2,1.4,.4,1) both}.banter-down{transform:translate(-50%)}.banter-name{display:block;font-family:var(--font-brush);font-size:13px;color:var(--char);text-shadow:0 0 8px var(--char);margin-bottom:1px}@keyframes banter-in{0%{opacity:0;scale:.6;filter:blur(4px)}}@media (max-width: 820px){.banter{max-width:200px;font-size:12px}}.tw{position:fixed;top:0;right:0;bottom:0;left:0;z-index:118;pointer-events:none;animation:tw-life 1.7s ease-out forwards}@keyframes tw-life{0%,70%{opacity:1}to{opacity:0}}.tw-edge{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 4px #ff283ce6,inset 0 0 80px 20px #ff1e328c;animation:tw-blink .5s steps(2) 2}@keyframes tw-blink{50%{opacity:.25}}.tw-text{position:absolute;left:50%;top:14%;transform:translate(-50%);padding:8px 26px;font-family:var(--font-head);font-size:clamp(15px,2vw,22px);color:#fff;white-space:nowrap;background:linear-gradient(90deg,transparent,rgba(120,8,20,.92) 12%,rgba(120,8,20,.92) 88%,transparent);text-shadow:0 0 8px #ff2a3d;letter-spacing:.08em;animation:tw-text .35s ease-out both}@keyframes tw-text{0%{transform:translate(-50%) scaleY(.1);opacity:0}}.tw-fuda img{position:absolute;width:clamp(34px,4vw,56px);filter:drop-shadow(0 3px 8px rgba(0,0,0,.6));animation:tw-fuda .3s calc(var(--i) * .06s) cubic-bezier(.2,1.4,.4,1) both}.tw-fuda img:nth-child(1){left:2%;top:8%;rotate:-8deg}.tw-fuda img:nth-child(2){right:2%;top:30%;rotate:6deg}.tw-fuda img:nth-child(3){left:3%;bottom:18%;rotate:5deg}.tw-fuda img:nth-child(4){right:4%;bottom:6%;rotate:-12deg}@keyframes tw-fuda{0%{transform:scale(1.8);opacity:0}}.tw-glitch{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 12%,rgba(95,232,255,.35) 12% 13.4%,transparent 13.4% 47%,rgba(255,40,80,.35) 47% 49%,transparent 49% 78%,rgba(95,232,255,.3) 78% 79%,transparent 79%);mix-blend-mode:screen;animation:tw-glitch .6s steps(5) both}@keyframes tw-glitch{0%{transform:translate(-30px)}25%{transform:translate(24px) scaleY(1.1)}50%{transform:translate(-12px);background-position:0 40px}75%{transform:translate(8px);background-position:0 -60px}to{transform:none;opacity:0}}.od-self{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.od-self-edge{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,30,50,.22) 0 2px,transparent 2px 5px);-webkit-mask-image:radial-gradient(ellipse at center,transparent 55%,#000 85%);mask-image:radial-gradient(ellipse at center,transparent 55%,#000 85%);box-shadow:inset 0 0 60px #ff1e3273;animation:od-scan 4s linear infinite,od-jitter 3.2s steps(1) infinite}@keyframes od-scan{to{background-position:0 100px}}@keyframes od-jitter{0%,86%,to{transform:none;filter:none}88%{transform:translate(-6px);filter:hue-rotate(40deg)}90%{transform:translate(5px)}92%{transform:none}}.od-self-tag{position:absolute;left:50%;top:6px;transform:translate(-50%);padding:2px 14px;font-family:var(--font-num);font-size:12px;letter-spacing:.3em;color:#ffb0b8;background:#50000abf;border:1px solid #ff2a3d}:root[data-overdrive=self] .river-wrap:not(.river-wrap-self) .river:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;min-width:40px;min-height:40px;z-index:5;background:url(/fx/static.png) repeat,#1e1e22eb;background-size:96px 96px;border-radius:6px;animation:od-static .35s steps(4) infinite;pointer-events:none}@keyframes od-static{0%{background-position:0 0}25%{background-position:31px 17px}50%{background-position:-23px 41px}75%{background-position:13px -29px}}.plate-overheat{position:relative;box-shadow:0 0 0 2px #ff3b2e,0 0 22px #ff3c28bf!important;background-image:linear-gradient(0deg,rgba(255,50,30,.35),transparent 70%)!important;animation:overheat 1.2s ease-in-out infinite alternate}@keyframes overheat{to{box-shadow:0 0 0 2px #ff7a3d,0 0 34px #ff5a28f2}}.plate-overheat:after{content:"";position:absolute;left:50%;bottom:70%;width:70px;height:100px;margin-left:-35px;background:url(/fx/steam.svg) center bottom / contain no-repeat;opacity:.7;pointer-events:none;animation:steam 2.4s ease-out infinite}@keyframes steam{0%{transform:translateY(14px) scale(.7);opacity:0}30%{opacity:.75}to{transform:translateY(-18px) scale(1.15);opacity:0}}:root[data-skill-lock] .skill-btn{position:relative;filter:grayscale(.6) brightness(.8)}:root[data-skill-lock] .skill-btn:before{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:18px;margin-top:-9px;background:url(/fx/chain.svg) left center / auto 100% repeat-x;rotate:-8deg;z-index:2;pointer-events:none;animation:chain-in .4s cubic-bezier(.2,1.4,.4,1) both}:root[data-skill-lock] .skill-btn:after{counter-reset:lk var(--lock-left, 0);content:counter(lk);position:absolute;right:-6px;top:-8px;z-index:3;width:22px;height:26px;padding-top:7px;box-sizing:border-box;font:700 11px/1 var(--font-num);text-align:center;color:#3a1a04;background:url(/fx/lock.svg) center / contain no-repeat;pointer-events:none}@keyframes chain-in{0%{transform:scaleX(0)}}.lock-banner{position:fixed;left:50%;bottom:30%;transform:translate(-50%);z-index:55;display:flex;align-items:center;gap:8px;padding:4px 14px 4px 6px;font-family:var(--font-head);font-size:13px;color:#ffe9a0;background:linear-gradient(90deg,#281a04e6,#462e08e6);border:1px solid #e8c25a;border-radius:999px;pointer-events:none}.lock-banner img{width:20px}.lock-banner b{color:#fff}.tide-moon{position:fixed;z-index:40;transform:translate(-50%);display:flex;align-items:center;gap:2px;pointer-events:none}.tide-moon img{width:26px;height:26px;filter:drop-shadow(0 0 4px rgba(245,215,122,.4))}.tide-moon span{font:700 11px var(--font-num);color:#f5d77a;text-shadow:0 0 4px #000}.tide-lv-5 img{filter:drop-shadow(0 0 10px #ffe9a0);animation:moon-pulse 1.6s ease-in-out infinite alternate}@keyframes moon-pulse{to{filter:drop-shadow(0 0 18px #fff3c0)}}.tide-ripple{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none}.tide-ripple span{position:absolute;left:50%;top:46%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;border:3px solid rgba(160,225,255,.85);box-shadow:0 0 20px #7ad7ff99,inset 0 0 20px #7ad7ff66;animation:ripple 2.2s ease-out both}.tide-ripple span:nth-child(2){animation-delay:.35s}.tide-ripple span:nth-child(3){animation-delay:.7s}@keyframes ripple{0%{transform:scale(.3);opacity:1}to{transform:scale(12);opacity:0}}.suzu-fx{position:fixed;z-index:70;pointer-events:none;transform:translate(-50%,-60%)}.suzu-fx img{position:relative;width:110px;animation:suzu-shake 2.6s ease-out both;transform-origin:50% 70%}@keyframes suzu-shake{0%{opacity:0;transform:translateY(20px) scale(.6)}12%{opacity:1;transform:none}18%{rotate:-14deg}26%{rotate:12deg}34%{rotate:-8deg}42%{rotate:6deg}50%,80%{rotate:0deg;opacity:1}to{opacity:0;transform:translateY(-20px)}}.suzu-light{position:absolute;left:50%;top:40%;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,160,.75),rgba(185,164,255,.3) 45%,transparent 70%);animation:suzu-light 2.6s ease-out both}@keyframes suzu-light{0%{transform:scale(.2);opacity:0}20%{opacity:1}to{transform:scale(1.6);opacity:0}}.taro-fx{position:fixed;left:0;bottom:14%;z-index:70;pointer-events:none;animation:taro-run 3.4s cubic-bezier(.3,.7,.4,1) both}.taro-fx img{width:clamp(70px,9vw,110px);display:block;animation:taro-hop .28s ease-in-out 8 alternate}@keyframes taro-run{0%{transform:translate(-140px)}45%,75%{transform:translate(32vw)}to{transform:translate(32vw) translateY(10px);opacity:0}}@keyframes taro-hop{to{transform:translateY(-8px) rotate(-3deg)}}.taro-say{position:absolute;left:80%;top:-10px;padding:3px 10px;font-family:var(--font-head);font-size:13px;white-space:nowrap;color:#2a2016;background:#fff8ea;border-radius:10px;opacity:0;animation:taro-say 3.4s both}@keyframes taro-say{0%,42%{opacity:0;transform:translateY(6px)}50%,85%{opacity:1;transform:none}to{opacity:0}}.tsuki-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none}.tsuki-moon{position:absolute;right:10%;top:12%;width:90px;filter:drop-shadow(0 0 20px #ffe9a0);animation:tsuki-moon 1.7s ease-in-out both}@keyframes tsuki-moon{0%{opacity:0;transform:scale(.5)}20%,75%{opacity:1;transform:none}60%{transform:scale(1.12)}to{opacity:0;transform:scale(.8)}}.tsuki-tile{position:absolute;left:0;top:0;animation:tsuki-suck 1.3s .2s cubic-bezier(.5,0,.8,.4) both}@keyframes tsuki-suck{0%{transform:translate(var(--fx),var(--fy));opacity:1}to{transform:translate(calc(90vw - 45px),calc(12vh + 45px)) scale(.1) rotate(540deg);opacity:.2}}.swap-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none}.swap-bolt{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(0 0 6px #ffe14f) drop-shadow(0 0 14px #ffe14f);animation:bolt-flash .8s steps(1) both}.swap-tile{position:absolute;left:0;top:0;margin:-22px 0 0 -17px;filter:drop-shadow(0 0 10px #ffe14f);animation:swap-move 1.1s .1s cubic-bezier(.6,0,.3,1) both}@keyframes swap-move{0%{transform:translate(var(--ax),var(--ay))}to{transform:translate(var(--bx),var(--by))}}:root[data-perf=eco] .od-self-edge,:root[data-perf=eco] .plate-overheat,:root[data-perf=eco] .plate-overheat:after,:root[data-perf=eco] .tide-lv-5 img{animation:none}:root[data-perf=eco][data-overdrive=self] .river-wrap:not(.river-wrap-self) .river:after{animation:none}.mio-kouyaku{position:fixed;left:50%;top:30%;z-index:116;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 40px 14px;pointer-events:none;color:#fff;background:linear-gradient(90deg,transparent,rgba(4,40,46,.94) 14%,rgba(4,40,46,.94) 86%,transparent);border-top:2px solid var(--suit);border-bottom:2px solid var(--suit);animation:mio-pop 2.4s cubic-bezier(.2,1.2,.4,1) both}.mio-suit-man{--suit: #ff5a6e}.mio-suit-pin{--suit: #5ab4ff}.mio-suit-sou{--suit: #5fe08a}.mio-kouyaku-kicker{font-family:var(--font-num);font-size:11px;letter-spacing:.4em;color:#9ffff4}.mio-kouyaku-main{display:flex;align-items:baseline;gap:14px;font-family:var(--font-brush)}.mio-kouyaku-label{font-size:clamp(28px,4vw,44px);text-shadow:0 0 16px #2ec4b6}.mio-kouyaku-suit{padding:0 14px;font-size:clamp(34px,5vw,56px);color:#08060e;background:var(--suit);box-shadow:0 0 24px var(--suit);transform:rotate(-3deg)}.mio-kouyaku-sub{font-size:13px;color:#dffcf8}@keyframes mio-pop{0%{opacity:0;transform:translate(-50%) scale(1.4)}12%,80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.mio-verdict{position:fixed;left:50%;top:34%;z-index:116;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;animation:mio-fade 2.2s ease-out both}.mio-verdict-stamp{padding:4px 20px;font-family:var(--font-brush);font-size:clamp(36px,6vw,64px);border:5px double currentColor;transform:rotate(-8deg);animation:mio-stamp .45s cubic-bezier(.2,1.5,.4,1) both}.mio-verdict-yuugen{color:#ffd25a;text-shadow:0 0 18px rgba(255,200,80,.8)}.mio-verdict-ihan{color:#9aa4b2;text-shadow:0 2px 0 #000}.mio-verdict-ihan .mio-verdict-stamp{filter:grayscale(.4)}.mio-verdict-stamp{background:#0e0a04b8}.mio-verdict-sub{padding:2px 14px;font-size:13px;color:#fff;background:#041e22d9}@keyframes mio-stamp{0%{opacity:0;transform:rotate(-8deg) scale(2.4)}}@keyframes mio-fade{0%,80%{opacity:1}to{opacity:0}}.mio-gorei{position:fixed;z-index:116;width:0;height:0;pointer-events:none}.mio-gorei i{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border:3px solid #9ffff4;border-radius:50%;animation:mio-ring 1.2s ease-out both}.mio-gorei i:nth-child(2){animation-delay:.15s}.mio-gorei i:nth-child(3){animation-delay:.3s}.mio-gorei b{position:absolute;left:0;top:-70px;transform:translate(-50%);padding:2px 16px;font-family:var(--font-brush);font-size:30px;white-space:nowrap;color:#fff;background:#1f8f86;box-shadow:0 0 20px #2ec4b6;animation:mio-fade 1.8s ease-out both}@keyframes mio-ring{0%{transform:scale(.3);opacity:1}to{transform:scale(6);opacity:0}}.mio-gorei-bar{position:fixed;left:50%;bottom:168px;z-index:40;transform:translate(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:5px 14px 5px 5px;font-size:13px;color:#dffcf8;pointer-events:none;background:#042428eb;border:1px solid #2ec4b6;border-radius:999px}@media (max-width: 520px){.mio-gorei-bar{top:196px;bottom:auto;font-size:11.5px;gap:6px}}.mio-gorei-bar b{flex:none;padding:0 10px;font-family:var(--font-brush);color:#08060e;background:#9ffff4;border-radius:999px}.mio-toudai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:114;pointer-events:none;background:conic-gradient(from var(--a, 0deg) at var(--x) var(--y),transparent 0deg,rgba(255,244,190,.55) 6deg,rgba(255,250,220,.85) 9deg,rgba(255,244,190,.55) 12deg,transparent 18deg,transparent 360deg);mix-blend-mode:screen;animation:mio-sweep 2s ease-in-out both}.mio-toudai-label{position:fixed;left:50%;top:22%;z-index:115;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:mio-fade 2s ease-out both}.mio-toudai-label b{font-family:var(--font-brush);font-size:clamp(30px,5vw,48px);color:#fff8dc;text-shadow:0 0 20px rgba(255,230,150,.9)}.mio-toudai-label small{padding:1px 12px;font-size:12px;color:#fff4d0;background:#1e1806cc}@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes mio-sweep{0%{--a: 180deg;opacity:0}15%{opacity:1}85%{opacity:1}to{--a: 540deg;opacity:0}}.mio-ooshio{position:fixed;top:0;right:0;bottom:0;left:0;z-index:114;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;pointer-events:none}.mio-ooshio i{position:absolute;left:-20%;right:-20%;bottom:0;height:70%;border-top:3px solid rgba(200,255,248,.85);border-radius:50% 50% 0 0/18% 18% 0 0;background:linear-gradient(180deg,rgba(120,255,240,.4),rgba(20,120,140,.35) 30%,rgba(4,40,60,.2) 70%,transparent);animation:mio-swell 2.2s cubic-bezier(.3,.7,.3,1) both}.mio-ooshio i:nth-child(2){animation-delay:.18s;opacity:.6;left:-40%}.mio-ooshio b,.mio-ooshio small{position:relative;z-index:1;animation:mio-fade 2.2s ease-out both}.mio-ooshio b{font-family:var(--font-brush);font-size:clamp(48px,9vw,96px);color:#effffc;text-shadow:0 0 24px #2ec4b6,0 4px 0 rgba(4,60,66,.9)}.mio-ooshio small{padding:2px 12px;font-size:13px;color:#dffcf8;background:#041e22cc}@keyframes mio-swell{0%{transform:translateY(100%)}45%{transform:translateY(-10%)}to{transform:translateY(110%)}}.mio-rinken{position:fixed;z-index:116;width:0;height:0;pointer-events:none;animation:mio-fade 2.4s ease-out both}.mio-rinken-light{position:absolute;left:-110px;top:-110px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(220,240,255,.45),rgba(120,180,255,.15) 55%,transparent 70%);animation:mio-search .6s ease-out both}.mio-rinken-stamp{position:absolute;left:0;top:-18px;transform:translate(-50%) rotate(-10deg);padding:0 10px;font-family:var(--font-brush);font-size:30px;color:#5b8def;border:3px solid #5b8def;background:#f0f6ffeb;animation:mio-stamp .4s .2s cubic-bezier(.2,1.5,.4,1) both}.mio-rinken-tile{position:absolute;left:0;top:30px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;background:#081022e6;border:1px solid #5b8def;white-space:nowrap}.mio-rinken-tile small{font-size:11px;color:#cfe0ff}@keyframes mio-search{0%{transform:translate(-60px,-80px) scale(.5);opacity:0}}@media (prefers-reduced-motion: reduce){.mio-gorei i,.mio-toudai,.mio-ooshio i,.mio-rinken-light{display:none}}:root[data-perf=eco] .mio-toudai{mix-blend-mode:normal;opacity:.6}:root[data-perf=eco] .mio-ooshio i:nth-child(2){display:none}.attract-menu{padding:18px 22px 14px;color:#f6f1e4;background:repeating-linear-gradient(100deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px),radial-gradient(ellipse at 30% 20%,#2f4a3e,#1b2c25 70%);border:8px solid #7a5232;border-radius:6px;box-shadow:inset 0 0 30px #00000080,0 18px 40px #0009}.menu-head{display:flex;flex-direction:column;align-items:center}.menu-kicker{font-family:var(--font-num);font-size:10px;letter-spacing:.4em;color:#ffd27a}.menu-title{font-family:var(--font-brush);font-size:30px;color:#fffaf0;text-shadow:0 0 1px #fff,1px 1px 0 rgba(0,0,0,.4)}.menu-sub{margin:4px 0 12px;font-size:13px;text-align:center;color:#e3dcc8}.menu-dishes{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.menu-dish{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;color:inherit;background:none;border:1px dashed rgba(255,250,235,.35);border-radius:8px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.menu-dish:hover,.menu-dish:focus-visible{transform:translateY(-3px);border-color:#ffd27a}.menu-dish small{font-family:var(--font-brush);font-size:13px;color:#ffd27a}.menu-plate{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#ffffff 0 52%,#e8eef0 53% 62%,#cfd8dc 63% 66%,transparent 67%);box-shadow:0 6px 14px #00000073}.menu-foot{margin-top:10px;font-size:12px;text-align:right;color:#c9c1aa}.tile-exposed{position:relative;display:inline-flex;border-radius:3px;box-shadow:0 0 0 2px #5b8def,0 0 10px #5b8defcc}.tile-exposed:after{content:"臨";position:absolute;right:-5px;top:-7px;padding:0 2px;font-family:var(--font-brush);font-size:9px;line-height:1.2;color:#fff;background:#5b8def;border-radius:2px}.ae-ketsugi{position:fixed;left:50%;top:30%;z-index:116;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 40px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(12,16,56,.94) 14%,rgba(12,16,56,.94) 86%,transparent);border-top:2px solid #9db4ff;border-bottom:2px solid #9db4ff;animation:mio-pop 2.2s cubic-bezier(.2,1.2,.4,1) both}.ae-ketsugi-kicker{font-family:var(--font-num);font-size:11px;letter-spacing:.4em;color:#d6e0ff}.ae-ketsugi-stamp{padding:0 16px;background:#141004bf;text-shadow:0 0 14px rgba(255,220,120,.8);font-family:var(--font-brush);font-size:clamp(34px,5vw,52px);color:#fff6c8;border:4px double #fff6c8;transform:rotate(-6deg);animation:mio-stamp .45s .15s cubic-bezier(.2,1.5,.4,1) both}.ae-ketsugi-sub{font-size:13px;color:#eef2ff}.ae-rewind{position:fixed;top:0;right:0;bottom:0;left:0;z-index:116;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;background:radial-gradient(circle,rgba(40,24,8,.35),transparent 60%);animation:mio-fade 2.2s ease-out both}.ae-rewind-clock{position:relative;width:160px;height:160px;border:4px solid #d4893a;border-radius:50%;box-shadow:0 0 24px #d4893a99,inset 0 0 20px #d4893a4d;background:repeating-conic-gradient(from 0deg,rgba(255,220,170,.6) 0deg 1deg,transparent 1deg 30deg)}.ae-rewind-clock i{position:absolute;left:50%;bottom:50%;width:4px;margin-left:-2px;background:#ffe2b8;border-radius:2px;transform-origin:50% 100%}.ae-hand-long{height:64px;animation:ae-ccw 1.6s cubic-bezier(.4,0,.2,1) both}.ae-hand-short{height:40px;animation:ae-ccw 1.6s cubic-bezier(.4,0,.2,1) both reverse;animation-direction:normal;animation-duration:3.2s}@keyframes ae-ccw{0%{transform:rotate(0)}to{transform:rotate(-720deg)}}.ae-rewind b{font-family:var(--font-brush);font-size:clamp(34px,6vw,60px);color:#fff3e0;text-shadow:0 0 18px #d4893a}.ae-rewind-tile{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#1e1206d9;border:1px solid #d4893a}.ae-rewind-tile small{font-size:12px;color:#ffe2b8}.ae-kane{position:fixed;z-index:116;width:0;height:0;pointer-events:none}.ae-kane i{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border:3px solid #ffd28a;border-radius:50%;animation:mio-ring 1.2s ease-out both}.ae-kane i:nth-child(2){animation-delay:.35s}.ae-kane b{position:absolute;left:0;top:-70px;transform:translate(-50%);padding:2px 14px;font-family:var(--font-brush);font-size:26px;white-space:nowrap;color:#2a1606;background:#ffd28a;box-shadow:0 0 18px #d4893a;animation:mio-fade 1.8s ease-out both}.ae-wind{position:fixed;top:0;right:0;bottom:0;left:0;z-index:114;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;pointer-events:none}.ae-wind i{position:absolute;left:-40%;width:40%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(200,255,190,.85),transparent);animation:ae-gust 1s ease-in both}.ae-wind i:nth-child(1){top:25%}.ae-wind i:nth-child(2){top:40%;animation-delay:.12s}.ae-wind i:nth-child(3){top:58%;animation-delay:.24s}.ae-wind i:nth-child(4){top:72%;animation-delay:.36s}@keyframes ae-gust{to{transform:translate(400%)}}.ae-wind b,.ae-wind small{position:relative;animation:mio-fade 1.8s ease-out both}.ae-wind b{font-family:var(--font-brush);font-size:clamp(36px,6vw,64px);color:#f2ffee;text-shadow:0 0 18px #7fd65a}.ae-wind small{padding:2px 12px;font-size:13px;color:#eaffdf;background:#0a1e08cc}.ae-uranai{position:fixed;left:50%;top:26%;z-index:116;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;animation:mio-fade 2.2s ease-out both}.ae-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;height:160px;border:2px solid #ffa8d2;border-radius:10px;background:radial-gradient(1.5px 1.5px at 20% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 80% 30%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 30% 80%,#fff 50%,transparent 51%),linear-gradient(160deg,#241446,#0c0a2a);box-shadow:0 0 24px #ffa8d280;animation:ae-flip .7s cubic-bezier(.2,.9,.3,1.2) both}.ae-card-star{font-size:48px;color:#fff6c8;text-shadow:0 0 16px #ffd86a}.ae-card-name{font-family:var(--font-brush);font-size:20px;color:#ffe6f3}.ae-uranai small{padding:2px 12px;font-size:13px;color:#ffe6f3;background:#1e0a28d9}@keyframes ae-flip{0%{transform:perspective(600px) rotateY(180deg) scale(.6);opacity:0}}@media (prefers-reduced-motion: reduce){.ae-wind i,.ae-kane i,.ae-rewind-clock i{animation:none}}:root[data-perf=eco] .ae-wind i:nth-child(n+3){display:none}.ae-meteor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:116;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,rgba(20,28,90,.35),transparent 65%);animation:mio-fade 2.6s ease-out both}.ae-meteor-rain i{position:absolute;top:-20%;left:calc(8% + var(--i) * 11%);width:3px;height:160px;border-radius:3px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95));box-shadow:0 0 8px #9db4ffe6;transform:rotate(35deg);animation:ca-meteor 1.2s ease-in both;animation-delay:calc(var(--i) * .11s)}.ae-meteor-land{position:absolute;transform:translate(-50%,-50%);font-size:26px;color:#fff6c8;text-shadow:0 0 10px #ffd86a,0 0 22px #9db4ff;animation:ae-land 1.6s cubic-bezier(.2,1.2,.4,1) both;animation-delay:calc(.5s + var(--i) * .15s)}@keyframes ae-land{0%{opacity:0;transform:translate(calc(-50% + 80px),calc(-50% - 160px)) scale(.4)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}70%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.ae-meteor b,.ae-meteor small{position:relative}.ae-meteor b{font-family:var(--font-brush);font-size:clamp(38px,6vw,66px);color:#fff;text-shadow:0 0 18px #9db4ff,0 3px 0 #0a0e30}.ae-meteor small{padding:2px 12px;font-size:13px;color:#eef2ff;background:#0a0e30d9}@media (prefers-reduced-motion: reduce){.ae-meteor-rain i,.ae-meteor-land{animation:none}.ae-meteor-rain{display:none}}:root[data-perf=eco] .ae-meteor-rain i:nth-child(n+4){display:none}.arena-mj{position:relative}.arena-mj .arena-side{width:240px}.arena-mj .arena-side{align-self:stretch}.arena-mj .arena-left{justify-content:flex-start;align-items:center}.arena-mj .arena-right{justify-content:flex-end;align-items:flex-start}.mj-hud{position:absolute;left:12px;top:8px;z-index:6;padding:8px 12px 10px;display:flex;flex-direction:column;gap:4px;min-width:168px}.mj-hud-round{font-family:var(--font-brush);font-size:22px;color:var(--gold);text-shadow:0 0 10px rgba(232,192,96,.45);line-height:1.1}.mj-hud-sub{display:flex;gap:14px;font-family:var(--font-num);font-size:14px;color:var(--text)}.mj-hud-sub span{display:inline-flex;align-items:center;gap:4px}.mj-hud-icon{display:inline-block;width:22px;height:6px;border-radius:3px;background:#f2f0f8;position:relative;box-shadow:0 1px 2px #00000080}.mj-hud-honba{background:repeating-linear-gradient(90deg,#f2f0f8 0,#f2f0f8 3px,#1a1a1a 3px,#1a1a1a 4px)}.mj-hud-stick:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#e0233c}.mj-hud-dora{display:flex;gap:2px;margin-top:2px}.mj-hud-pdora{gap:4px}.board-mj .board-center{background:radial-gradient(circle at 50% 50%,rgba(95,224,255,.08),transparent 60%),linear-gradient(180deg,#080714f2,#100c24f2);border-radius:10px}.board-mj .center-round,.board-mj .center-sub,.board-mj .center-dora{display:none}.board-mj .center-wall{flex-direction:column;align-items:center;gap:0}.board-mj .center-wall .muted{font-size:0}.board-mj .center-wall .muted:before{content:"残り";font-size:11px}.board-mj .timer-bar{width:46%}.mj-score{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:2px 8px 3px;border-radius:6px;--push: calc(var(--board) * .18 - 14px);transform:translate(-50%,-50%) rotate(var(--rot)) translateY(var(--push));transition:background .25s,box-shadow .25s}.mj-score-self{--rot: 0deg}.mj-score-right{--rot: -90deg}.mj-score-top{--rot: 180deg}.mj-score-left{--rot: 90deg}.mj-score-wind{font-family:var(--font-head);font-weight:700;font-size:calc(var(--board) * .032);color:var(--muted)}.mj-score.dealer .mj-score-wind{color:#ff5a6e;text-shadow:0 0 8px rgba(255,90,110,.6)}.mj-score-num{font-family:var(--font-num);font-weight:700;font-size:calc(var(--board) * .036);letter-spacing:.02em;color:var(--text);cursor:pointer;line-height:1}.rank-flip{position:absolute;left:50%;top:100%;margin-top:3px;padding:0 7px;font-family:var(--font-num);font-weight:800;font-size:calc(var(--board) * .024);letter-spacing:.05em;white-space:nowrap;pointer-events:none;z-index:3;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);animation:rank-flip 2.8s cubic-bezier(.2,1.2,.4,1) .6s both}.rank-flip-up{color:#061a10;background:#7dffb0}.rank-flip-down{color:#fff;background:#c8304a}.rank-flip-top{color:#2a1a00;background:linear-gradient(90deg,#ffe066,#fff6c8,#ffe066);box-shadow:0 0 14px #ffe066e6;font-size:calc(var(--board) * .03);letter-spacing:.25em}@keyframes rank-flip{0%{opacity:0;transform:translate(-50%) rotateX(90deg)}12%{opacity:1;transform:translate(-50%) rotateX(0)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%) translateY(-4px)}}.mj-score.on{background:linear-gradient(0deg,color-mix(in srgb,var(--char) 30%,transparent),transparent);box-shadow:0 3px 0 -1px var(--char)}.mj-score.on .mj-score-num{color:#fff;text-shadow:0 0 10px var(--char)}.mj-score-stick{position:absolute;left:50%;bottom:calc(100% + 1px);width:calc(var(--board) * .1);height:5px;transform:translate(-50%);border-radius:3px;background:#f4f2fa;box-shadow:0 0 6px #fff9}.mj-score-stick:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#e0233c}.mj-opp{display:flex;align-items:center;gap:10px}.mj-opp-top{flex-direction:row;align-items:flex-start}.mj-opp-left{flex-direction:column-reverse;align-items:flex-start;gap:14px}.mj-opp-right{flex-direction:column-reverse;align-items:flex-end;gap:14px}.mj-opp-left .mj-hand{margin-left:6px}.mj-opp-right .mj-hand{margin-right:6px}.dock:not(.dock-closed){z-index:33}.mj-plate{position:relative;z-index:32;display:flex;gap:8px;align-items:flex-start;width:176px;padding:7px 9px;border-radius:10px;background:linear-gradient(180deg,#080614d1,#0e0a20d1);border:1px solid var(--line);box-shadow:0 6px 18px #00000059;transition:border-color .25s,box-shadow .25s}.mj-opp-top{position:relative}.mj-opp-top .mj-plate{position:absolute;right:calc(100% + 14px);top:0}.arena-mj~.game-menu .game-menu-round{display:none}.mj-opp-turn .mj-plate{border-color:var(--char);box-shadow:0 0 18px color-mix(in srgb,var(--char) 45%,transparent),0 6px 18px #00000059}.mj-opp-riichi .mj-plate{background:linear-gradient(180deg,#ff4fd824,#0e0a20d9)}.mj-plate .mj-plate-portrait{width:42px;height:42px;min-width:42px;flex:0 0 42px;overflow:hidden}.mj-plate-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.mj-plate-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mj-plate-char{color:var(--char);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mj-plate .opp-timer{right:6px;top:2px;font-size:22px}.mj-hand{display:flex;gap:8px;align-items:center}.mj-opp-left .mj-hand,.mj-opp-right .mj-hand{flex-direction:column}.mj-hand-tiles{display:flex;gap:1px}.mj-opp-left .mj-hand-tiles,.mj-opp-right .mj-hand-tiles{flex-direction:column}.mj-hand-revealed{padding:3px;border-radius:6px;background:#5fe0ff14;outline:1px dashed rgba(95,224,255,.5)}.mj-stand{display:block;width:20px;height:28px;border-radius:3px 3px 2px 2px;background:linear-gradient(0deg,#e9e4d6 0 3px,transparent 3px),var(--tile-back) center / 100% 100% no-repeat;box-shadow:0 2px 2px #00000080,inset 0 1px #ffffff40}.mj-stand-side{display:block;width:30px;height:11px;border-radius:2px;box-shadow:0 1px 2px #0000008c}.mj-opp-left .mj-stand-side{background:linear-gradient(90deg,var(--tile-edge-2),var(--tile-edge) 58%,#f3eee0 60%,#d8d2c0)}.mj-opp-right .mj-stand-side{background:linear-gradient(270deg,var(--tile-edge-2),var(--tile-edge) 58%,#f3eee0 60%,#d8d2c0)}.mj-stand.mj-drawn{margin-left:6px}.mj-stand-side.mj-drawn{margin-top:6px}.mj-opp .melds{flex-wrap:wrap;max-width:220px}.mj-opp-left .melds,.mj-opp-right .melds{flex-direction:column;align-items:center}.arena-mj .arena-mid{perspective:1600px}.board-mj{transform:rotateX(16deg);transform-origin:50% 60%;border:none;border-radius:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23f)'/%3E%3C/svg%3E"),radial-gradient(circle at 50% 45%,var(--felt),var(--felt2) 62%,rgba(6,5,16,.95)),var(--bg2);box-shadow:0 0 0 10px #120c10,0 0 0 11px color-mix(in srgb,var(--gold) 70%,transparent),0 0 0 16px #0a0709,0 0 0 17px #ffffff0f,0 40px 60px -10px #000000bf,0 0 80px color-mix(in srgb,var(--cyan) 14%,transparent),inset 0 0 90px #000000a6,inset 0 2px #ffffff0d;overflow:visible}.board-mj:before,.board-mj:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:30px;pointer-events:none;background:linear-gradient(135deg,var(--gold) 0 3px,transparent 3px) top left / 34px 34px no-repeat,linear-gradient(225deg,var(--gold) 0 3px,transparent 3px) top right / 34px 34px no-repeat,linear-gradient(45deg,var(--gold) 0 3px,transparent 3px) bottom left / 34px 34px no-repeat,linear-gradient(315deg,var(--gold) 0 3px,transparent 3px) bottom right / 34px 34px no-repeat;opacity:.7}.board-mj:after{top:0;right:0;bottom:0;left:0;border-radius:22px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.07),transparent 55%);opacity:1}.board-mj .board-sigil{opacity:.55}.board-mj .river .tile{filter:drop-shadow(0 3px 2px rgba(0,0,0,.55))}.board-mj .board-center{box-shadow:0 10px 24px #000000b3,0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent),inset 0 0 24px #5fe0ff12}@media (prefers-reduced-motion: reduce){.board-mj{transform:none}}.game-mobile .board-wrap{perspective:1200px}.game-mobile .board-mj{transform:rotateX(10deg)}.game-mobile .mj-hud{position:static;flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 10px;min-width:0;padding:5px 8px}.game-mobile .mj-hud-round{font-size:16px}.game-mobile .mj-hud-sub{font-size:12px;gap:8px}.game-mobile .mj-hud-icon{width:16px;height:5px}.game-mobile .mj-hud-dora .tile{width:18px!important;height:24px!important}.game-mobile .m-top .game-menu-round,.game-mobile .opp-mini-score{display:none}.mj-mini-hand{display:flex;gap:1px;margin-top:4px}.mj-mini-hand .mj-stand{width:9px;height:13px;border-radius:2px 2px 1px 1px}.mj-mini-hand .mj-drawn{margin-left:3px}.game-mobile .mj-score{padding:1px 5px 2px;gap:3px}.game-mobile .m-top{justify-content:space-between;align-items:flex-start;gap:6px}.game.game-landscape{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.game.game-landscape .m-top{position:absolute;left:0;right:0;top:0;z-index:8;padding:4px 6px 0;pointer-events:none}.game.game-landscape .m-top>*{pointer-events:auto}.game.game-landscape .m-top .game-menu-static{max-width:calc((100vw - var(--board)) / 2 - 10px);flex-wrap:wrap;justify-content:flex-end}.game.game-landscape .m-top .mj-hud{max-width:calc((100vw - var(--board)) / 2 - 10px)}.game.game-landscape .m-mid{flex:1;min-height:0;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"left board top" "left board right";gap:4px 10px;align-items:center;padding:4px 8px 0}.game.game-landscape .m-opps{display:contents}.game.game-landscape .board-wrap{grid-area:board;align-self:center}.game.game-landscape .opp-mini{width:min(210px,100%);padding:5px 7px}.game.game-landscape .opp-mini-left{grid-area:left;justify-self:end;align-self:center}.game.game-landscape .opp-mini-top{grid-area:top;justify-self:start;align-self:end}.game.game-landscape .opp-mini-right{grid-area:right;justify-self:start;align-self:start}.game.game-landscape .my-area{position:relative;padding:2px 156px 4px 8px}.game.game-landscape .my-area .action-bar{position:absolute;left:0;right:150px;bottom:calc(100% + 2px);z-index:9;min-height:0;pointer-events:none}.game.game-landscape .my-area .action-bar>*{pointer-events:auto}.game.game-landscape .my-row{flex-direction:row;flex-wrap:nowrap;align-items:flex-end;gap:8px}.game.game-landscape .my-meta{width:auto;min-width:0;flex:0 0 auto;padding:0}.game.game-landscape .my-meta .my-name{font-size:11px}.game.game-landscape .my-meta .my-score{font-size:15px}.game.game-landscape .my-waits,.game.game-landscape .my-status .chip{display:none}.game.game-landscape .my-hand{zoom:.86}.river .tile.tile-same{outline:2px solid var(--cyan);outline-offset:0;box-shadow:0 0 10px 2px #5fe0ffa6;z-index:2}.river .tile.river-tsumogiri:not(.tile-glow-new):not(.tile-dim){filter:brightness(.7) saturate(.75) drop-shadow(0 3px 2px rgba(0,0,0,.55))}@media (prefers-reduced-motion: reduce){.tile.river-ron{animation:none}}.mj-hud-dora .tile.dora-flip{animation:dora-flip .7s cubic-bezier(.3,1.4,.5,1) both}@keyframes dora-flip{0%{transform:perspective(200px) rotateY(90deg) scale(1.3);filter:brightness(2.4) drop-shadow(0 0 10px var(--gold))}60%{transform:perspective(200px) rotateY(0) scale(1.15);filter:brightness(1.5) drop-shadow(0 0 12px var(--gold))}to{transform:none}}@media (prefers-reduced-motion: reduce){.mj-hud-dora .tile.dora-flip{animation:none}}.mj-score-stick{animation:riichi-stick-in .7s cubic-bezier(.2,1.3,.4,1) both}@keyframes riichi-stick-in{0%{transform:translate(-50%) translateY(-18px) scaleX(1.6);opacity:0;box-shadow:0 0 18px 6px #ffffffe6}60%{opacity:1;box-shadow:0 0 14px 4px #fffc}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.mj-score-stick{animation:none}}.mj-hud-alllast{margin-left:8px;padding:1px 7px;font-family:var(--font-head);font-size:11px;letter-spacing:.1em;vertical-align:middle;color:#fff;background:linear-gradient(90deg,#c8382a,#e8642a);border-radius:3px;box-shadow:0 0 10px #e8502899;text-shadow:none}.river .tile.river-riichi:not(.tile-same):not(.river-ron){outline:2px solid color-mix(in srgb,var(--gold) 85%,transparent);outline-offset:0;box-shadow:0 0 8px #e8c0608c}.center-wall-low .center-wall-num{color:#ff5a6e;text-shadow:0 0 10px rgba(255,70,90,.7);animation:wall-low 1s ease-in-out infinite}@keyframes wall-low{50%{opacity:.55}}.center-wall-last{position:absolute;top:-1.4em;left:50%;transform:translate(-50%);padding:0 8px;font-family:var(--font-brush);font-size:14px;white-space:nowrap;color:#fff;background:linear-gradient(90deg,#3a6ec8,#1a2c6a);border:1px solid rgba(160,200,255,.6);border-radius:3px;box-shadow:0 0 12px #5a96ff99}.center-wall{position:relative}:root[data-perf=eco] .center-wall-low .center-wall-num{animation:none}@media (prefers-reduced-motion: reduce){.center-wall-low .center-wall-num{animation:none}}.game-fx-locked .my-hand,.game-fx-locked .my-drawn,.game-fx-locked .action-bar,.game-fx-locked .skill-btn{pointer-events:none;filter:brightness(.7) saturate(.7);transition:filter .15s}.mj-awake .mj-plate{border-color:#eef2ffd9;box-shadow:0 0 0 1px #ff5a3c8c,0 0 18px #eef2ff8c,0 0 42px #c8d7ff40;animation:awake-breathe 2.4s ease-in-out infinite}.mj-awake .mj-plate:after{content:"覚";position:absolute;right:-6px;top:-10px;font-family:Yuji Syuku,"Noto Serif JP",serif;font-size:18px;line-height:1;padding:3px 4px;color:#fff;background:linear-gradient(160deg,#e2483a,#8f1d14);border:1px solid rgba(255,255,255,.7);border-radius:3px;box-shadow:0 0 10px #ff503c99;transform:rotate(8deg);pointer-events:none}@keyframes awake-breathe{0%,to{box-shadow:0 0 0 1px #ff5a3c8c,0 0 14px #eef2ff73,0 0 34px #c8d7ff2e}50%{box-shadow:0 0 0 1px #ff5a3ccc,0 0 24px #eef2ffbf,0 0 54px #c8d7ff59}}.chip-awake{color:#1a1020;background:linear-gradient(120deg,#fff,#dfe6ff 55%,#ffb3a6);border-color:#ffffffe6;font-weight:700;letter-spacing:.1em;box-shadow:0 0 10px #eef2ff99}.chip-domain{color:#fff;background:repeating-linear-gradient(45deg,#961414d9 0,#961414d9 6px,#3c0000d9 6px,#3c0000d9 12px);border-color:#ff7864cc}.skill-btn-free .skill-btn-cost{color:#fff;background:linear-gradient(160deg,#e2483a,#8f1d14);border-radius:3px;padding:0 4px;font-size:.8em;letter-spacing:.05em}.skill-btn-free.skill-btn-on{box-shadow:0 0 0 1px #eef2ffcc,0 0 12px #eef2ff73}.skill-btn-used{opacity:.45;filter:grayscale(.7)}.portrait-awake:not(.mood-has-variant) .portrait-img{filter:drop-shadow(0 0 8px rgba(238,242,255,.85)) brightness(1.08) saturate(.85)}.skill-tag-awake{color:#1a1020;background:linear-gradient(120deg,#fff,#dfe6ff 60%,#ffb3a6)}.char-skill-awake{border-left:2px solid rgba(255,90,60,.7);padding-left:6px}.cs-skill-awake{color:#1a1020;background:linear-gradient(120deg,#fff,#dfe6ff 60%,#ffb3a6);border-color:#fffc}.chip-status.chip-void{color:#fff;background:linear-gradient(120deg,#1a0020,#5a0066);border-color:#ff3df2b3}.cs-boss{border:1px solid rgba(255,61,242,.55);background:linear-gradient(90deg,#28003299,#0006)}.cs-boss .cs-other-label{color:#ff3df2;letter-spacing:.1em}.boss-entry .btn-kanji{color:#ff3df2}.boss-record{margin-top:4px;font-size:11px;letter-spacing:.05em;text-align:center;color:#ffbef8bf}.boss-record b{color:#ff9cf6;font-weight:700}.boss-seg .chip-on{border-color:#ff3df2;color:#ffc4fb;background:#ff3df224}.rw-backdrop{z-index:60}.rw{width:min(560px,calc(100vw - 24px));padding:18px 20px 16px;border:1px solid color-mix(in srgb,var(--char) 60%,transparent);box-shadow:0 0 0 1px #0009,0 0 30px color-mix(in srgb,var(--char) 35%,transparent);font-family:Share Tech Mono,ui-monospace,monospace}.rw-kicker{font-size:11px;letter-spacing:.25em;color:var(--char);opacity:.85}.rw-title{font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:800;margin:2px 0 6px;text-shadow:2px 0 rgba(255,0,90,.55),-2px 0 rgba(0,255,200,.55)}.rw-hint{font-family:Noto Sans JP,sans-serif;font-size:12px;opacity:.8;margin-bottom:12px}.rw-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.rw-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 8px 6px;border:1px dashed color-mix(in srgb,var(--char) 45%,transparent);border-radius:6px;background:#00140a8c;color:inherit;cursor:pointer}.rw-slot-sel{border-style:solid;border-color:var(--char);box-shadow:0 0 14px color-mix(in srgb,var(--char) 60%,transparent)}.rw-slot-mine{background:color-mix(in srgb,var(--char) 18%,rgba(0,20,10,.6))}.rw-addr{font-size:10px;opacity:.6}.rw-who{font-family:Noto Sans JP,sans-serif;font-size:11px;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rw-slot-mine .rw-who{color:var(--char);font-weight:700}.rw-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.tile.river-noise{position:relative;overflow:hidden}.tile.river-noise:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(77,255,154,.25) 0 2px,rgba(255,0,110,.18) 2px 3px,transparent 3px 7px),linear-gradient(160deg,#16261d,#0a0f0c);mix-blend-mode:normal;animation:river-static .35s steps(3) infinite}.tile.river-noise-blackout:after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 2px),repeating-linear-gradient(90deg,rgba(255,60,60,.2) 0 1px,transparent 1px 5px),linear-gradient(160deg,#1d1212,#070505)}@keyframes river-static{0%{background-position:0 0,0 0,0 0}33%{background-position:0 2px,3px 0,0 0}66%{background-position:0 1px,-2px 0,0 0}to{background-position:0 0,1px 0,0 0}}.act.act-redraw{background:linear-gradient(160deg,#3a4f86,#1a2346);border-color:#7aa2ffcc}.sfx-awaken,.sfx-awake-end,.sfx-laplace{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;overflow:hidden}.sfx-awaken{background:radial-gradient(ellipse at 50% 60%,#fff0,#0a0614d9 70%);animation:aw-bg 4.2s ease forwards}@keyframes aw-bg{0%{background-color:#0000}8%{background-color:#0009}55%{background-color:#ffffff8c}70%{background-color:#fffaf040}to{background-color:#0000;opacity:0}}.sfx-aw-seal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.sfx-aw-rope{position:absolute;left:-5%;right:-5%;top:50%;height:22px;background:repeating-linear-gradient(115deg,#e8dcc0 0,#e8dcc0 10px,#b9a57a 10px,#b9a57a 14px);border-radius:11px;box-shadow:0 0 12px #ffc87880;animation:aw-rope 4.2s ease forwards}@keyframes aw-rope{0%{transform:scaleX(0);filter:none}12%{transform:scaleX(1)}30%{filter:brightness(1.6) saturate(.4)}42%{transform:scaleX(1) scaleY(.3);opacity:1;filter:brightness(3) sepia(1) hue-rotate(-20deg)}50%{opacity:0;transform:scaleX(1.2) scaleY(0)}to{opacity:0}}.sfx-aw-ofuda{position:absolute;top:calc(50% - 46px);width:34px;height:92px;display:grid;place-items:center;font-family:Yuji Syuku,"Noto Serif JP",serif;font-size:22px;color:#a3121b;background:linear-gradient(#f6efe0,#e7dcc3);border:1px solid #b59a6a;box-shadow:0 2px 8px #00000080;animation:aw-ofuda 4.2s ease forwards}.sfx-aw-ofuda-0{left:14%;--r: -8deg;animation-delay:.05s}.sfx-aw-ofuda-1{left:27%;--r: 6deg;animation-delay:.12s}.sfx-aw-ofuda-2{left:40%;--r: -4deg;animation-delay:.18s}.sfx-aw-ofuda-3{left:55%;--r: 7deg;animation-delay:.1s}.sfx-aw-ofuda-4{left:68%;--r: -6deg;animation-delay:.16s}.sfx-aw-ofuda-5{left:81%;--r: 5deg;animation-delay:.08s}@keyframes aw-ofuda{0%{opacity:0;transform:translateY(-30px) rotate(var(--r))}10%{opacity:1;transform:translateY(0) rotate(var(--r))}30%{filter:none}40%{filter:brightness(2) sepia(1) saturate(4) hue-rotate(-30deg)}52%{opacity:.9;transform:translateY(-40px) rotate(calc(var(--r) * 4)) scale(.8);filter:brightness(3) blur(1px)}62%{opacity:0;transform:translateY(-120px) rotate(calc(var(--r) * 8)) scale(.4)}to{opacity:0}}.sfx-aw-foxfire{position:absolute;top:0;right:0;bottom:0;left:0}.sfx-aw-fire{position:absolute;bottom:30%;width:26px;height:40px;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 70%,#fff,#bed7ffd9 45%,#78a0ff00 75%);filter:blur(1px);opacity:0;animation:aw-fire 4.2s ease forwards}.sfx-aw-fire-0{left:8%;animation-delay:1.4s}.sfx-aw-fire-1{left:18%;animation-delay:1.55s}.sfx-aw-fire-2{left:28%;animation-delay:1.5s}.sfx-aw-fire-3{left:38%;animation-delay:1.65s}.sfx-aw-fire-4{left:49%;animation-delay:1.45s}.sfx-aw-fire-5{left:60%;animation-delay:1.6s}.sfx-aw-fire-6{left:70%;animation-delay:1.52s}.sfx-aw-fire-7{left:80%;animation-delay:1.68s}.sfx-aw-fire-8{left:90%;animation-delay:1.48s}@keyframes aw-fire{0%{opacity:0;transform:translateY(40px) scale(.4)}20%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:.9;transform:translateY(-160px) scale(1.2)}to{opacity:0;transform:translateY(-260px) scale(.6)}}.sfx-aw-sun{position:absolute;left:50%;top:46%;width:70vmin;height:70vmin;margin:-35vmin 0 0 -35vmin;border-radius:50%;background:radial-gradient(circle,#fffffff2 0,#fffffff2 22%,#fff4d699 30%,#ffe6b400 52%),repeating-conic-gradient(#fff5dc59 0,#fff5dc59 4deg,#fff5dc00 4deg,#fff5dc00 12deg);-webkit-mask-image:radial-gradient(circle,#000 0 60%,transparent 72%);mask-image:radial-gradient(circle,#000 0 60%,transparent 72%);opacity:0;animation:aw-sun 4.2s ease forwards}@keyframes aw-sun{0%,40%{opacity:0;transform:translateY(40vmin) scale(.6) rotate(0)}62%{opacity:1;transform:translateY(0) scale(1) rotate(20deg)}88%{opacity:.9;transform:translateY(-2vmin) scale(1.05) rotate(40deg)}to{opacity:0;transform:translateY(-4vmin) scale(1.1) rotate(50deg)}}.sfx-aw-forms{position:absolute;left:50%;bottom:0;width:min(46vh,70vw);height:78vh;transform:translate(-50%)}.sfx-aw-child,.sfx-aw-true{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.sfx-aw-child{animation:aw-child 4.2s ease forwards}.sfx-aw-true{opacity:0;animation:aw-true 4.2s ease forwards}@keyframes aw-child{0%{opacity:0;transform:translateY(30px)}12%{opacity:1;transform:translateY(0)}40%{opacity:1;filter:none}52%{opacity:0;filter:brightness(4) blur(4px);transform:scale(1.06)}to{opacity:0}}@keyframes aw-true{0%,48%{opacity:0;transform:scale(1.12);filter:brightness(4) blur(6px)}62%{opacity:1;transform:scale(1);filter:brightness(1.2) drop-shadow(0 0 24px #fff)}88%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.sfx-aw-text{position:absolute;left:0;right:0;top:12%;text-align:center;opacity:0;animation:aw-text 4.2s ease forwards}@keyframes aw-text{0%,52%{opacity:0;transform:translateY(12px);letter-spacing:.6em}64%{opacity:1;transform:translateY(0);letter-spacing:.12em}90%{opacity:1}to{opacity:0}}.sfx-aw-kicker{font-size:13px;letter-spacing:.4em;color:#e2483a;text-shadow:0 0 8px rgba(255,90,60,.7)}.sfx-aw-title{font-family:Yuji Syuku,"Noto Serif JP",serif;font-size:clamp(30px,6vw,58px);color:#fff;text-shadow:0 0 18px rgba(255,255,255,.9),0 0 40px rgba(200,215,255,.6),2px 2px 0 #8f1d14}.sfx-aw-line{margin-top:10px;font-size:clamp(15px,2.4vw,20px);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}.sfx-awake-end{display:grid;place-items:center}.sfx-ae-fire{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 55%,#dce6ff73,#0000 45%);animation:ae-fire 1.8s ease forwards}@keyframes ae-fire{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}.sfx-ae-line{position:relative;padding:8px 18px;font-size:18px;color:#fff;background:#0a061499;border:1px solid rgba(238,242,255,.4);border-radius:6px;animation:ae-line 1.8s ease forwards}@keyframes ae-line{0%{opacity:0;transform:translateY(8px)}20%,80%{opacity:1;transform:translateY(0)}to{opacity:0}}.sfx-lp-glitch{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,0,140,.25) 0 3px,transparent 3px 9px),repeating-linear-gradient(90deg,rgba(0,255,230,.18) 0 2px,transparent 2px 13px);mix-blend-mode:screen;animation:lp-glitch 5.2s steps(2) forwards}@keyframes lp-glitch{0%{opacity:0;transform:none}5%{opacity:1;transform:translate(-12px) skew(6deg)}12%{transform:translate(18px) skew(-9deg)}20%{transform:translate(-6px) scaleY(1.05)}30%{transform:translate(24px) skew(12deg)}42%{opacity:1}48%{opacity:0}to{opacity:0}}.sfx-lp-static{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-radial-gradient(circle at 30% 40%,rgba(255,255,255,.12) 0 1px,transparent 1px 3px),repeating-radial-gradient(circle at 70% 60%,rgba(255,61,242,.15) 0 1px,transparent 1px 4px);animation:lp-static 5.2s linear forwards}@keyframes lp-static{0%{opacity:0}6%{opacity:1;transform:translate(0)}15%{transform:translate(-3%,2%)}25%{transform:translate(2%,-3%)}35%{transform:translate(-1%,1%)}46%{opacity:1}50%{opacity:0}to{opacity:0}}.sfx-lp-error{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:clamp(16px,3vw,30px);color:#ff3df2;text-shadow:3px 0 #00ffe6,-3px 0 #ff2a2a;animation:lp-error 5.2s steps(3) forwards}@keyframes lp-error{0%{opacity:0}8%{opacity:1}20%{opacity:.3;transform:translate(-48%,-52%)}28%{opacity:1;transform:translate(-52%,-49%)}44%{opacity:1}48%{opacity:0}to{opacity:0}}.sfx-lp-dark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#000;opacity:0;animation:lp-dark 5.2s ease forwards}@keyframes lp-dark{0%,46%{opacity:0}52%{opacity:1}to{opacity:1}}.sfx-lp-line{font-family:"Noto Serif JP",serif;font-size:clamp(18px,3vw,28px);color:#f4e9ff;letter-spacing:.08em;opacity:0;animation:lp-line 5.2s ease forwards}@keyframes lp-line{0%,56%{opacity:0;filter:blur(6px)}68%{opacity:1;filter:none}90%{opacity:1}to{opacity:0}}.sfx-lp-tsumo{background:radial-gradient(circle at 50% 55%,#280024f0,#000 65%);display:grid;place-items:center;align-content:center;gap:18px}.sfx-lp-tsumo-label{font-family:"Noto Serif JP",serif;font-size:clamp(14px,2.2vw,20px);letter-spacing:.6em;color:#f4e9ff;opacity:0;animation:lp-line-in .6s ease .1s forwards}.sfx-lp-tile{width:clamp(70px,11vw,110px);aspect-ratio:3 / 4;border-radius:10px;background:linear-gradient(160deg,#fffdf6,#ece6d6);box-shadow:0 6px #c9b98f,0 10px #2a7a5a,0 0 40px #ff3df2d9,0 0 120px #ff3df273;display:grid;place-items:center;opacity:0;animation:lp-tile-in .9s cubic-bezier(.2,.9,.2,1) .45s forwards}.sfx-lp-tile-face{width:62%;height:70%;border:2px solid rgba(60,110,200,.55);border-radius:4px}@keyframes lp-tile-in{0%{opacity:0;transform:translateY(80px) rotateX(70deg) scale(.6)}60%{opacity:1;transform:translateY(-10px) rotateX(-8deg) scale(1.08)}to{opacity:1;transform:none}}.sfx-lp-tenhou{font-family:var(--font-brush);font-size:clamp(64px,12vw,150px);line-height:1;color:#fff;text-shadow:4px 0 #00ffe6,-4px 0 #ff2a2a,0 0 40px #ff3df2;opacity:0;animation:lp-tenhou-in .55s cubic-bezier(.2,.9,.2,1) 1.3s forwards}@keyframes lp-tenhou-in{0%{opacity:0;transform:scale(3);filter:blur(8px)}70%{opacity:1;transform:scale(.92);filter:none}to{opacity:1;transform:scale(1)}}@keyframes lp-line-in{to{opacity:1}}.sfx-awaken-pre{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;overflow:hidden;animation:pre-shake 1s linear both}.sfx-pre-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 55%,transparent 20%,rgba(10,4,18,.88) 75%);animation:fxc-dim 1s ease-in both}.sfx-pre-seal{position:absolute;top:0;right:0;bottom:0;left:0}.sfx-pre-ofuda{position:absolute;top:18%;width:46px;padding:10px 0;text-align:center;font-family:var(--font-brush);font-size:26px;color:#b0121c;background:linear-gradient(180deg,#f5ecd2,#e6d6a8);border:1px solid #8a6a2a;box-shadow:0 0 18px color-mix(in srgb,var(--char) 60%,transparent);opacity:0;animation:pre-ofuda 1s ease-in both}.sfx-pre-ofuda-0{left:14%;animation-delay:0s}.sfx-pre-ofuda-1{left:27%;animation-delay:.08s}.sfx-pre-ofuda-2{left:40%;animation-delay:.04s}.sfx-pre-ofuda-3{left:55%;animation-delay:.12s}.sfx-pre-ofuda-4{left:68%;animation-delay:.02s}.sfx-pre-ofuda-5{left:81%;animation-delay:.1s}@keyframes pre-ofuda{0%{opacity:0;transform:translateY(-20px)}25%{opacity:1;transform:none}50%{transform:rotate(-4deg)}60%{transform:rotate(5deg)}70%{transform:rotate(-6deg)}80%{transform:rotate(7deg);filter:brightness(1.3)}to{opacity:1;transform:rotate(0);filter:brightness(2)}}.sfx-pre-crack{position:absolute;left:50%;top:0;bottom:0;width:4px;translate:-50% 0;background:linear-gradient(180deg,transparent,#fff 30%,color-mix(in srgb,var(--char) 50%,#fff) 70%,transparent);box-shadow:0 0 20px #fff,0 0 60px var(--char);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scaleY(0);animation:pre-crack 1s cubic-bezier(.8,0,1,1) both}@keyframes pre-crack{0%,55%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes pre-shake{0%,30%{transform:none}40%{transform:translate(-2px,1px)}50%{transform:translate(3px,-2px)}60%{transform:translate(-3px,2px)}70%{transform:translate(4px,-1px)}80%{transform:translate(-4px,3px)}90%{transform:translate(5px,-3px)}to{transform:none}}.sfx-lp-tenhou.sfx-lp-fatal{position:relative;font-family:var(--font-num);font-weight:700;font-size:clamp(34px,7vw,84px);letter-spacing:.12em;color:#ffeef0;text-shadow:3px 0 #00ffe6,-3px 0 #ff2a2a,0 0 28px #ff2a4e}.sfx-lp-fatal:before,.sfx-lp-fatal:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.sfx-lp-fatal:before{color:#00ffe6;clip-path:inset(18% 0 58% 0);animation:lp-fatal-slice 1.1s steps(1) 1.3s infinite}.sfx-lp-fatal:after{color:#ff2a4e;clip-path:inset(62% 0 12% 0);animation:lp-fatal-slice .9s steps(1) 1.4s infinite reverse}@keyframes lp-fatal-slice{0%,to{transform:none}20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-2px)}}.banner.banner-fatal{font-family:var(--font-num);font-weight:700;color:#ffeef0;border-color:#ff2a4e;background:#0a0004d1;text-shadow:2px 0 #00ffe6,-2px 0 #ff2a2a,0 0 18px #ff2a4e}.win-fatal .win-limit,.win-fatal .limit-stamp{font-family:var(--font-num);font-weight:700;letter-spacing:.1em;color:#ff5a70}:root[data-perf=eco] .sfx-lp-fatal:before,:root[data-perf=eco] .sfx-lp-fatal:after{animation:none}@media (prefers-reduced-motion: reduce){.sfx-lp-fatal:before,.sfx-lp-fatal:after{animation:none}}.lpcd{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;display:grid;place-items:center;background:radial-gradient(ellipse at center,#28002826,#08000eb8 70%);animation:lpcd-in .35s ease-out,lpcd-out .5s ease-in 2.3s forwards}.lpcd-static{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background:repeating-linear-gradient(0deg,rgba(255,61,242,.25) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 5px);animation:lpcd-static .18s steps(3) infinite}.lpcd-body{position:relative;text-align:center;color:#ffd8fb}.lpcd-kicker{font-family:var(--font-brush);font-size:clamp(14px,2.4vw,22px);letter-spacing:.3em;color:#ff3df2;text-shadow:0 0 12px rgba(255,61,242,.8);animation:lpcd-jitter .9s steps(2) infinite}.lpcd-num{position:relative;font-family:var(--font-num);font-size:clamp(140px,30vw,300px);line-height:1;font-weight:700;color:#fff;text-shadow:-4px 0 0 rgba(255,0,80,.85),4px 0 0 rgba(0,240,255,.85),0 0 40px rgba(255,61,242,.9);animation:lpcd-num .6s cubic-bezier(.2,1.4,.4,1) both,lpcd-split 1.1s steps(4) .6s infinite}.lpcd-num:before,.lpcd-num:after{content:attr(data-n);position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;overflow:hidden}.lpcd-num:before{clip-path:inset(18% 0 62% 0);transform:translate(-10px);animation:lpcd-slice .7s steps(2) infinite}.lpcd-num:after{clip-path:inset(66% 0 12% 0);transform:translate(12px);animation:lpcd-slice .5s steps(2) infinite reverse}.lpcd-sub{margin-top:6px;font-size:clamp(13px,2vw,18px);letter-spacing:.25em;color:#ffb8f6}.lpcd-zero{animation:lpcd-in .2s ease-out}.lpcd-zero .lpcd-static{opacity:.55;animation-duration:.09s}.lpcd-zero .lpcd-num{animation:lpcd-num .4s cubic-bezier(.2,1.4,.4,1) both,lpcd-split .3s steps(3) .3s infinite,lpcd-shake .12s steps(2) infinite}.lpcd-black{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;animation:lpcd-black .6s ease-in 1.5s forwards}.lpcd-plain,.lpcd-plain *{animation:none!important}.lpcd-plain{animation:lpcd-out .3s ease-in 1.1s forwards!important}.lpcd-plain .lpcd-static{display:none}@keyframes lpcd-in{0%{opacity:0}}@keyframes lpcd-out{to{opacity:0}}@keyframes lpcd-static{50%{transform:translateY(2px)}}@keyframes lpcd-jitter{50%{transform:translate(2px);opacity:.8}}@keyframes lpcd-num{0%{opacity:0;transform:scale(1.8);filter:blur(8px)}}@keyframes lpcd-split{50%{text-shadow:-10px 0 0 rgba(255,0,80,.85),8px 0 0 rgba(0,240,255,.85),0 0 40px rgba(255,61,242,.9)}}@keyframes lpcd-slice{50%{transform:translate(6px)}}@keyframes lpcd-shake{50%{transform:translate(-6px,3px)}}@keyframes lpcd-black{to{opacity:1}}:root[data-perf=eco] .lpcd-static,:root[data-perf=eco] .lpcd-num:before,:root[data-perf=eco] .lpcd-num:after{animation:none}@media (prefers-reduced-motion: reduce){.lpcd-static,.lpcd-num,.lpcd-num:before,.lpcd-num:after,.lpcd-kicker{animation:none}}.lpcd-self{background:radial-gradient(ellipse at center,#fff6ffe6,#ffe1faf5 70%)}.lpcd-self .lpcd-static{opacity:.12;filter:invert(1)}.lpcd-self .lpcd-num,.lpcd-self .lpcd-num:before,.lpcd-self .lpcd-num:after{color:#0b0010}.lpcd-self .lpcd-num{text-shadow:-4px 0 0 rgba(255,0,80,.7),4px 0 0 rgba(0,200,255,.7),0 0 30px rgba(255,61,242,.5)}.slive{position:fixed;top:46px;right:12px;z-index:40;pointer-events:none;padding:6px 10px 5px;border-radius:8px;border:1px solid rgba(255,61,242,.45);background:#0c0614d1;box-shadow:0 0 14px #ff3df240;color:#ffe6fb;font-size:11px;min-width:132px}.slive-head{display:flex;align-items:center;gap:6px}.slive-dot{width:8px;height:8px;border-radius:50%;background:#ff2a4f;box-shadow:0 0 8px #ff2a4f;animation:slive-blink 1.2s steps(2) infinite}.slive-live{font-family:var(--font-num);font-weight:700;letter-spacing:.2em;font-size:13px}.slive-bars{margin-left:auto;display:flex;align-items:flex-end;gap:2px}.slive-bars i{display:block;width:4px;border-radius:1px;background:#ffffff26}.slive-bars i.on{background:#5fd8ff;box-shadow:0 0 4px #5fd8ffb3}.slive-sub{margin-top:2px;color:#c9b8d9;letter-spacing:.05em}.slive-weak{border-color:#ff2a4fcc;animation:slive-alarm .8s ease-in-out infinite}.slive-weak .slive-bars i.on{background:#ff2a4f;box-shadow:0 0 4px #ff2a4f}.slive-weak .slive-sub{color:#ff8fa6}.slive-lost{border-color:#fff3;filter:grayscale(1);animation:none}.slive-lost .slive-dot{animation:none;background:#555;box-shadow:none}.slive-noise{animation:slive-jam .9s steps(6)}.slive-noise:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:repeating-linear-gradient(0deg,rgba(255,61,242,.35) 0 1px,transparent 1px 3px)}@keyframes slive-blink{50%{opacity:.25}}@keyframes slive-alarm{50%{box-shadow:0 0 18px #ff2a4f99}}@keyframes slive-jam{0%{transform:translate(-3px)}33%{transform:translate(4px) skew(6deg);opacity:.6}66%{transform:translate(-2px)}to{transform:none}}@media (max-width: 700px){.slive{top:40px;right:6px;min-width:0}.slive-sub{display:none}}:root[data-perf=eco] .slive-dot,:root[data-perf=eco] .slive-weak{animation:none}@media (prefers-reduced-motion: reduce){.slive,.slive-dot{animation:none}}.win-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;cursor:pointer;animation:wv-in .35s ease-out both;animation-delay:var(--wv-lead, 0ms)}.win-reveal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 18%,rgba(4,2,12,.82) 34%,rgba(4,2,12,.82) 66%,transparent 82%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none}@keyframes wv-in{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.wv-core{position:relative;display:grid;grid-template-columns:auto auto;grid-template-areas:"head head" "tile hand";align-items:center;gap:10px 22px;padding:14px 26px 18px;border-top:1px solid color-mix(in srgb,var(--char) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--char) 70%,transparent);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--char) 16%,transparent) 20%,color-mix(in srgb,var(--char) 16%,transparent) 80%,transparent)}.wv-head{grid-area:head;display:flex;align-items:baseline;gap:18px}.wv-kind{font-family:var(--font-brush);font-size:clamp(44px,7vw,76px);line-height:1;color:#fff;text-shadow:0 0 18px var(--char),0 0 2px var(--char),3px 3px 0 rgba(0,0,0,.6);animation:wv-kind .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--wv-lead, 0ms)}@keyframes wv-kind{0%{transform:scale(1.9);opacity:0;filter:blur(6px)}to{transform:none;opacity:1;filter:none}}.wv-who{font-size:20px;display:inline-flex;align-items:baseline;gap:10px}.wv-who b{color:var(--char)}.wv-arrow{opacity:.6}.wv-from{color:#ff6b7a}.wv-tile{grid-area:tile;display:flex;flex-direction:column;align-items:center;gap:6px;animation:wv-drop .55s cubic-bezier(.25,1.5,.45,1) both;animation-delay:calc(var(--wv-lead, 0ms) + .15s)}.wv-tile .tile{filter:drop-shadow(0 0 14px var(--char))}.wv-tile-label{font-size:12px;letter-spacing:.2em;color:var(--char)}@keyframes wv-drop{0%{transform:translateY(-60px) scale(1.4);opacity:0}to{transform:none;opacity:1}}.wv-hand{grid-area:hand;display:flex;align-items:flex-end;gap:1px;perspective:600px}.wv-hand-tile{display:inline-block;transform-origin:50% 100%;animation:wv-fall .32s ease-out both;animation-delay:calc(var(--wv-lead, 0ms) + .38s + var(--j) * 38ms)}.wv-hand-win{margin-left:10px}@keyframes wv-fall{0%{transform:rotateX(-80deg);opacity:0}to{transform:none;opacity:1}}.tile.river-ron{position:relative;z-index:3;outline:2px solid #ff3b4e;outline-offset:1px;box-shadow:0 0 14px 4px #ff3b4ebf;animation:river-ron .7s ease-in-out infinite alternate}@keyframes river-ron{to{box-shadow:0 0 22px 8px #ff3b4e73;transform:translateY(-3px)}}@media (max-width: 820px){.wv-core{grid-template-columns:1fr;grid-template-areas:"head" "tile" "hand";justify-items:center;padding:10px 8px 14px}.wv-hand{zoom:.56}.wv-head{flex-wrap:wrap;justify-content:center;gap:4px 12px}}@media (prefers-reduced-motion: reduce){.win-reveal,.wv-kind,.wv-tile,.wv-hand-tile{animation-duration:.01s!important}}.wv-draw{grid-template-columns:1fr;grid-template-areas:"head" "rows";--char: #9ad}.wv-draw .wv-head{justify-content:center}.wv-draw-rows{grid-area:rows;display:flex;flex-direction:column;gap:6px}.wv-draw-row{display:grid;grid-template-columns:minmax(70px,9em) 5.5em 1fr 6em;align-items:center;gap:10px;padding:4px 10px;border-left:3px solid var(--char);background:#ffffff0a;animation:wv-row-in .35s ease-out both;animation-delay:calc(var(--wv-lead, 0ms) + .2s + var(--j) * .16s)}@keyframes wv-row-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.wv-draw-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wv-draw-badge{font-family:var(--font-head);font-size:13px;text-align:center;padding:1px 6px;border-radius:3px}.wv-tenpai .wv-draw-badge{color:#1a0f00;background:linear-gradient(90deg,var(--gold),#fff0b8);box-shadow:0 0 10px #e8c0608c}.wv-noten{opacity:.7}.wv-noten .wv-draw-badge{color:var(--muted);border:1px solid rgba(255,255,255,.2)}.wv-draw-hand{display:flex;gap:1px;min-width:0;overflow:hidden}.wv-draw-closed{letter-spacing:-1px;color:#ffffff40}.wv-draw-delta{font-family:var(--font-num);font-weight:700;text-align:right}.wv-draw-delta.plus{color:#7ff0b0}.wv-draw-delta.minus{color:#ff6b7a}@media (max-width: 820px){.wv-draw-row{grid-template-columns:1fr auto auto;grid-template-areas:"name badge delta" "hand hand hand"}.wv-draw-name{grid-area:name}.wv-draw-badge{grid-area:badge}.wv-draw-delta{grid-area:delta}.wv-draw-hand{grid-area:hand;zoom:.8}}@media (prefers-reduced-motion: reduce){.wv-draw-row{animation-duration:.01s!important}}.wv-f-narukami>*{position:relative;z-index:1}.wv-f-narukami .wv-kind{color:#fff4e6;text-shadow:0 0 18px #ff6a3d,3px 3px 0 rgba(120,20,10,.8)}.wv-f-narukami:before{content:"";position:absolute;top:-6px;right:-10%;bottom:-6px;left:-10%;z-index:0;pointer-events:none;background:linear-gradient(100deg,transparent 4%,rgba(160,30,20,.35) 12%,rgba(40,6,4,.55) 50%,rgba(160,30,20,.35) 88%,transparent 96%);clip-path:polygon(2% 30%,10% 6%,90% 0,99% 22%,97% 78%,88% 100%,8% 94%,0 70%);animation:wv-brush .5s ease-out both;animation-delay:var(--wv-lead, 0ms)}@keyframes wv-brush{0%{clip-path:polygon(2% 30%,2% 30%,2% 30%,2% 30%,2% 70%,2% 70%,2% 70%,0 70%)}}.wv-f-odds .wv-kind{color:#e8fdff;text-shadow:-3px 0 0 rgba(255,40,120,.7),3px 0 0 rgba(40,230,255,.7),0 0 16px #36e3ff;animation:wv-kind .5s cubic-bezier(.2,1.4,.4,1) both,wv-glitch 1.2s steps(1) 2;animation-delay:var(--wv-lead, 0ms),calc(var(--wv-lead, 0ms) + .5s)}@keyframes wv-glitch{0%,to{transform:none}10%{transform:translate(4px) skew(-8deg)}20%{transform:translate(-3px)}30%{transform:none}}.wv-f-odds:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(54,227,255,.07) 0 1px,transparent 1px 4px);mix-blend-mode:screen}@media (prefers-reduced-motion: reduce){.wv-f-narukami:before,.wv-f-odds .wv-kind{animation:none}}:root[data-perf=eco] .wv-f-odds .wv-kind{animation:wv-kind .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--wv-lead, 0ms)}.wv-head .wv-portrait{width:64px;height:64px;flex:none;align-self:center;border-radius:50%;overflow:hidden;border:2px solid var(--char);box-shadow:0 0 14px color-mix(in srgb,var(--char) 60%,transparent);animation:wv-pop .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--wv-lead, 0ms)}@keyframes wv-pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}@media (max-width: 820px){.wv-head .wv-portrait{width:44px;height:44px}}.lab{position:relative;height:100%}.lab-loading{display:grid;place-items:center;height:100%;color:var(--muted)}.lab-panel{position:fixed;z-index:70;top:56px;right:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 120px);overflow:auto;padding:10px 12px;border-color:#5fe0ff73;box-shadow:0 0 22px #5fe0ff2e}.lab-panel-closed{width:auto}.lab-head{display:flex;align-items:center;gap:6px}.lab-seal{display:grid;place-items:center;width:28px;height:28px;font-family:var(--font-brush);font-size:17px;color:#10202a;background:radial-gradient(circle at 35% 30%,#a8f3ff,#2aa6c8 70%);border-radius:5px;transform:rotate(-6deg)}.lab-title{flex:1;font-family:var(--font-head);color:var(--cyan)}.lab-body{display:flex;flex-direction:column;gap:8px;margin-top:8px;font-size:13px}.lab-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lab-row>span{min-width:6.5em;color:var(--muted);font-size:12px}.lab-row .input{flex:1;min-width:0;padding:4px 8px;font-size:13px}.lab-buttons .chip{font-size:12px}.lab-help{font-size:11px;line-height:1.5}.lab-msg{padding:4px 8px;border-radius:6px;font-size:12px;background:#5fe0ff1f;border-left:3px solid var(--cyan)}.lk-boot{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;padding:16px}.lk-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(95,224,255,.035) 0 1px,transparent 1px 4px)}.lk-scan:after{content:"";position:absolute;left:0;right:0;height:18%;background:linear-gradient(180deg,transparent,rgba(95,224,255,.08),transparent);animation:lk-sweep 3.2s linear infinite}@keyframes lk-sweep{0%{top:-20%}to{top:110%}}.lk-ring{position:relative;width:132px;height:132px;display:grid;place-items:center}.lk-ring-a,.lk-ring-b{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(95,224,255,.35);border-top-color:var(--cyan, #5fe0ff);animation:spin 1.6s linear infinite}.lk-ring-b{top:14px;right:14px;bottom:14px;left:14px;border:2px dashed rgba(255,79,216,.45);border-right-color:var(--magenta, #ff4fd8);animation-duration:2.6s;animation-direction:reverse}.lk-ring-kanji{font-family:var(--font-brush);font-size:46px;color:#f2fbff;text-shadow:0 0 18px rgba(95,224,255,.8);animation:lk-pulse 1.6s ease-in-out infinite}@keyframes lk-pulse{50%{opacity:.55}}.lk-title{font-family:var(--font-num);font-size:18px;letter-spacing:.45em;color:var(--cyan, #5fe0ff)}.lk-log{list-style:none;margin:0;padding:0;min-width:min(320px,90vw);font-family:var(--font-num),var(--font-ui);font-size:13px;color:var(--muted)}.lk-log li{display:flex;gap:10px;padding:2px 0;animation:lk-type .25s steps(6) both}.lk-log-now{color:#e9f8ff}.lk-log-mark{width:22px;color:#7dffb0}.lk-log-now .lk-log-mark{color:var(--magenta, #ff4fd8)}@keyframes lk-type{0%{clip-path:inset(0 100% 0 0)}}.lk-dots:after{content:"";animation:lk-dots 1.2s steps(4) infinite}@keyframes lk-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.lk-hint{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px;color:#ffcf8a;text-align:center}.lk-hint small{font-family:var(--font-num);color:var(--muted)}.lk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:460;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center;animation:lk-in .25s ease-out}.lk-lost{pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,60,80,.07) 0 2px,transparent 2px 4px),radial-gradient(70% 50% at 50% 50%,#3c000cb8,#0502088c)}@keyframes lk-in{0%{opacity:0}}.lk-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 5px);animation:lk-jitter .18s steps(2) infinite}@keyframes lk-jitter{50%{transform:translate(2px,-1px)}}.lk-glitch{position:relative;font-family:var(--font-num);font-weight:700;font-size:clamp(36px,8vw,84px);letter-spacing:.08em;color:#ff4d5e;text-shadow:0 0 22px rgba(255,40,60,.8)}.lk-glitch:before,.lk-glitch:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0}.lk-glitch:before{color:#4df0ff;clip-path:inset(0 0 60% 0);transform:translate(-4px);animation:lk-slice 1.3s steps(1) infinite}.lk-glitch:after{color:#fff;clip-path:inset(65% 0 0 0);transform:translate(5px);animation:lk-slice 1s steps(1) .3s infinite reverse}@keyframes lk-slice{0%{clip-path:inset(0 0 70% 0)}30%{clip-path:inset(40% 0 35% 0)}60%{clip-path:inset(75% 0 5% 0)}}.lk-msg{font-family:var(--font-head);font-size:20px;color:#fff}.lk-sub{font-size:13px;color:#d8cfe6}.lk-timer{font-family:var(--font-num);font-size:28px;color:#ff9aa5}.lk-replaced{background:repeating-linear-gradient(0deg,rgba(95,224,255,.04) 0 1px,transparent 1px 4px),#06040eeb}.lk-replaced .lk-glitch{color:var(--cyan, #5fe0ff);font-size:clamp(28px,6vw,60px);text-shadow:0 0 22px rgba(95,224,255,.7)}.lk-chip{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:460;display:flex;align-items:center;gap:8px;padding:5px 14px;font-size:13px;color:#ffd9de;background:#28060ee6;border:1px solid rgba(255,77,94,.7);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.lk-chip b{font-family:var(--font-num)}.lk-chip-dot{width:8px;height:8px;border-radius:50%;background:#ff4d5e;animation:lk-pulse .8s steps(2) infinite}.lk-restored{position:fixed;top:38%;left:50%;z-index:460;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:lk-restore 1.4s ease-out forwards}.lk-restored span{font-family:var(--font-num);font-weight:700;font-size:clamp(28px,6vw,56px);letter-spacing:.12em;color:#7dffb0;text-shadow:0 0 24px rgba(125,255,176,.7)}.lk-restored small{font-family:var(--font-head);color:#e9fff2}@keyframes lk-restore{0%{opacity:0;transform:translate(-50%,-50%) scaleX(1.6);filter:blur(6px)}15%{opacity:1;transform:translate(-50%,-50%) scaleX(1);filter:none}75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.lk-noise,.lk-scan:after,.lk-glitch:before,.lk-glitch:after{animation:none}}.now-playing{position:fixed;right:12px;top:52px;z-index:90;display:inline-flex;align-items:baseline;gap:8px;max-width:calc(100vw - 24px);padding:5px 12px 5px 10px;font-size:12px;color:var(--text);background:#080614c7;border:1px solid rgba(255,255,255,.14);border-right:3px solid var(--cyan);border-radius:4px;pointer-events:none;animation:now-playing 4.2s ease-out forwards}.now-playing-note{color:var(--cyan)}.now-playing-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-artist{font-size:10px;opacity:.65;white-space:nowrap}@keyframes now-playing{0%{opacity:0;transform:translate(12px)}8%,80%{opacity:1;transform:none}to{opacity:0}}@media (max-width: 820px){.now-playing{top:86px;font-size:11px}}@media (prefers-reduced-motion: reduce){.now-playing{animation-name:none}}.ulr{position:fixed;top:0;right:0;bottom:0;left:0;z-index:380;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 35% 50%,#240028f7,#040008fc 70%);animation:ulr-in .6s ease-out}.ulr-static{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,rgba(255,61,242,.3) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 5px);animation:ulr-static .12s steps(3) infinite,ulr-static-burst 2.6s ease-out forwards}.ulr-core{position:relative;display:flex;align-items:center;gap:clamp(16px,4vw,48px);max-width:920px;width:100%}.ulr-art{flex:0 0 auto;width:clamp(160px,34vw,340px)}.ulr-portrait{width:100%;animation:ulr-reveal 2.4s steps(1) forwards,ulr-glow 3s ease-in-out 2.4s infinite}.ulr-text{flex:1 1 auto;min-width:0;color:#ffd8fb;opacity:0;animation:ulr-text .8s ease-out 2.1s forwards}.ulr-kicker{font-family:var(--font-num);font-size:clamp(12px,1.8vw,15px);letter-spacing:.35em;color:#ff3df2;text-shadow:-1px 0 rgba(255,0,80,.8),1px 0 rgba(0,240,255,.8)}.ulr-name{margin-top:8px;font-family:var(--font-brush);font-size:clamp(40px,7vw,72px);line-height:1.1;color:#fff;text-shadow:-3px 0 rgba(255,0,80,.75),3px 0 rgba(0,240,255,.75),0 0 28px rgba(255,61,242,.8)}.ulr-title{margin-top:4px;font-size:clamp(13px,1.8vw,16px);letter-spacing:.2em;color:#ffb8f6}.ulr-line{margin:20px 0 0;font-size:clamp(16px,2.4vw,21px);color:#fff}.ulr-sub{margin:12px 0 0;font-size:14px;color:#ffd8fbbf}.ulr-ok{margin-top:22px}@keyframes ulr-in{0%{opacity:0}}@keyframes ulr-static{50%{transform:translateY(2px)}}@keyframes ulr-static-burst{0%{opacity:.1}55%{opacity:.12}60%{opacity:.7}75%{opacity:.5}to{opacity:.08}}@keyframes ulr-reveal{0%{filter:brightness(0) drop-shadow(0 0 10px rgba(255,61,242,.5));transform:none}60%{filter:brightness(0) drop-shadow(-4px 0 rgba(255,0,80,.9)) drop-shadow(4px 0 rgba(0,240,255,.9));transform:translate(6px) skew(8deg)}66%{filter:invert(1) hue-rotate(90deg);transform:translate(-8px)}72%{filter:brightness(.3) saturate(3) drop-shadow(-3px 0 rgba(255,0,80,.8));transform:translate(3px) skew(-6deg)}80%{filter:brightness(1.6) saturate(.4);transform:none}88%{filter:brightness(1.1) drop-shadow(0 0 20px rgba(255,61,242,.6))}to{filter:drop-shadow(0 0 18px rgba(255,61,242,.55));transform:none}}@keyframes ulr-glow{50%{filter:drop-shadow(0 0 30px rgba(255,61,242,.8))}0%,to{filter:drop-shadow(0 0 18px rgba(255,61,242,.55))}}@keyframes ulr-text{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width: 640px){.ulr-core{flex-direction:column;text-align:center}.ulr-art{width:min(60vw,240px)}}:root[data-perf=eco] .ulr-static{animation:ulr-static-burst 2.6s ease-out forwards}:root[data-perf=eco] .ulr-portrait{animation:ulr-reveal 2.4s steps(1) forwards}@media (prefers-reduced-motion: reduce){.ulr-static{display:none}.ulr-portrait{animation:none;filter:drop-shadow(0 0 18px rgba(255,61,242,.55))}.ulr-text{animation:none;opacity:1}}.ulr-post{display:inline-block;margin-top:10px;padding:3px 10px;border:1px solid rgba(255,61,242,.55);font-size:12px;letter-spacing:.2em;color:#ffd8fb;background:#ff3df214}.pr-guide{display:flex;align-items:flex-start;gap:10px}.portrait.pr-guide-face{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid var(--pr);box-shadow:0 0 14px color-mix(in srgb,var(--pr) 55%,transparent)}.pr-guide-bubble{position:relative;flex:1;min-width:0;padding:8px 12px 10px;border:1px solid color-mix(in srgb,var(--pr) 60%,transparent);border-radius:4px 14px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--pr) 16%,rgba(8,10,20,.94)),#080a14f0)}.pr-guide-name{font-size:11px;letter-spacing:.15em;color:var(--pr)}.pr-guide-text{margin:2px 0 0;font-size:14px;line-height:1.6;color:#f2f4ff}.pr-guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pr-panel{width:min(560px,calc(100vw - 32px))}.pr-head{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.pr-kicker{font-size:11px;letter-spacing:.25em;color:#c9a4ff}.pr-title{font-family:var(--font-brush);font-size:22px}.pr-chars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.pr-char{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:#080c1899;opacity:.65;transition:opacity .15s,border-color .15s}.pr-char-beni{--pc: #ff5a4a}.pr-char-rio{--pc: #36e3ff}.pr-char-nagi{--pc: #2ec4b6}.pr-char-chloe{--pc: #9db4ff}.pr-char-on{opacity:1;border-color:var(--pc);box-shadow:inset 0 0 0 1px var(--pc),0 0 14px color-mix(in srgb,var(--pc) 35%,transparent)}.portrait.pr-char-face{grid-row:1 / 3;width:44px;height:44px;border-radius:50%;overflow:hidden}.pr-char-name{font-weight:700}.pr-char-post{font-size:11px;color:var(--muted)}.pr-lessons{display:flex;flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none}.pr-lesson{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#080c188c;transition:border-color .15s,transform .15s}.pr-lesson:hover{border-color:#c9a4ff;transform:translate(2px)}.pr-lesson-no{flex:none;width:28px;font-family:var(--font-num);font-size:20px;color:#c9a4ff;text-align:center}.pr-lesson-body{flex:1;min-width:0;display:flex;flex-direction:column}.pr-lesson-title{font-weight:700}.pr-lesson-sub{font-size:12px;color:var(--muted)}.pr-lesson-state{flex:none;padding:1px 8px;font-size:11px;border:1px solid rgba(255,255,255,.25);color:var(--muted)}.pr-lesson-done .pr-lesson-state{color:#7cffa0;border-color:#7cffa099}.pr-play-guide{position:fixed;top:64px;left:50%;z-index:340;width:min(520px,calc(100vw - 32px));transform:translate(-50%);animation:pr-in .35s ease-out}.pr-play-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.pr-play-kicker{padding:1px 8px;font-size:11px;letter-spacing:.1em;color:#e9dcff;background:#1e0e32d9;border:1px solid rgba(201,164,255,.5)}.pr-quit{padding:2px 10px;font:inherit;font-size:12px;color:#ffd0d0;background:#28080ce0;border:1px solid rgba(255,120,120,.55);cursor:pointer}.pr-quit:hover{background:#500e14eb}@keyframes pr-in{0%{opacity:0;transform:translate(-50%,-8px)}}.practice-hl{position:relative;z-index:5;outline:2px solid #ffe066!important;outline-offset:2px;animation:pr-hl 1.1s ease-in-out infinite}@keyframes pr-hl{50%{outline-color:#ffe06640;box-shadow:0 0 22px #ffe066b3}}:root[data-perf=eco] .practice-hl{animation:none}@media (prefers-reduced-motion: reduce){.practice-hl,.pr-play-guide{animation:none}}@media (max-width: 640px){.pr-play-guide{top:48px}.portrait.pr-guide-face{width:40px;height:40px}.pr-guide-text{font-size:13px}.pr-chars{grid-template-columns:1fr}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;overflow:hidden;cursor:pointer}.intro-curtain{position:absolute;top:0;bottom:0;width:50.5%;background:radial-gradient(ellipse at 100% 50%,rgba(95,224,255,.08),transparent 60%),linear-gradient(180deg,#07060e,#0e0b1f);transition:transform .85s cubic-bezier(.7,0,.3,1)}.intro-curtain-l{left:0;border-right:1px solid rgba(232,192,96,.35)}.intro-curtain-r{right:0;border-left:1px solid rgba(232,192,96,.35);background:radial-gradient(ellipse at 0% 50%,rgba(255,79,216,.08),transparent 60%),linear-gradient(180deg,#07060e,#0e0b1f)}.intro-leave .intro-curtain-l{transform:translate(-102%)}.intro-leave .intro-curtain-r{transform:translate(102%)}.intro-core{position:relative;display:grid;place-items:center;width:min(86vmin,640px);aspect-ratio:1;transition:opacity .5s,transform .8s cubic-bezier(.7,0,.3,1)}.intro-leave .intro-core{opacity:0;transform:scale(1.25)}.intro-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;animation:intro-spin 40s linear infinite}.intro-ring circle,.intro-star{fill:none;stroke:var(--cyan, #5fe0ff);stroke-width:.6;filter:drop-shadow(0 0 2px var(--cyan, #5fe0ff))}.intro-ring-a{stroke-dasharray:580;stroke-dashoffset:580;animation:intro-draw 1.2s .1s cubic-bezier(.6,0,.3,1) forwards}.intro-ring-b{stroke:var(--gold, #e8c060)!important;stroke-dasharray:2 3;opacity:0;animation:intro-fade .8s .6s forwards}.intro-star{stroke:var(--magenta, #ff4fd8);stroke-dasharray:400;stroke-dashoffset:400;opacity:.6;animation:intro-draw 1.4s .3s ease-out forwards}.intro-star-2{stroke:var(--cyan, #5fe0ff);animation-delay:.45s}.intro-ring-text text{fill:var(--gold, #e8c060);font-size:8px;font-family:var(--font-head, serif);opacity:0;animation:intro-fade .6s .9s forwards}@keyframes intro-spin{to{transform:rotate(360deg)}}@keyframes intro-draw{to{stroke-dashoffset:0}}@keyframes intro-fade{to{opacity:1}}.intro-title{position:relative;display:flex;gap:.05em;font-family:var(--font-brush, serif);font-size:clamp(44px,11vmin,96px);color:#f6f0ff;text-shadow:0 0 18px rgba(95,224,255,.6),0 0 40px rgba(255,79,216,.35)}.intro-title span{display:inline-block;opacity:0;animation:intro-char .55s cubic-bezier(.2,.9,.2,1) forwards}@keyframes intro-char{0%{opacity:0;transform:translateY(14px) scale(1.5);filter:blur(10px);clip-path:inset(0 0 100% 0)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}}.intro-sub{position:absolute;top:62%;font-family:var(--font-num, monospace);letter-spacing:.6em;font-size:clamp(12px,2.4vmin,18px);color:var(--muted, #9b94c2);opacity:0;animation:intro-glitch .9s 1.7s steps(1) forwards}.intro-sub span{color:var(--cyan, #5fe0ff)}@keyframes intro-glitch{0%{opacity:1;transform:translate(-6px);text-shadow:3px 0 var(--magenta, #ff4fd8)}15%{opacity:.2}30%{opacity:1;transform:translate(4px);text-shadow:-3px 0 var(--cyan, #5fe0ff)}45%{opacity:.4}60%,to{opacity:1;transform:none;text-shadow:none}}.intro-hint{position:absolute;bottom:14%;font-size:12px;letter-spacing:.4em;color:var(--muted, #9b94c2);opacity:0;animation:intro-fade .6s 2.2s forwards,intro-blink 1.6s 2.8s ease-in-out infinite}@keyframes intro-blink{50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.intro-ring{animation:none}.intro-title span,.intro-sub,.intro-ring-a,.intro-star{animation-duration:.01s;animation-delay:0s}}.lobby:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(/city/near.svg) 0 100% / auto 30vh repeat-x,url(/city/mid.svg) 0 100% / auto 56vh repeat-x,url(/city/far.svg) 0 100% / auto 74vh repeat-x,linear-gradient(0deg,color-mix(in srgb,var(--magenta) 22%,transparent),transparent 45%);animation:city-drift 240s linear infinite;opacity:.95}@keyframes city-drift{to{background-position:-1600px 100%,-800px 100%,-400px 100%,0 0}}.lobby:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(104deg,transparent 0 22px,rgba(170,200,255,.09) 22px 23px,transparent 23px 61px),repeating-linear-gradient(100deg,transparent 0 41px,rgba(170,200,255,.06) 41px 42px,transparent 42px 97px);background-size:300px 300px,420px 420px;animation:rain .7s linear infinite}@keyframes rain{to{background-position:-60px 300px,-70px 420px}}.lobby .lobby-panel{--panel: rgba(16, 10, 30, .6);backdrop-filter:blur(5px) saturate(1.2);-webkit-backdrop-filter:blur(5px) saturate(1.2)}@media (prefers-reduced-motion: reduce){.lobby:before,.lobby:after{animation:none}}.intro-keyart{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at 50% 50%,#06040e8c,#06040e40 45%,#06040ed9),url(/fx/keyart.webp) center / cover no-repeat;opacity:0;animation:keyart-in 3s .2s ease-out forwards;pointer-events:none}@keyframes keyart-in{0%{opacity:0;transform:scale(1.12);filter:blur(6px) brightness(.5)}40%{opacity:.9}to{opacity:.9;transform:scale(1);filter:none}}.intro-core{position:relative;z-index:2}.intro-leave .intro-keyart{transition:opacity .6s;opacity:0!important;animation:none}:root{--bg: #07060e;--bg2: #0e0b1f;--panel: rgba(16, 12, 36, .72);--panel-2: rgba(28, 20, 58, .6);--line: rgba(160, 140, 255, .18);--line-strong: rgba(190, 170, 255, .4);--text: #ece8ff;--muted: #9b94c2;--gold: #e8c060;--cyan: #5fe0ff;--magenta: #ff4fd8;--green: #7cf0a0;--danger: #ff6b6b;--char: #5fe0ff;--neb1: rgba(96, 44, 170, .6);--neb2: rgba(18, 112, 140, .5);--felt: rgba(30, 90, 110, .55);--felt2: rgba(12, 10, 40, .75);--font-ui: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-head: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-brush: "Yuji Syuku", "Shippori Mincho B1", serif;--font-num: "Rajdhani", "Zen Kaku Gothic New", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;word-break:auto-phrase;text-wrap:pretty;line-break:strict}button{font-family:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input,select{font-family:inherit}h1,h2,h3{font-family:var(--font-head);font-weight:700;margin:0}.muted{color:var(--muted);font-size:12px}.nebula{position:fixed;top:-15%;right:-15%;bottom:-15%;left:-15%;z-index:-2;background:radial-gradient(ellipse at 18% 28%,var(--neb1),transparent 55%),radial-gradient(ellipse at 82% 72%,var(--neb2),transparent 55%),radial-gradient(ellipse at 62% 18%,rgba(255,79,216,.16),transparent 50%),radial-gradient(ellipse at 40% 85%,rgba(232,192,96,.08),transparent 45%),var(--bg);animation:drift 50s ease-in-out infinite alternate}.nebula-dim{opacity:.75}@keyframes drift{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(-2.5%,2%) rotate(2deg) scale(1.07)}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E")}.glass{background:var(--panel);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0d}.btn{border:1px solid var(--line-strong);background:linear-gradient(180deg,#3c2c78b3,#1e1640cc);color:var(--text);padding:10px 18px;border-radius:10px;font-weight:700;letter-spacing:.08em;transition:transform .12s ease,box-shadow .2s ease,filter .2s;display:inline-flex;align-items:center;gap:10px}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 18px #7864ff59}.btn:disabled{opacity:.45;filter:grayscale(.4)}.btn-primary{border-color:#5fe0ff99;background:linear-gradient(135deg,#5fe0ff47,#ff4fd847);box-shadow:0 0 20px #5fe0ff33}.btn-secondary{border-color:#e8c06080;background:linear-gradient(135deg,#e8c06038,#783cb44d)}.btn-ghost{background:#ffffff0a}.btn-sm{padding:5px 10px;font-size:12px}.btn-big{padding:16px 28px;font-size:18px}.btn-kanji{font-family:var(--font-brush);font-size:1.6em;line-height:1;color:var(--gold);text-shadow:0 0 10px rgba(232,192,96,.6)}.chip{border:1px solid var(--line);background:#ffffff0a;color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;line-height:1.4}.chip-on{color:var(--text);border-color:var(--cyan);background:#5fe0ff24;box-shadow:0 0 10px #5fe0ff40}.chip:disabled{opacity:.6}.chip-danger{border-color:#ff6b6b66}.chip-riichi{color:#fff;border-color:var(--magenta);background:#ff4fd840;box-shadow:0 0 10px #ff4fd880}.chip-status{color:var(--gold);border-color:#e8c06080;background:#e8c0601a}.chip-tenpai{color:var(--danger);border-color:var(--danger);background:#ff6b6b26;animation:pulse 1.4s ease-in-out infinite}.chip-noten{color:var(--muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.input{background:#00000059;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);padding:9px 12px;font-size:15px;outline:none;min-width:0}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5fe0ff26}.badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;letter-spacing:.05em}.badge-host{background:#e8c06040;color:var(--gold)}.badge-bot{background:#5fe0ff26;color:var(--cyan)}.badge-off{background:#ff6b6b33;color:var(--danger)}.section-title{font-size:15px;letter-spacing:.15em;color:var(--gold);margin-bottom:10px}.skill-tag{display:inline-block;font-size:10px;padding:1px 6px;border-radius:3px;margin-right:6px;letter-spacing:.1em}.skill-tag-active{background:var(--char, var(--cyan));color:#0a0814;font-weight:700}.skill-tag-passive{background:#e8c06033;color:var(--gold);border:1px solid rgba(232,192,96,.4)}.skill-name{font-family:var(--font-head);font-weight:700;font-size:15px}.skill-cost{font-family:var(--font-num);font-weight:700;color:var(--cyan);margin-left:6px}.skill-cost:before{content:"ゲージ ";font-size:10px;opacity:.7}.skill-desc{display:block;color:var(--muted);font-size:12px;margin-top:2px}.skill-cat{font-size:10px;padding:1px 6px;border-radius:3px;margin-right:8px;border:1px solid currentColor}.skill-cat-info{color:var(--cyan)}.skill-cat-control{color:var(--gold)}.skill-cat-defense{color:var(--green)}.skill-cat-disrupt{color:var(--magenta)}.skill-cat-time{color:#c9a7ff}.connecting{height:100%;display:grid;place-items:center;align-content:center;gap:20px}.connecting-sigil{width:120px;height:120px;border-radius:50%;border:2px solid rgba(95,224,255,.5);border-top-color:var(--magenta);animation:spin 1.6s linear infinite;box-shadow:0 0 30px #5fe0ff4d,inset 0 0 30px #ff4fd833}@keyframes spin{to{transform:rotate(360deg)}}.connecting-text{color:var(--muted);letter-spacing:.2em}.conn-banner{position:fixed;top:0;left:0;right:0;z-index:200;text-align:center;padding:6px;background:#ff6b6bd9;color:#fff;font-weight:700}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:300;background:#ff6b6beb;color:#fff;padding:10px 18px;border-radius:10px;box-shadow:0 10px 30px #00000080;cursor:pointer;animation:rise-center .25s ease-out}@keyframes rise-center{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portrait{position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--char) 35%,transparent),#0a0816e6);border:1px solid color-mix(in srgb,var(--char) 45%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--char) 25%,transparent),inset 0 0 40px #00000073}.portrait-bust{width:72px;height:72px;border-radius:50%}.portrait-full{width:100%;aspect-ratio:3 / 4}.portrait-img,.portrait-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.portrait-bust .portrait-img{object-position:50% 12%;transform:scale(1.35);transform-origin:50% 20%}.portrait-bust .portrait-fallback{transform:scale(1.6);transform-origin:50% 35%}.portrait-random{display:grid;place-items:center;font-family:var(--font-brush);font-size:40px;color:var(--muted)}.lobby{min-height:100%;max-width:1100px;margin:0 auto;padding:40px 20px 60px;display:flex;flex-direction:column;gap:26px}.hero{text-align:center;padding-top:30px}.hero-kicker{font-family:var(--font-num);letter-spacing:.5em;color:var(--cyan);font-size:13px;opacity:.9}.hero-title{font-size:clamp(52px,10vw,112px);line-height:1.05;margin:8px 0 12px;letter-spacing:.08em}.hero-title-main{font-family:var(--font-brush);font-weight:400;background:linear-gradient(180deg,#fff,#e8c060 45%,#ff4fd8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(255,79,216,.35)) drop-shadow(0 0 2px rgba(255,255,255,.4))}.hero-sub{color:var(--muted);letter-spacing:.1em;margin:0}.lobby-panel{padding:22px 26px;display:flex;flex-direction:column;gap:18px}.field-label{display:block;font-size:12px;letter-spacing:.2em;color:var(--gold);margin-bottom:6px}.field-row{display:flex;gap:8px}.field-row .input{flex:1}.lobby-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.join-box{display:flex;gap:8px;align-items:center}.input-code{width:120px;text-align:center;font-family:var(--font-num);font-size:24px;letter-spacing:.3em;text-transform:uppercase}.lobby-foot{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.skin-toggle{display:inline-flex;flex-wrap:wrap;gap:4px}.room-list{border-top:1px dashed var(--line);padding-top:12px;display:flex;flex-direction:column;gap:6px}.room-list-item{display:flex;align-items:center;gap:14px;padding:6px 10px;border-radius:8px;background:#00000040;border:1px solid var(--line)}.room-list-code{font-family:var(--font-num);font-size:20px;font-weight:700;color:var(--cyan);letter-spacing:.2em}.room-list-host{font-weight:700;flex:1;min-width:5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto;scrollbar-width:none}.tabs>.tab{flex:none}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 16px;color:var(--muted);letter-spacing:.15em;font-weight:700}.tab-on{color:var(--text);border-bottom-color:var(--magenta)}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.char-card{display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--char) 14%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--char) 35%,var(--line));border-radius:14px;overflow:hidden;position:relative;transition:transform .15s,box-shadow .2s}.char-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,transparent 60%,color-mix(in srgb,var(--char) 18%,transparent))}.char-card-clickable{cursor:pointer}.char-card-clickable:hover,.char-card-selected{transform:translateY(-2px);box-shadow:0 0 24px color-mix(in srgb,var(--char) 40%,transparent)}.char-card-portrait{border-radius:0;border:none}.char-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.char-card-title{font-size:11px;letter-spacing:.3em;color:var(--char)}.char-card-name{font-family:var(--font-brush);font-size:34px;line-height:1;margin-bottom:4px}.char-card-flavor{font-family:var(--font-head);color:var(--muted);font-size:12px;word-break:normal;line-break:strict;line-height:1.6;max-height:6.4em;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.char-skill{border-top:1px dashed var(--line);padding-top:6px}.char-card-compact{flex-direction:row}.char-card-compact .char-card-portrait{width:70px;height:auto}.skill-list{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.skill-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border-bottom:1px dashed var(--line);padding-bottom:8px}.skill-line .skill-desc{flex-basis:100%}.rules{padding:16px 24px}.rules h3{color:var(--gold);font-size:15px;margin:10px 0 6px}.rules ul{margin:0;padding-left:20px;color:#cfc9ee}.lobby-footer{text-align:center}.room{min-height:100%;max-width:1200px;margin:0 auto;padding:28px 20px 50px;display:flex;flex-direction:column;gap:20px}.room-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.room-code{display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin:4px 0}.room-code-ch{font-family:var(--font-num);font-size:56px;font-weight:700;line-height:1;width:56px;text-align:center;border:1px solid var(--line-strong);border-radius:10px;background:#00000059;color:var(--cyan);text-shadow:0 0 14px rgba(95,224,255,.6)}.room-code-copy{margin-left:10px;font-size:12px;color:var(--muted)}.room-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;align-items:center}.room-head-actions>.btn,.room-head-actions>.chip{flex-shrink:0}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.seat{padding:14px;display:flex;gap:12px;align-items:center;min-height:110px}.seat-me{border-color:var(--cyan);box-shadow:0 0 20px #5fe0ff33}.seat-empty{justify-content:center;flex-direction:column;gap:8px;border-style:dashed}.seat-empty-text{font-family:var(--font-head);color:var(--muted);letter-spacing:.3em}.seat-body{min-width:0}.seat-name{font-weight:700;font-size:15px}.seat-char{color:var(--muted);font-size:12px}.seat-tools{margin-top:6px}.room-main{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}.picker{padding:16px 18px}.picker-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:12px}.pick{flex:0 0 auto;background:#0000004d;border:1px solid var(--line);border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;width:78px;transition:transform .12s,box-shadow .2s}.pick:hover{transform:translateY(-2px)}.pick-on{border-color:var(--char, var(--cyan));box-shadow:0 0 16px color-mix(in srgb,var(--char, var(--cyan)) 50%,transparent)}.pick-portrait{width:56px;height:56px}.pick-random{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-brush);font-size:30px;background:#ffffff0d;border:1px dashed var(--line-strong)}.pick-name{font-size:12px}.picker-hint{padding:10px 0}.room-side{display:flex;flex-direction:column;gap:16px}.settings{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.opt{display:flex;align-items:center;gap:10px}.opt-label{flex:none;width:92px;color:var(--muted);font-size:12px;letter-spacing:.05em}.opt-choices{display:flex;gap:4px;flex-wrap:wrap}.btn-start{margin-top:8px;justify-content:center}.waiting{text-align:center;padding:12px 0 4px;animation:pulse 2s ease-in-out infinite}.chat{padding:12px;display:flex;flex-direction:column;gap:8px}.chat-log{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-size:13px}.chat-from{color:var(--gold);margin-right:8px;font-weight:700}.chat-note{padding:6px 4px 2px;font-size:12px}.chat-form{display:flex;gap:6px}.chat-form .input{flex:1;padding:6px 10px;font-size:13px}.tile{position:relative;flex:0 0 auto;border-radius:9%;-webkit-user-select:none;user-select:none;transition:transform .12s ease,filter .15s;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.tile-clickable{cursor:pointer}.tile-clickable:hover{transform:translateY(-6px)}.tile-selected{transform:translateY(-14px)!important;filter:drop-shadow(0 0 10px var(--cyan)) drop-shadow(0 6px 6px rgba(0,0,0,.6))}.tile-dim{opacity:.38;filter:grayscale(.6)}.tile-glow-new{filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 3px var(--gold))}.tile-glow-dora{filter:drop-shadow(0 0 6px var(--gold))}.tile-glow-wait{filter:drop-shadow(0 0 8px var(--magenta)) drop-shadow(0 0 2px #fff);animation:pulse 1.2s ease-in-out infinite}.tile-glow-target{filter:drop-shadow(0 0 7px var(--cyan))}.tile-glow-danger{filter:drop-shadow(0 0 7px var(--danger))}.tile-rot-wrap{position:relative;flex:0 0 auto}.tile-rot-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.tile-row{display:flex;gap:2px;flex-wrap:wrap}.melds{display:flex;gap:8px;flex-wrap:wrap}.meld{display:flex;gap:1px;align-items:flex-end}.game{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column}.arena{flex:1;display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:8px 12px 0}.arena-top{display:flex;justify-content:center;padding-bottom:4px}.arena-mid{flex:1;display:flex;align-items:center;justify-content:center;gap:18px;min-height:0}.arena-side{width:260px;display:flex;align-items:center;justify-content:center}.board{position:relative;border-radius:18px;background:radial-gradient(circle at 50% 50%,var(--felt),var(--felt2) 60%,rgba(6,5,16,.9)),var(--bg2);border:1px solid rgba(95,224,255,.25);box-shadow:0 0 40px #5fe0ff1f,inset 0 0 80px #0009;overflow:hidden;flex:0 0 auto}.board-sigil{position:absolute;top:4%;right:4%;bottom:4%;left:4%;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%235fe0ff' stroke-opacity='0.35'%3E%3Ccircle cx='100' cy='100' r='97' stroke-width='0.5'/%3E%3Ccircle cx='100' cy='100' r='90' stroke-width='0.4' stroke-dasharray='2 5'/%3E%3Ccircle cx='100' cy='100' r='76' stroke-width='0.3' stroke-dasharray='0.6 3'/%3E%3Cpath d='M100 3v9M197 100h-9M100 197v-9M3 100h9M31 31l6 6M169 31l-6 6M169 169l-6-6M31 169l6-6' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;animation:spin 160s linear infinite;opacity:.9}.board-sigil-2{top:22%;right:22%;bottom:22%;left:22%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23ff4fd8' stroke-opacity='0.3'%3E%3Ccircle cx='100' cy='100' r='96' stroke-width='0.5' stroke-dasharray='12 6'/%3E%3Cpolygon points='100,8 192,100 100,192 8,100' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E");animation:spin 110s linear infinite reverse}.board-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:14px;background:linear-gradient(180deg,#0a0818eb,#120e28eb);border:1px solid var(--line-strong);box-shadow:0 0 24px #0009,inset 0 0 20px #5fe0ff0f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px;z-index:2}.center-round{font-family:var(--font-brush);font-size:clamp(16px,calc(var(--board) * .055),30px);color:var(--gold);text-shadow:0 0 12px rgba(232,192,96,.5);line-height:1.1}.center-sub{display:flex;gap:10px;font-size:clamp(9px,calc(var(--board) * .02),12px);color:var(--muted)}.center-wall{display:flex;align-items:baseline;gap:4px}.center-wall-num{font-family:var(--font-num);font-size:clamp(18px,calc(var(--board) * .06),34px);font-weight:700;color:var(--cyan);line-height:1}.center-dora{display:flex;gap:3px;margin-top:3px;flex-wrap:wrap;justify-content:center}.extra-dora{outline:2px solid var(--magenta);outline-offset:-1px;border-radius:9%}.timer-bar{width:80%;height:4px;background:#ffffff1a;border-radius:2px;margin-top:6px;overflow:hidden}.timer-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--magenta));transition:width .25s linear}.timer-fill.low{background:var(--danger)}.river-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.river-wrap-right{transform:rotate(-90deg)}.river-wrap-top{transform:rotate(180deg)}.river-wrap-left{transform:rotate(90deg)}.river{position:absolute;left:50%;top:calc(50% + var(--off));transform:translate(-50%);width:calc(var(--rt) * 6 + 10px);display:flex;flex-direction:column;gap:3px}.river-row{display:flex;gap:2px;height:calc(var(--rt) * 1.333);align-items:flex-start}.turn-edge{position:absolute;left:50%;top:calc(50% + var(--off) - 7px);width:calc(var(--rt) * 6 + 24px);height:3px;transform:translate(-50%);border-radius:2px;background:var(--char);box-shadow:0 0 14px var(--char),0 0 30px var(--char);opacity:0;transition:opacity .3s}.turn-edge.on{opacity:1;animation:pulse 1.6s ease-in-out infinite}.opp{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;min-width:230px;max-width:300px;position:relative;transition:box-shadow .3s,border-color .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.opp-turn{border-color:var(--char);box-shadow:0 0 22px color-mix(in srgb,var(--char) 45%,transparent)}.opp-riichi{background:linear-gradient(180deg,rgba(255,79,216,.12),var(--panel))}.opp-top{flex-direction:row;align-items:center;max-width:720px;min-width:480px;gap:16px}.opp-main{display:flex;gap:10px;align-items:center;position:relative}.opp-portrait{width:58px;height:58px;flex:0 0 auto}.opp-info{min-width:0;flex:1}.opp-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dealer-mark{display:inline-block;background:var(--danger);color:#fff;font-size:10px;padding:0 4px;border-radius:3px;margin-right:4px;font-weight:700}.wind{display:inline-block;font-family:var(--font-head);color:var(--gold);margin-right:5px}.opp-char{color:var(--char);font-size:11px;letter-spacing:.05em}.opp-score{font-family:var(--font-num);font-size:22px;font-weight:700;line-height:1;margin:2px 0}.opp-status{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.opp-status .chip{font-size:10px;padding:1px 7px}.opp-waits{display:flex;gap:3px;align-items:center;margin-top:4px}.opp-timer{position:absolute;right:0;top:0;font-family:var(--font-num);font-size:26px;font-weight:700;color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.opp-timer.low{color:var(--danger);text-shadow:0 0 10px var(--danger)}.opp-hand{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.opp-hand-tiles{display:flex;gap:1px;flex-wrap:wrap}.opp-hand-revealed{padding:3px;border-radius:8px;background:#5fe0ff14;outline:1px dashed rgba(95,224,255,.5)}.opp-drawn{margin-left:-4px}.my-area{flex:0 0 auto;padding:6px 372px 8px 12px;display:flex;flex-direction:column;gap:6px;position:relative}.my-turn:before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--char),transparent);box-shadow:0 0 16px var(--char)}.action-bar{min-height:44px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.act{font-family:var(--font-brush);font-size:22px;line-height:1;padding:8px 20px;border-radius:8px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#281e50e6,#100c24f2);color:var(--text);box-shadow:0 6px 20px #00000080;position:relative;animation:rise2 .2s ease-out;transition:transform .1s,box-shadow .2s}.act:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.08);border-radius:6px;pointer-events:none}.act:hover{transform:translateY(-2px)}@keyframes rise2{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.act-win{border-color:var(--gold);color:#fff6d8;background:linear-gradient(180deg,#e8c0608c,#8c5a14b3);box-shadow:0 0 24px #e8c0608c;font-size:28px;animation:rise2 .2s ease-out,pulse 1.2s ease-in-out infinite}.act-riichi{border-color:var(--magenta);color:#ffe4f8;background:linear-gradient(180deg,#ff4fd873,#5a1450cc)}.act-riichi.act-on{box-shadow:0 0 24px var(--magenta)}.act-kan,.act-call{border-color:var(--cyan);background:linear-gradient(180deg,#5fe0ff4d,#143c5acc)}.act-pass{color:var(--muted);font-size:18px}.act-pick{display:inline-flex;gap:2px;padding:6px 10px;font-size:14px;font-family:var(--font-ui);align-items:center}.act-hint{color:var(--cyan);font-size:13px;letter-spacing:.05em}.my-row{display:flex;align-items:flex-end;gap:16px;justify-content:center}.my-meta{min-width:150px;padding-bottom:6px;position:relative}.my-name{font-weight:700;font-size:15px}.my-score{font-family:var(--font-num);font-size:28px;font-weight:700;line-height:1;color:#fff}.my-status{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.my-timer{position:absolute;right:-4px;top:-6px;font-family:var(--font-num);font-size:34px;font-weight:700;color:var(--cyan);text-shadow:0 0 14px var(--cyan)}.my-timer-low{color:var(--danger);text-shadow:0 0 14px var(--danger);animation:pulse .6s ease-in-out infinite}.my-hand{display:flex;gap:3px;align-items:flex-end;padding-top:16px}.my-drawn{margin-left:14px}.my-melds{min-width:120px;padding-bottom:4px}.dock{position:fixed;right:14px;bottom:14px;width:340px;z-index:30;background:linear-gradient(180deg,color-mix(in srgb,var(--char) 16%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--char) 50%,var(--line));border-radius:14px;box-shadow:0 16px 40px #0000008c,0 0 30px color-mix(in srgb,var(--char) 20%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;transition:transform .25s ease}.dock-closed .dock-body{display:none}.dock-toggle{width:100%;border:none;background:#0000004d;display:flex;justify-content:space-between;align-items:center;padding:6px 12px;letter-spacing:.3em;font-family:var(--font-num);font-weight:700;color:var(--char)}.dock-toggle-gauge{font-size:18px}.dock-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.dock-top{display:flex;gap:10px;align-items:center}.dock-portrait{width:64px;height:64px}.dock-info{flex:1;min-width:0}.dock-name{font-family:var(--font-brush);font-size:24px;line-height:1.1}.dock-title{font-family:var(--font-ui);font-size:11px;color:var(--char);margin-left:8px;letter-spacing:.2em}.dock-passive{margin-top:4px;font-size:12px}.dock-passive-name{font-weight:700;margin-right:6px}.dock-passive-desc{color:var(--muted);font-size:11px}.dock-pending{background:#5fe0ff1f;border:1px solid var(--cyan);border-radius:8px;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.dock-common{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.skill-btn{border:1px solid var(--line);background:#00000059;border-radius:8px;padding:5px 6px;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--muted);transition:transform .12s,box-shadow .2s;min-width:0}.skill-btn-name{font-family:var(--font-head);font-weight:700;font-size:12px;white-space:nowrap}.skill-btn-cost{font-family:var(--font-num);font-size:11px}.skill-btn-desc{font-size:11px;color:var(--muted);text-align:left;white-space:normal}.skill-btn-on{color:var(--text);border-color:var(--char);background:linear-gradient(180deg,color-mix(in srgb,var(--char) 30%,rgba(0,0,0,.3)),#0006);box-shadow:0 0 12px color-mix(in srgb,var(--char) 45%,transparent)}.skill-btn-on:hover{transform:translateY(-2px)}.skill-btn-on .skill-btn-cost{color:var(--cyan)}.skill-btn-pending{outline:2px solid var(--cyan)}.skill-btn-big{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:6px 10px;padding:8px 12px;text-align:left}.skill-btn-big .skill-btn-name{font-size:17px;font-family:var(--font-brush)}.skill-btn-big .skill-btn-desc{flex-basis:100%}.gauge{position:relative;display:flex;align-items:center;gap:6px;margin:4px 0}.gauge-delta{position:absolute;right:0;bottom:100%;font-family:var(--font-num);font-weight:700;font-size:15px;line-height:1;pointer-events:none;white-space:nowrap;animation:gauge-delta 4s ease-out forwards;text-shadow:0 0 6px rgba(0,0,0,.9),0 1px 2px #000;z-index:5}.gauge-delta-minus{color:#ff5a6e;font-size:17px}.gauge-delta-plus{color:var(--cyan);font-size:12px}@keyframes gauge-delta{0%{opacity:0;transform:translateY(6px) scale(1.4)}6%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(-4px)}to{opacity:0;transform:translateY(-14px)}}.gauge-track{position:relative;flex:1;height:10px;border-radius:999px;background:#00000080;border:1px solid color-mix(in srgb,var(--char) 40%,transparent);overflow:hidden}.gauge-fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--char) 60%,#fff 0%),var(--char),#fff);box-shadow:0 0 10px var(--char);transition:width .5s cubic-bezier(.2,.8,.2,1)}.gauge-ticks{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.5) calc(10% - 1px) 10%);pointer-events:none}.gauge-num{font-family:var(--font-num);font-weight:700;font-size:15px;color:var(--char);min-width:28px;text-align:right}.gauge-small .gauge-track{height:6px}.gauge-small .gauge-num{font-size:12px}.gauge-full .gauge-fill{animation:pulse 1s ease-in-out infinite}.wallpeek{position:fixed;left:14px;top:14px;z-index:34;padding:8px 12px}.wallpeek-title{font-family:var(--font-head);color:var(--cyan);font-size:12px;letter-spacing:.3em;margin-bottom:6px}.wallpeek-tiles{display:flex;gap:6px}.wallpeek-item{display:flex;flex-direction:column;align-items:center;gap:2px}.wallpeek-mine .wallpeek-who{color:var(--gold);font-weight:700}.wallpeek-note{margin-top:4px;font-size:10px}.game-menu{position:fixed;right:14px;top:12px;z-index:34;display:flex;gap:6px;align-items:center}.game-menu-round{font-family:var(--font-head);color:var(--gold);margin-right:6px}.game-chat{position:fixed;right:14px;top:52px;width:300px;z-index:34;padding:10px;display:flex;flex-direction:column;gap:8px}.cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none;overflow:hidden;animation:cutin-fade 2.6s ease-in-out forwards}@keyframes cutin-fade{0%{opacity:0}8%{opacity:1}82%{opacity:1}to{opacity:0}}.cutin-band{position:absolute;top:18%;left:-20%;width:140%;height:34%;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--char) 85%,#000) 25%,var(--char) 50%,color-mix(in srgb,var(--char) 85%,#000) 75%,transparent 100%);transform:skewY(-6deg);opacity:.85;animation:band-in .5s cubic-bezier(.2,.9,.2,1) both;box-shadow:0 0 60px var(--char)}.cutin-band-2{top:50%;height:4px;background:#fff;opacity:.9;animation:band-in .6s .1s cubic-bezier(.2,.9,.2,1) both}@keyframes band-in{0%{transform:translate(-100%) skewY(-6deg)}to{transform:translate(0) skewY(-6deg)}}.cutin-portrait{position:absolute;left:6%;bottom:0;width:min(32vw,420px);height:auto;aspect-ratio:3 / 4;border-radius:0;border:none;background:none;box-shadow:none;filter:drop-shadow(0 0 30px var(--char));animation:portrait-in .6s cubic-bezier(.2,.9,.2,1) both}.cutin-portrait .portrait-fallback{filter:drop-shadow(0 0 20px var(--char))}@keyframes portrait-in{0%{transform:translate(-60px) translateY(20px);opacity:0}to{transform:none;opacity:1}}.cutin-text{position:absolute;right:8%;top:24%;text-align:right;animation:text-in .55s .15s cubic-bezier(.2,.9,.2,1) both}@keyframes text-in{0%{transform:translate(60px);opacity:0;letter-spacing:.6em}to{transform:none;opacity:1;letter-spacing:.15em}}.cutin-kicker{font-family:var(--font-num);letter-spacing:.5em;color:#fff;font-size:14px;opacity:.9}.cutin-skill{font-family:var(--font-brush);font-size:clamp(56px,11vw,150px);line-height:1;color:#fff;text-shadow:0 0 30px var(--char),0 0 4px #000,0 6px 0 rgba(0,0,0,.4);letter-spacing:.15em}.cutin-sub{font-family:var(--font-head);font-size:20px;color:#fff;text-shadow:0 0 10px #000;margin-top:8px}.cutin-target{color:var(--gold)}.banner{position:fixed;z-index:110;pointer-events:none;font-family:var(--font-brush);font-size:clamp(40px,7vw,92px);line-height:1;color:#fff;text-shadow:0 0 20px var(--cyan),0 0 4px #000;animation:banner-pop 1.5s cubic-bezier(.2,.9,.2,1) forwards;padding:10px 30px;border-left:6px solid var(--cyan);border-right:6px solid var(--cyan);background:#0000008c;letter-spacing:.2em}.banner-riichi{text-shadow:0 0 20px var(--magenta),0 0 4px #000;border-color:var(--magenta)}.banner-win{text-shadow:0 0 24px var(--gold),0 0 4px #000;border-color:var(--gold);color:#fff6d8}.banner-kan{border-color:var(--gold)}@keyframes banner-pop{0%{opacity:0;transform:var(--bt, translate(-50%, -50%)) scale(.6)}15%{opacity:1;transform:var(--bt, translate(-50%, -50%)) scale(1.05)}80%{opacity:1;transform:var(--bt, translate(-50%, -50%)) scale(1)}to{opacity:0;transform:var(--bt, translate(-50%, -50%)) scale(1)}}.banner-pos-center,.banner-pos-top,.banner-pos-self,.banner-pos-left,.banner-pos-right{left:50%;top:50%;--bt: translate(-50%, -50%)}.banner-pos-top{top:22%}.banner-pos-self{top:68%}.banner-pos-left{left:22%}.banner-pos-right{left:78%}.toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:115;display:flex;flex-direction:column;gap:6px;pointer-events:none;align-items:center}.toast{background:#0a0818e6;border:1px solid var(--line-strong);padding:6px 16px;border-radius:999px;font-size:13px;animation:rise .25s ease-out;box-shadow:0 6px 20px #00000080}.toast-warn{border-color:var(--danger);color:#ffd0d0}.toast-dora{border-color:var(--gold);color:var(--gold)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#03020ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:20px;animation:fade .25s ease-out}.modal-backdrop>*{max-width:100%}.modal-light{background:#03020a80}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(760px,100%);max-height:92vh;overflow-y:auto;padding:22px 26px;display:flex;flex-direction:column;gap:16px;animation:rise .3s ease-out}.result-title{font-family:var(--font-brush);font-size:34px;color:var(--gold);text-shadow:0 0 16px rgba(232,192,96,.5);line-height:1.1}.win-block{border:1px solid color-mix(in srgb,var(--char) 40%,var(--line));border-radius:12px;padding:14px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--char) 10%,transparent),transparent);display:flex;flex-direction:column;gap:10px}.win-head{display:flex;gap:12px;align-items:center}.win-portrait{width:56px;height:56px}.win-title{font-size:18px;font-weight:700}.win-kind{font-family:var(--font-brush);font-size:30px;color:var(--gold);margin-right:10px}.win-limit{font-family:var(--font-head);font-size:15px;color:var(--cyan)}.win-points{font-family:var(--font-num);font-size:20px;color:var(--green);margin-left:8px}.win-hand{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.win-tile{margin-left:4px}.win-yaku{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 20px}.yaku-line{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding:3px 0;animation:rise .4s ease-out both}.yaku-name{font-family:var(--font-head)}.yaku-han{font-family:var(--font-num);color:var(--gold);font-weight:700}.win-dora{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tenpai-list{display:flex;flex-direction:column;gap:8px}.tenpai-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tenpai-name{min-width:110px;font-weight:700}.tenpai-badge{font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.tenpai-badge.on{color:var(--danger);border-color:var(--danger)}.score-table{display:flex;flex-direction:column;gap:2px}.score-row{display:grid;grid-template-columns:32px minmax(0,1fr) 110px 110px;align-items:center;padding:6px 10px;border-radius:8px;font-size:15px}.score-me{background:#5fe0ff14}.score-name{min-width:0;overflow-wrap:anywhere}.score-wind{font-family:var(--font-head);color:var(--gold)}.score-val,.score-delta{font-family:var(--font-num);font-weight:700;text-align:right;font-size:18px}.score-delta.plus{color:var(--green)}.score-delta.minus{color:var(--danger)}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px}.modal-actions>.btn{flex-shrink:0}.chip.help-new{outline:2px solid #ffe066;outline-offset:1px;animation:help-new 1.4s ease-in-out infinite}@keyframes help-new{50%{box-shadow:0 0 14px #ffe066b3}}:root[data-perf=eco] .chip.help-new{animation:none}@media (max-width: 480px){.tab-long{display:none}.tabs>.tab{padding-left:10px;padding-right:10px}}.ranking{display:flex;flex-direction:column;gap:8px}.rank-row{display:grid;grid-template-columns:56px 60px 1fr 120px 140px;align-items:center;gap:12px;padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--char) 12%,transparent),transparent)}.rank-1{border-color:var(--gold);box-shadow:0 0 24px #e8c0604d}.rank-me{outline:1px solid var(--cyan)}.rank-num{font-family:var(--font-brush);font-size:40px;color:var(--gold);text-align:center}.rank-portrait{width:52px;height:52px}.rank-name{font-size:18px;font-weight:700}.rank-score{font-family:var(--font-num);font-size:24px;font-weight:700;text-align:right}.attract-tiles{display:flex;gap:18px;justify-content:center;padding:10px 0}.target-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.target-btn{background:#0000004d;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .12s,box-shadow .2s}.target-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--char);box-shadow:0 0 18px color-mix(in srgb,var(--char) 45%,transparent)}.target-btn:disabled{opacity:.45}.target-portrait{width:64px;height:64px}.target-name{font-weight:700;overflow-wrap:anywhere}@media (max-width: 1100px){.arena-side{width:200px}.opp{min-width:180px;padding:6px 8px}.opp-portrait{width:44px;height:44px}.opp-top{min-width:380px}.dock{width:280px}.dock-common{grid-template-columns:repeat(4,1fr)}}@media (max-width: 820px){.arena-mid{gap:6px}.arena-side{width:110px}.opp{min-width:0}.opp-char,.opp-hand,.opp-status .chip-status{display:none}.opp-top{min-width:0;max-width:100%}.opp-top .opp-hand{display:flex}.my-area{padding-right:12px;padding-bottom:54px}.dock{width:calc(100% - 28px);bottom:0;right:14px}.dock-body{max-height:40vh;overflow-y:auto}.dock-portrait{width:48px;height:48px}.my-meta{min-width:90px}.my-melds{min-width:0}.room-main,.seats{grid-template-columns:1fr}.seats{grid-template-columns:1fr 1fr}.rank-row{grid-template-columns:40px 44px 1fr 100px}.rank-char{display:none}.cutin-portrait{width:44vw}.cutin-text{right:4%;top:16%}.modal{padding:14px;gap:12px}.score-row{grid-template-columns:28px minmax(0,1fr) 90px 90px;font-size:13px}.score-val,.score-delta{font-size:15px}.target-list{grid-template-columns:1fr}.win-yaku{grid-template-columns:1fr 1fr}}.game-mobile{overflow-y:auto;overflow-x:hidden}.m-top{display:flex;justify-content:flex-end;padding:6px 8px 2px}.game-menu-static{position:static;gap:4px}.game-menu-static .chip{padding:3px 8px;font-size:11px}.game-menu-static .game-menu-round{margin-right:auto;font-size:15px}.m-opps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px 6px 6px}.opp-mini{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:3px;position:relative;min-width:0;transition:box-shadow .3s,border-color .3s}.opp-mini.opp-turn{border-color:var(--char);box-shadow:0 0 14px color-mix(in srgb,var(--char) 50%,transparent)}.opp-mini-head{display:flex;align-items:center;gap:6px;min-width:0}.opp-mini .portrait-bust{width:30px;height:30px;flex:0 0 auto}.opp-mini-info{min-width:0;flex:1}.opp-mini-name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp-mini-name .wind{margin-right:3px}.opp-mini-sub{font-size:10px;color:var(--char);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp-mini-score{font-family:var(--font-num);font-size:17px;font-weight:700;line-height:1}.opp-mini-timer{font-family:var(--font-num);font-size:18px;font-weight:700;color:var(--cyan);text-shadow:0 0 8px var(--cyan)}.opp-mini-timer.low{color:var(--danger)}.opp-mini .gauge{margin:1px 0}.opp-mini .gauge-num{font-size:10px;min-width:20px}.opp-mini .opp-status{margin-top:1px}.opp-mini .opp-status .chip{font-size:9px;padding:0 5px}.opp-mini .melds{gap:4px}.game-mobile .board-wrap{display:flex;justify-content:center;padding:2px 0 6px}.game-mobile .my-area{padding:2px 8px 56px}.game-mobile .my-row{flex-wrap:wrap;gap:6px;justify-content:center}.game-mobile .my-meta{flex-basis:100%;min-width:0;display:flex;align-items:baseline;gap:10px;padding:0}.game-mobile .my-score{font-size:20px}.game-mobile .my-status{margin-top:0}.game-mobile .my-timer{position:static;font-size:22px;margin-left:auto}.game-mobile .my-hand{padding-top:10px;gap:2px}.game-mobile .my-drawn{margin-left:8px}.game-mobile .my-melds{min-width:0;flex-basis:100%;display:flex;justify-content:center}.game-mobile .action-bar{min-height:40px;gap:6px}.game-mobile .act{font-size:18px;padding:6px 14px}.game-mobile .act-win{font-size:22px}.game-mobile .act-hint{font-size:12px}.game-mobile .dock{width:calc(100% - 12px);right:6px;bottom:6px}.game-mobile .dock-body{max-height:55vh;overflow-y:auto}.game-mobile .dock-body>*{flex-shrink:0}.game-mobile .dock-title{display:block;margin-left:0;letter-spacing:.08em}.game-mobile .wallpeek{top:auto;bottom:48px;left:6px;padding:6px 8px}.game-mobile .game-chat{left:6px;right:6px;width:auto;top:44px}.game-mobile .banner{font-size:44px}.hand-slot{position:relative;flex:0 0 auto}.tenpai-dot{position:absolute;top:-11px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--magenta);box-shadow:0 0 8px var(--magenta);z-index:2;pointer-events:none}.tenpai-dot-furiten{background:var(--danger);box-shadow:0 0 8px var(--danger)}.safe-mark{position:absolute;bottom:-2px;right:-2px;z-index:2;font-size:10px;line-height:1;padding:1px 3px;border-radius:3px;background:#7cf0a0e6;color:#0a1a10;font-weight:700;pointer-events:none}.hint-eval{display:inline-flex;align-items:center;gap:6px}.hint-tenpai{font-family:var(--font-brush);font-size:20px;color:var(--magenta);text-shadow:0 0 8px var(--magenta)}.furiten{color:var(--danger);font-weight:700;border:1px solid var(--danger);border-radius:4px;padding:0 6px;font-size:12px;animation:pulse 1s ease-in-out infinite}.my-waits{display:flex;align-items:center;gap:4px;margin-top:4px;flex-wrap:wrap}.spectator-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;flex-wrap:wrap}.spectator-label{font-family:var(--font-brush);font-size:22px;color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.spectators{padding:0 4px}.arena-bottom{display:flex;justify-content:center;padding:6px 12px 10px}.opp-self{flex-direction:row;align-items:center;max-width:720px;min-width:480px;gap:16px}.game-mobile .arena-bottom{padding:4px 6px 60px}.game-mobile .arena-bottom .opp-mini{width:100%}.abort-reason{font-family:var(--font-head);font-size:22px;color:var(--cyan)}.nagashi{font-family:var(--font-head);color:var(--gold);font-size:16px}.game-log{position:fixed;left:14px;top:120px;width:280px;max-height:46vh;z-index:34;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.game-log-head{display:flex;justify-content:space-between;align-items:center}.game-log-head .section-title{margin:0}.game-log-body{overflow-y:auto;display:flex;flex-direction:column;gap:3px;font-size:12px}.log-line{padding:2px 6px;border-left:2px solid var(--line);color:#d6d0f2}.log-skill{border-left-color:var(--char, var(--cyan));color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--char, var(--cyan)) 18%,transparent),transparent)}.log-warn{border-left-color:var(--danger);color:#ffd0d0}.log-win{border-left-color:var(--gold);color:var(--gold);font-weight:700}.log-riichi{border-left-color:var(--magenta)}.log-call{border-left-color:var(--cyan)}.log-dora{border-left-color:var(--gold)}.log-round{border-left:none;text-align:center;color:var(--muted);margin-top:4px}.game-menu{flex-wrap:wrap;justify-content:flex-end;max-width:62vw}.game-mobile .game-log{left:6px;right:6px;width:auto;top:44px}.stamp-picker{position:relative}.stamp-palette{position:absolute;top:30px;right:0;z-index:60;display:grid;grid-template-columns:repeat(2,max-content);gap:6px;padding:10px}.stamp-btn{border:1px solid var(--line-strong);background:#00000059;border-radius:999px;padding:6px 12px;font-size:13px;white-space:nowrap}.stamp-btn:hover{border-color:var(--cyan);box-shadow:0 0 10px #5fe0ff59}.stamp-bubble{position:fixed;z-index:105;pointer-events:none;background:#fff6;background:linear-gradient(135deg,#fffaf0,#ffe9f8);color:#2a1640;font-family:var(--font-head);font-weight:800;font-size:20px;padding:10px 18px;border-radius:18px;border:3px solid var(--magenta);box-shadow:0 0 20px #ff4fd880,0 8px 20px #00000080;animation:stamp-pop 3.2s cubic-bezier(.2,.9,.2,1) forwards;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%)}.stamp-from{font-family:var(--font-ui);font-size:10px;font-weight:700;color:#7a4d8f}@keyframes stamp-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-8deg)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(3deg)}18%{transform:translate(-50%,-50%) scale(1) rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}.stamp-pos-self{left:30%;top:74%}.stamp-pos-right{left:82%;top:36%}.stamp-pos-top{left:50%;top:16%}.stamp-pos-left{left:18%;top:36%}.stamp-pos-center{left:50%;top:50%}.stats{padding:12px 14px;overflow-x:auto}.stats-row{display:grid;grid-template-columns:32px minmax(140px,1.6fr) 50px 70px 70px 70px 70px 90px minmax(90px,1fr);gap:8px;align-items:center;padding:7px 8px;border-bottom:1px dashed var(--line);font-size:13px;min-width:760px}.stats-head{color:var(--gold);font-size:11px;letter-spacing:.1em}.stats-me{background:#5fe0ff14;border-radius:8px}.stats-rank{font-family:var(--font-brush);font-size:20px;color:var(--gold)}.stats-name{font-weight:700;display:flex;flex-direction:column}.stats-fav{font-size:10px;color:var(--char, var(--muted));font-weight:400}.stats-num,.stats-row .plus,.stats-row .minus{font-family:var(--font-num);font-weight:700;font-size:15px}.stats-row .plus{color:var(--green)}.stats-row .minus{color:var(--danger)}.stats-best{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help{width:min(860px,100%)}.help-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.help-head .tabs{margin-bottom:0}.help-chars{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.help-char{border:1px solid color-mix(in srgb,var(--char) 45%,var(--line));border-radius:12px;padding:10px 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--char) 12%,transparent),transparent);display:flex;flex-direction:column;gap:6px;font-size:13px}.help-char-name{display:flex;align-items:baseline;gap:10px;font-weight:700}.help-char-kanji{font-family:var(--font-brush);font-size:26px;color:var(--char);line-height:1;white-space:nowrap}.help-ops{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:#d6d0f2}kbd{font-family:var(--font-num);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:12px;background:#00000059}@media (max-width: 820px){.help-chars{grid-template-columns:1fr}}.cutin-line{font-family:var(--font-head);font-size:clamp(16px,2.2vw,26px);color:#fff;text-shadow:0 0 12px var(--char),0 2px 4px #000;margin-top:6px;animation:text-in .6s .35s cubic-bezier(.2,.9,.2,1) both}.win-line{font-family:var(--font-head);font-size:17px;color:var(--char);text-shadow:0 0 10px color-mix(in srgb,var(--char) 50%,transparent)}.rank-pt{display:block;font-size:14px}.rank-pt.plus{color:var(--green)}.rank-pt.minus{color:var(--danger)}.cutin-short{animation-duration:1.3s}.cutin-short .cutin-band,.cutin-short .cutin-portrait,.cutin-short .cutin-text{animation-duration:.3s}.rtt{position:fixed;left:8px;bottom:6px;z-index:40;font-family:var(--font-num);font-size:11px;color:var(--green);opacity:.7;pointer-events:none}.rtt:before{content:"● "}.rtt-mid{color:var(--gold)}.rtt-bad{color:var(--danger);opacity:1}.seat-tools{display:flex;gap:4px;flex-wrap:wrap}.spectators{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.personal-dora{display:inline-block;border-radius:4px;outline:2px solid var(--char);outline-offset:1px;box-shadow:0 0 8px var(--char)}.banner{display:flex;flex-direction:column;align-items:center}.banner-sub{font-family:var(--font-head);font-size:.32em;letter-spacing:.3em;margin-top:6px;color:var(--gold)}.banner-round{border-color:var(--gold);font-size:clamp(56px,9vw,120px);background:radial-gradient(ellipse,#000000bf,#00000059);text-shadow:0 0 30px var(--gold),0 0 4px #000;padding:18px 60px}.banner-round .banner-sub{color:#fff;font-size:.24em}.yakuman-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;pointer-events:none;display:grid;place-items:center;background:radial-gradient(circle,#3c28008c,#000000d9);animation:cutin-fade 4.2s ease-in-out forwards;overflow:hidden}.yakuman-rays{position:absolute;width:220vmax;height:220vmax;background:repeating-conic-gradient(from 0deg,rgba(232,192,96,.28) 0deg 6deg,transparent 6deg 18deg);animation:spin 14s linear infinite}.yakuman-portrait{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(46vw,520px);height:auto;aspect-ratio:3 / 4;border:none;background:none;box-shadow:none;border-radius:0;opacity:.55;filter:drop-shadow(0 0 40px var(--gold))}.yakuman-text{position:relative;text-align:center;animation:yakuman-in .8s cubic-bezier(.2,.9,.2,1) both}@keyframes yakuman-in{0%{transform:scale(2.4);opacity:0;filter:blur(8px)}to{transform:scale(1);opacity:1;filter:blur(0)}}.yakuman-title{font-family:var(--font-brush);font-size:clamp(80px,16vw,220px);line-height:1;background:linear-gradient(180deg,#fff,#ffe9a8 35%,#e8c060 60%,#b07a10);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(232,192,96,.9)) drop-shadow(0 4px 0 #000);letter-spacing:.1em}.yakuman-yaku{font-family:var(--font-head);font-size:clamp(20px,3vw,36px);color:#fff;text-shadow:0 0 14px var(--gold),0 2px 4px #000;margin-top:8px}.yakuman-name{font-family:var(--font-head);font-size:20px;color:var(--gold);margin-top:6px}.banner{white-space:nowrap}.settings-pop{position:fixed;right:14px;top:52px;z-index:80;padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-width:260px}.settings-pop-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.settings-pop-label{width:100%;font-size:11px;color:var(--gold);letter-spacing:.15em}.volume{accent-color:var(--cyan);width:120px}.game-mobile .settings-pop{left:6px;right:6px;top:44px}.danger-mark{position:absolute;bottom:-4px;left:-2px;z-index:2;font-size:14px;line-height:1;color:#ffdf5a;text-shadow:0 0 6px #ff3b3b,0 0 2px #000;pointer-events:none}.wallpeek-who{font-size:10px;color:var(--char, var(--muted));max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-count{margin-left:10px;color:var(--green);letter-spacing:.05em}.awards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.award{border:1px solid color-mix(in srgb,var(--char) 50%,var(--line));border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--char) 14%,transparent),transparent);animation:rise .5s ease-out both}.award-title{font-family:var(--font-brush);font-size:22px;color:var(--gold);text-shadow:0 0 10px rgba(232,192,96,.5)}.award-portrait{width:48px;height:48px}.award-name{font-weight:700}.award-detail{font-size:12px;color:var(--muted);text-align:center}.pick-taken{font-size:9px;color:#0a0814;background:var(--gold);border-radius:3px;padding:0 4px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-diff{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.score-fly{position:absolute;left:50%;bottom:100%;transform:translate(-50%);padding:1px 6px;font-family:var(--font-num);font-weight:800;font-size:.9em;white-space:nowrap;pointer-events:none;z-index:3;animation:score-fly 2.4s cubic-bezier(.2,.9,.2,1) both}.score-fly-plus{color:#7dffb0;text-shadow:0 0 8px rgba(80,255,160,.8)}.score-fly-minus{color:#ff6a80;text-shadow:0 0 8px rgba(255,40,80,.8)}@keyframes score-fly{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}12%{opacity:1;transform:translate(-50%,-2px) scale(1.15)}25%{transform:translate(-50%,-4px) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-16px)}}.diff-plus{color:var(--danger)}.diff-minus{color:var(--green)}.riichi-stick{display:inline-block;width:46px;height:7px;border-radius:4px;align-self:center;background:linear-gradient(180deg,#fff,#dcdcdc);box-shadow:0 0 6px #ff4fd8b3;position:relative}.riichi-stick:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);background:#d4145a}:root[data-theme=guren]{--bg: #0e0507;--bg2: #1c0a0d;--neb1: rgba(170, 30, 50, .55);--neb2: rgba(200, 120, 20, .4);--felt: rgba(120, 30, 30, .55);--felt2: rgba(40, 8, 12, .8);--cyan: #ffb347;--magenta: #ff4f6d;--line: rgba(255, 150, 120, .18);--line-strong: rgba(255, 170, 140, .4);--panel: rgba(36, 12, 16, .72)}:root[data-theme=shinkai]{--bg: #02070d;--bg2: #06141f;--neb1: rgba(20, 70, 150, .6);--neb2: rgba(0, 150, 140, .45);--felt: rgba(10, 80, 90, .6);--felt2: rgba(4, 20, 36, .8);--cyan: #4ff3d6;--magenta: #7a8bff;--line: rgba(120, 220, 255, .18);--line-strong: rgba(140, 230, 255, .4);--panel: rgba(6, 20, 34, .72)}.portrait-motif{animation:motif-breathe 6s ease-in-out infinite;transform-origin:150px 150px}@keyframes motif-breathe{0%,to{opacity:.38}50%{opacity:.62}}.record{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.record-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.record-file input{display:none}.record-file{cursor:pointer}.record-err{color:var(--danger)}.record-ranking{display:flex;flex-direction:column;gap:4px}.record-rank{display:grid;grid-template-columns:40px minmax(0,1fr) 100px 80px;align-items:center;gap:10px;padding:4px 10px;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--char) 14%,transparent),transparent)}.record-rank-name{overflow-wrap:anywhere}.record-rank .rank-num{font-size:26px}.record-rank .rank-score{font-size:18px}.record-rank .plus,.record-deltas .plus{color:var(--green)}.record-rank .minus,.record-deltas .minus{color:var(--danger)}.record-rounds{display:flex;flex-direction:column;gap:4px}.record-round{border:1px solid var(--line);border-radius:8px;overflow:hidden}.record-round-head{width:100%;background:#00000040;border:none;display:flex;gap:12px;align-items:center;padding:7px 10px;text-align:left;flex-wrap:wrap;font-size:13px}.record-round-label{font-family:var(--font-head);color:var(--gold);min-width:110px}.record-deltas{margin-left:auto;display:flex;gap:10px;font-family:var(--font-num);font-size:12px}.record-win{padding:8px 12px;display:flex;flex-direction:column;gap:4px}.wait-chip{display:inline-flex;align-items:flex-end;gap:1px}.wait-left{font-family:var(--font-num);font-size:11px;font-weight:700;color:var(--cyan)}.fu-box{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.fu-list{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:#d6d0f2}.fu-item b{color:var(--cyan);font-family:var(--font-num)}.fu-total{color:var(--gold);font-weight:700}.river .tile-glow-new{animation:discard-drop .28s cubic-bezier(.2,.9,.3,1.2) both}@keyframes discard-drop{0%{transform:translateY(-18px) scale(1.25);opacity:0}to{transform:none;opacity:1}}.rec-mark{position:absolute;top:-12px;right:-4px;z-index:3;font-family:var(--font-brush);font-size:14px;line-height:1;color:#0a0814;background:var(--cyan);border-radius:50%;width:18px;height:18px;display:grid;place-items:center;box-shadow:0 0 8px var(--cyan);pointer-events:none}.call-target{display:inline-flex;align-items:center;gap:6px;margin-right:8px}.presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-bottom:6px;border-bottom:1px dashed var(--line)}.info-toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%);z-index:300;background:#103c50f2;border:1px solid var(--cyan);color:#fff;padding:10px 18px;border-radius:10px;box-shadow:0 10px 30px #00000080;cursor:pointer;animation:rise-center .25s ease-out;max-width:calc(100vw - 32px)}.my-stats-clickable{cursor:pointer}.my-stats-clickable:hover{border-color:#ffffff40}.my-stats{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;font-size:13px;padding:6px 10px;border-radius:8px;background:#5fe0ff0f;border:1px solid var(--line)}.my-stats b{font-family:var(--font-num);font-size:17px;color:var(--cyan)}.my-stats .plus{color:var(--green)}.my-stats .minus{color:var(--danger)}.my-drawn{position:relative}.drawn-label{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-size:10px;color:var(--gold);letter-spacing:.2em;pointer-events:none;white-space:nowrap}.game-hit{animation:hit-shake .5s cubic-bezier(.36,.07,.19,.97)}.game-hit:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:140;box-shadow:inset 0 0 120px #ff2850bf;animation:fade-out .7s ease-out forwards}@keyframes hit-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.char-mode-note{font-size:13px;color:var(--gold);padding:6px 10px;margin-bottom:8px;border:1px dashed rgba(232,192,96,.5);border-radius:8px}.score-chart svg{width:100%;height:160px;display:block;background:#00000040;border-radius:10px;border:1px solid var(--line)}.chart-base{stroke:#ffffff40;stroke-dasharray:4 6}.chart-label{fill:var(--muted);font-size:10px}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin-top:4px}.recent{margin-top:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.recent-row{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13px}.recent-at{min-width:140px}.recent-ranking{display:flex;gap:12px;flex-wrap:wrap}.recent-p b{font-family:var(--font-brush);color:var(--char, var(--gold))}.recent-p small{margin-left:4px;font-family:var(--font-num);color:var(--muted)}.recent-best{flex-basis:100%;font-size:11px}.yaku-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:8px}.yaku-table th{text-align:left;color:var(--gold);font-size:11px;letter-spacing:.1em;border-bottom:1px solid var(--line-strong);padding:4px 6px}.yaku-table td{border-bottom:1px dashed var(--line);padding:5px 6px;color:#d6d0f2;vertical-align:top}.yaku-table-name{font-family:var(--font-head);white-space:nowrap;color:#fff!important}.yaku-table-han{font-family:var(--font-num);color:var(--cyan)!important;white-space:nowrap}@media (max-width: 520px){.yaku-table thead{display:none}.yaku-table tr{display:grid;grid-template-columns:auto 1fr;column-gap:10px;border-bottom:1px dashed var(--line);padding:5px 2px}.yaku-table td{border-bottom:none;padding:0}.yaku-table td:nth-child(3){grid-column:1 / -1;margin-top:2px}.yaku-table-han:before{content:"翻 ";color:var(--gold);font-size:10px}}.input-attention{border-color:var(--gold);animation:attention 1.8s ease-in-out infinite}@keyframes attention{0%,to{box-shadow:0 0 #e8c06000}50%{box-shadow:0 0 0 4px #e8c06040}}.name-hint{margin-left:10px;color:var(--muted);letter-spacing:.05em;font-size:11px}.chip-lastskill{color:var(--char, var(--cyan));border-color:color-mix(in srgb,var(--char, var(--cyan)) 50%,transparent);background:#00000040}.cutin-portrait .portrait-img,.yakuman-portrait .portrait-img{-webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 45%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 70% 75% at 50% 45%,#000 55%,transparent 100%)}.char-card-portrait .portrait-img{-webkit-mask-image:linear-gradient(to bottom,#000 75%,transparent 100%);mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}.dock-ready{animation:dock-ready 1.6s ease-out}@keyframes dock-ready{0%{box-shadow:0 0 0 0 var(--char)}30%{box-shadow:0 0 40px 8px var(--char)}to{box-shadow:0 16px 40px #0000008c}}.chip-unread{color:#fff;border-color:var(--magenta);background:#ff4fd833}.first-guide{width:min(560px,100%)}.first-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:#d6d0f2}.first-steps b{color:var(--gold)}@media (prefers-reduced-motion: reduce){.nebula,.board-sigil,.opp-vacant:after,.yakuman-rays,.portrait-motif,.game-hit,.turn-edge.on,.chip-tenpai,.tile-glow-wait,.act-win,.gauge-full .gauge-fill,.input-attention{animation:none!important}.cutin-band,.cutin-portrait,.cutin-text,.cutin-line,.yakuman-text{animation:none!important}}.name-edit{display:flex;align-items:center;gap:12px;padding:10px 14px;flex-wrap:wrap}.name-edit .field-label{margin:0}.name-edit .input{width:200px}.game-landscape .m-top{padding:2px 8px 0}.game-landscape .m-mid{display:flex;gap:8px;align-items:center;justify-content:center;padding:0 8px}.game-landscape .m-opps{grid-template-columns:repeat(3,minmax(0,150px));flex:1;padding:0}.game-landscape .opp-mini .gauge,.game-landscape .opp-mini-sub{display:none}.game-landscape .board-wrap{padding:0}.game-landscape .my-area{padding-bottom:46px}.game-landscape .action-bar{min-height:32px}.game-landscape .game-menu-static .game-menu-round{font-size:13px}.game-landscape .dock.dock-closed{width:170px;left:auto;right:6px}.game-landscape .dock:not(.dock-closed){width:min(380px,70vw);left:auto;right:6px}.game-landscape .dock-body{max-height:70vh}.game-landscape .my-row{justify-content:flex-start}.game-landscape .dock.dock-closed{width:140px}.seats.seats-3{grid-template-columns:repeat(3,1fr)}.opt-note{font-size:12px;margin:-4px 0 8px;line-height:1.5}.stats-mode{display:flex;gap:8px;margin-bottom:10px}.act-kita{border-color:var(--gold, #f2c14e);color:#fff3d0;background:linear-gradient(180deg,#f2c14e61,#50340ad9)}.meld-kita{position:relative;padding:2px 4px 2px 2px;border-radius:6px;background:radial-gradient(ellipse at 50% 100%,rgba(242,193,78,.28),transparent 70%);outline:1px dashed rgba(242,193,78,.55);align-items:center}.kita-count{font-family:Shippori Mincho B1,serif;font-size:11px;color:#f7d98a;margin-left:4px;writing-mode:vertical-rl;letter-spacing:1px;text-shadow:0 0 6px rgba(242,193,78,.7)}.opp-vacant{position:relative;display:flex;align-items:center;gap:14px;padding:8px 22px;min-height:64px;border-radius:14px;border:1px solid rgba(242,193,78,.25);background:repeating-linear-gradient(135deg,rgba(242,193,78,.06) 0 6px,transparent 6px 14px),linear-gradient(180deg,#140e1e99,#0a08144d);color:var(--muted);overflow:hidden}.opp-vacant:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(242,193,78,.12),transparent);transform:translate(-100%);animation:vacant-sweep 6s ease-in-out infinite}.opp-vacant-seal{font-family:Yuji Syuku,serif;font-size:34px;line-height:1;color:#f2c14e;text-shadow:0 0 14px rgba(242,193,78,.6);border:2px solid rgba(242,193,78,.6);border-radius:8px;padding:4px 8px;transform:rotate(-8deg)}.opp-vacant-text{font-size:13px;letter-spacing:2px}@keyframes vacant-sweep{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 720px){.seats.seats-3{grid-template-columns:1fr 1fr}}.badge-ready{background:#50dc8c2e;border:1px solid rgba(80,220,140,.7);color:#7ff0b0}.badge-wait{background:#ffffff0f;border:1px solid rgba(255,255,255,.25);color:var(--muted)}.seat.seat-ready{box-shadow:inset 0 0 0 1px #50dc8c8c,0 0 16px #50dc8c2e}@media (prefers-reduced-motion: reduce){.gauge-delta{animation-name:gauge-delta-still}@keyframes gauge-delta-still{0%,85%{opacity:1}to{opacity:0}}}.ready-all{margin-bottom:6px;text-align:center;font-size:13px;color:#7ff0b0}.btn-start.btn-start-go{box-shadow:0 0 0 2px #50dc8cb3,0 0 22px #50dc8c73;animation:start-go 1.6s ease-in-out infinite}@keyframes start-go{50%{box-shadow:0 0 0 2px #50dc8ce6,0 0 34px #50dc8cb3}}:root[data-perf=eco] .btn-start.btn-start-go{animation:none}@media (prefers-reduced-motion: reduce){.btn-start.btn-start-go{animation:none}}.opp-vacant-side{flex-direction:column;justify-content:center;padding:18px 10px;min-height:160px;text-align:center}.opp-vacant-side .opp-vacant-text{writing-mode:vertical-rl;letter-spacing:4px}:root{--wa-asanoha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.00' height='48.50' viewBox='0 0 28.00 48.50'%3E%3Cpath d='M-56.00 -48.50L-28.00 -48.50M-56.00 -48.50L-42.00 -24.25M-42.00 -40.41L-56.00 -48.50M-42.00 -40.41L-28.00 -48.50M-42.00 -40.41L-42.00 -24.25M-28.00 -48.50L0.00 -48.50M-28.00 -48.50L-14.00 -24.25M-28.00 -48.50L-42.00 -24.25M-14.00 -40.41L-28.00 -48.50M-14.00 -40.41L0.00 -48.50M-14.00 -40.41L-14.00 -24.25M-28.00 -32.33L-28.00 -48.50M-28.00 -32.33L-14.00 -24.25M-28.00 -32.33L-42.00 -24.25M0.00 -48.50L28.00 -48.50M0.00 -48.50L14.00 -24.25M0.00 -48.50L-14.00 -24.25M14.00 -40.41L0.00 -48.50M14.00 -40.41L28.00 -48.50M14.00 -40.41L14.00 -24.25M0.00 -32.33L0.00 -48.50M0.00 -32.33L14.00 -24.25M0.00 -32.33L-14.00 -24.25M28.00 -48.50L56.00 -48.50M28.00 -48.50L42.00 -24.25M28.00 -48.50L14.00 -24.25M42.00 -40.41L28.00 -48.50M42.00 -40.41L56.00 -48.50M42.00 -40.41L42.00 -24.25M28.00 -32.33L28.00 -48.50M28.00 -32.33L42.00 -24.25M28.00 -32.33L14.00 -24.25M56.00 -48.50L84.00 -48.50M56.00 -48.50L70.00 -24.25M56.00 -48.50L42.00 -24.25M70.00 -40.41L56.00 -48.50M70.00 -40.41L84.00 -48.50M70.00 -40.41L70.00 -24.25M56.00 -32.33L56.00 -48.50M56.00 -32.33L70.00 -24.25M56.00 -32.33L42.00 -24.25M84.00 -48.50L112.00 -48.50M84.00 -48.50L98.00 -24.25M84.00 -48.50L70.00 -24.25M98.00 -40.41L84.00 -48.50M98.00 -40.41L112.00 -48.50M98.00 -40.41L98.00 -24.25M84.00 -32.33L84.00 -48.50M84.00 -32.33L98.00 -24.25M84.00 -32.33L70.00 -24.25M112.00 -48.50L126.00 -24.25M112.00 -48.50L98.00 -24.25M112.00 -32.33L112.00 -48.50M112.00 -32.33L126.00 -24.25M112.00 -32.33L98.00 -24.25M-42.00 -24.25L-14.00 -24.25M-42.00 -24.25L-28.00 0.00M-42.00 -24.25L-56.00 0.00M-28.00 -16.17L-42.00 -24.25M-28.00 -16.17L-14.00 -24.25M-28.00 -16.17L-28.00 0.00M-42.00 -8.08L-42.00 -24.25M-42.00 -8.08L-28.00 0.00M-42.00 -8.08L-56.00 0.00M-14.00 -24.25L14.00 -24.25M-14.00 -24.25L0.00 0.00M-14.00 -24.25L-28.00 0.00M0.00 -16.17L-14.00 -24.25M0.00 -16.17L14.00 -24.25M0.00 -16.17L0.00 0.00M-14.00 -8.08L-14.00 -24.25M-14.00 -8.08L0.00 0.00M-14.00 -8.08L-28.00 0.00M14.00 -24.25L42.00 -24.25M14.00 -24.25L28.00 0.00M14.00 -24.25L0.00 0.00M28.00 -16.17L14.00 -24.25M28.00 -16.17L42.00 -24.25M28.00 -16.17L28.00 0.00M14.00 -8.08L14.00 -24.25M14.00 -8.08L28.00 0.00M14.00 -8.08L0.00 0.00M42.00 -24.25L70.00 -24.25M42.00 -24.25L56.00 0.00M42.00 -24.25L28.00 0.00M56.00 -16.17L42.00 -24.25M56.00 -16.17L70.00 -24.25M56.00 -16.17L56.00 0.00M42.00 -8.08L42.00 -24.25M42.00 -8.08L56.00 0.00M42.00 -8.08L28.00 0.00M70.00 -24.25L98.00 -24.25M70.00 -24.25L84.00 0.00M70.00 -24.25L56.00 0.00M84.00 -16.17L70.00 -24.25M84.00 -16.17L98.00 -24.25M84.00 -16.17L84.00 0.00M70.00 -8.08L70.00 -24.25M70.00 -8.08L84.00 0.00M70.00 -8.08L56.00 0.00M98.00 -24.25L126.00 -24.25M98.00 -24.25L112.00 0.00M98.00 -24.25L84.00 0.00M112.00 -16.17L98.00 -24.25M112.00 -16.17L126.00 -24.25M112.00 -16.17L112.00 0.00M98.00 -8.08L98.00 -24.25M98.00 -8.08L112.00 0.00M98.00 -8.08L84.00 0.00M126.00 -24.25L112.00 0.00M-56.00 0.00L-28.00 0.00M-56.00 0.00L-42.00 24.25M-42.00 8.08L-56.00 0.00M-42.00 8.08L-28.00 0.00M-42.00 8.08L-42.00 24.25M-28.00 0.00L0.00 0.00M-28.00 0.00L-14.00 24.25M-28.00 0.00L-42.00 24.25M-14.00 8.08L-28.00 0.00M-14.00 8.08L0.00 0.00M-14.00 8.08L-14.00 24.25M-28.00 16.17L-28.00 0.00M-28.00 16.17L-14.00 24.25M-28.00 16.17L-42.00 24.25M0.00 0.00L28.00 0.00M0.00 0.00L14.00 24.25M0.00 0.00L-14.00 24.25M14.00 8.08L0.00 0.00M14.00 8.08L28.00 0.00M14.00 8.08L14.00 24.25M0.00 16.17L0.00 0.00M0.00 16.17L14.00 24.25M0.00 16.17L-14.00 24.25M28.00 0.00L56.00 0.00M28.00 0.00L42.00 24.25M28.00 0.00L14.00 24.25M42.00 8.08L28.00 0.00M42.00 8.08L56.00 0.00M42.00 8.08L42.00 24.25M28.00 16.17L28.00 0.00M28.00 16.17L42.00 24.25M28.00 16.17L14.00 24.25M56.00 0.00L84.00 0.00M56.00 0.00L70.00 24.25M56.00 0.00L42.00 24.25M70.00 8.08L56.00 0.00M70.00 8.08L84.00 0.00M70.00 8.08L70.00 24.25M56.00 16.17L56.00 0.00M56.00 16.17L70.00 24.25M56.00 16.17L42.00 24.25M84.00 0.00L112.00 0.00M84.00 0.00L98.00 24.25M84.00 0.00L70.00 24.25M98.00 8.08L84.00 0.00M98.00 8.08L112.00 0.00M98.00 8.08L98.00 24.25M84.00 16.17L84.00 0.00M84.00 16.17L98.00 24.25M84.00 16.17L70.00 24.25M112.00 0.00L126.00 24.25M112.00 0.00L98.00 24.25M112.00 16.17L112.00 0.00M112.00 16.17L126.00 24.25M112.00 16.17L98.00 24.25M-42.00 24.25L-14.00 24.25M-42.00 24.25L-28.00 48.50M-42.00 24.25L-56.00 48.50M-28.00 32.33L-42.00 24.25M-28.00 32.33L-14.00 24.25M-28.00 32.33L-28.00 48.50M-42.00 40.41L-42.00 24.25M-42.00 40.41L-28.00 48.50M-42.00 40.41L-56.00 48.50M-14.00 24.25L14.00 24.25M-14.00 24.25L0.00 48.50M-14.00 24.25L-28.00 48.50M0.00 32.33L-14.00 24.25M0.00 32.33L14.00 24.25M0.00 32.33L0.00 48.50M-14.00 40.41L-14.00 24.25M-14.00 40.41L0.00 48.50M-14.00 40.41L-28.00 48.50M14.00 24.25L42.00 24.25M14.00 24.25L28.00 48.50M14.00 24.25L0.00 48.50M28.00 32.33L14.00 24.25M28.00 32.33L42.00 24.25M28.00 32.33L28.00 48.50M14.00 40.41L14.00 24.25M14.00 40.41L28.00 48.50M14.00 40.41L0.00 48.50M42.00 24.25L70.00 24.25M42.00 24.25L56.00 48.50M42.00 24.25L28.00 48.50M56.00 32.33L42.00 24.25M56.00 32.33L70.00 24.25M56.00 32.33L56.00 48.50M42.00 40.41L42.00 24.25M42.00 40.41L56.00 48.50M42.00 40.41L28.00 48.50M70.00 24.25L98.00 24.25M70.00 24.25L84.00 48.50M70.00 24.25L56.00 48.50M84.00 32.33L70.00 24.25M84.00 32.33L98.00 24.25M84.00 32.33L84.00 48.50M70.00 40.41L70.00 24.25M70.00 40.41L84.00 48.50M70.00 40.41L56.00 48.50M98.00 24.25L126.00 24.25M98.00 24.25L112.00 48.50M98.00 24.25L84.00 48.50M112.00 32.33L98.00 24.25M112.00 32.33L126.00 24.25M112.00 32.33L112.00 48.50M98.00 40.41L98.00 24.25M98.00 40.41L112.00 48.50M98.00 40.41L84.00 48.50M126.00 24.25L112.00 48.50M-56.00 48.50L-28.00 48.50M-56.00 48.50L-42.00 72.75M-42.00 56.58L-56.00 48.50M-42.00 56.58L-28.00 48.50M-42.00 56.58L-42.00 72.75M-28.00 48.50L0.00 48.50M-28.00 48.50L-14.00 72.75M-28.00 48.50L-42.00 72.75M-14.00 56.58L-28.00 48.50M-14.00 56.58L0.00 48.50M-14.00 56.58L-14.00 72.75M-28.00 64.66L-28.00 48.50M-28.00 64.66L-14.00 72.75M-28.00 64.66L-42.00 72.75M0.00 48.50L28.00 48.50M0.00 48.50L14.00 72.75M0.00 48.50L-14.00 72.75M14.00 56.58L0.00 48.50M14.00 56.58L28.00 48.50M14.00 56.58L14.00 72.75M0.00 64.66L0.00 48.50M0.00 64.66L14.00 72.75M0.00 64.66L-14.00 72.75M28.00 48.50L56.00 48.50M28.00 48.50L42.00 72.75M28.00 48.50L14.00 72.75M42.00 56.58L28.00 48.50M42.00 56.58L56.00 48.50M42.00 56.58L42.00 72.75M28.00 64.66L28.00 48.50M28.00 64.66L42.00 72.75M28.00 64.66L14.00 72.75M56.00 48.50L84.00 48.50M56.00 48.50L70.00 72.75M56.00 48.50L42.00 72.75M70.00 56.58L56.00 48.50M70.00 56.58L84.00 48.50M70.00 56.58L70.00 72.75M56.00 64.66L56.00 48.50M56.00 64.66L70.00 72.75M56.00 64.66L42.00 72.75M84.00 48.50L112.00 48.50M84.00 48.50L98.00 72.75M84.00 48.50L70.00 72.75M98.00 56.58L84.00 48.50M98.00 56.58L112.00 48.50M98.00 56.58L98.00 72.75M84.00 64.66L84.00 48.50M84.00 64.66L98.00 72.75M84.00 64.66L70.00 72.75M112.00 48.50L126.00 72.75M112.00 48.50L98.00 72.75M112.00 64.66L112.00 48.50M112.00 64.66L126.00 72.75M112.00 64.66L98.00 72.75M-42.00 72.75L-14.00 72.75M-42.00 72.75L-28.00 96.99M-42.00 72.75L-56.00 96.99M-28.00 80.83L-42.00 72.75M-28.00 80.83L-14.00 72.75M-28.00 80.83L-28.00 96.99M-42.00 88.91L-42.00 72.75M-42.00 88.91L-28.00 96.99M-42.00 88.91L-56.00 96.99M-14.00 72.75L14.00 72.75M-14.00 72.75L0.00 96.99M-14.00 72.75L-28.00 96.99M0.00 80.83L-14.00 72.75M0.00 80.83L14.00 72.75M0.00 80.83L0.00 96.99M-14.00 88.91L-14.00 72.75M-14.00 88.91L0.00 96.99M-14.00 88.91L-28.00 96.99M14.00 72.75L42.00 72.75M14.00 72.75L28.00 96.99M14.00 72.75L0.00 96.99M28.00 80.83L14.00 72.75M28.00 80.83L42.00 72.75M28.00 80.83L28.00 96.99M14.00 88.91L14.00 72.75M14.00 88.91L28.00 96.99M14.00 88.91L0.00 96.99M42.00 72.75L70.00 72.75M42.00 72.75L56.00 96.99M42.00 72.75L28.00 96.99M56.00 80.83L42.00 72.75M56.00 80.83L70.00 72.75M56.00 80.83L56.00 96.99M42.00 88.91L42.00 72.75M42.00 88.91L56.00 96.99M42.00 88.91L28.00 96.99M70.00 72.75L98.00 72.75M70.00 72.75L84.00 96.99M70.00 72.75L56.00 96.99M84.00 80.83L70.00 72.75M84.00 80.83L98.00 72.75M84.00 80.83L84.00 96.99M70.00 88.91L70.00 72.75M70.00 88.91L84.00 96.99M70.00 88.91L56.00 96.99M98.00 72.75L126.00 72.75M98.00 72.75L112.00 96.99M98.00 72.75L84.00 96.99M112.00 80.83L98.00 72.75M112.00 80.83L126.00 72.75M112.00 80.83L112.00 96.99M98.00 88.91L98.00 72.75M98.00 88.91L112.00 96.99M98.00 88.91L84.00 96.99M126.00 72.75L112.00 96.99M-56.00 96.99L-28.00 96.99M-56.00 96.99L-42.00 121.24M-42.00 105.08L-56.00 96.99M-42.00 105.08L-28.00 96.99M-42.00 105.08L-42.00 121.24M-28.00 96.99L0.00 96.99M-28.00 96.99L-14.00 121.24M-28.00 96.99L-42.00 121.24M-14.00 105.08L-28.00 96.99M-14.00 105.08L0.00 96.99M-14.00 105.08L-14.00 121.24M-28.00 113.16L-28.00 96.99M-28.00 113.16L-14.00 121.24M-28.00 113.16L-42.00 121.24M0.00 96.99L28.00 96.99M0.00 96.99L14.00 121.24M0.00 96.99L-14.00 121.24M14.00 105.08L0.00 96.99M14.00 105.08L28.00 96.99M14.00 105.08L14.00 121.24M0.00 113.16L0.00 96.99M0.00 113.16L14.00 121.24M0.00 113.16L-14.00 121.24M28.00 96.99L56.00 96.99M28.00 96.99L42.00 121.24M28.00 96.99L14.00 121.24M42.00 105.08L28.00 96.99M42.00 105.08L56.00 96.99M42.00 105.08L42.00 121.24M28.00 113.16L28.00 96.99M28.00 113.16L42.00 121.24M28.00 113.16L14.00 121.24M56.00 96.99L84.00 96.99M56.00 96.99L70.00 121.24M56.00 96.99L42.00 121.24M70.00 105.08L56.00 96.99M70.00 105.08L84.00 96.99M70.00 105.08L70.00 121.24M56.00 113.16L56.00 96.99M56.00 113.16L70.00 121.24M56.00 113.16L42.00 121.24M84.00 96.99L112.00 96.99M84.00 96.99L98.00 121.24M84.00 96.99L70.00 121.24M98.00 105.08L84.00 96.99M98.00 105.08L112.00 96.99M98.00 105.08L98.00 121.24M84.00 113.16L84.00 96.99M84.00 113.16L98.00 121.24M84.00 113.16L70.00 121.24M112.00 96.99L126.00 121.24M112.00 96.99L98.00 121.24M112.00 113.16L112.00 96.99M112.00 113.16L126.00 121.24M112.00 113.16L98.00 121.24M-42.00 121.24L-14.00 121.24M-14.00 121.24L14.00 121.24M14.00 121.24L42.00 121.24M42.00 121.24L70.00 121.24M70.00 121.24L98.00 121.24M98.00 121.24L126.00 121.24' fill='none' stroke='%23fff' stroke-opacity='0.06' stroke-width='1'/%3E%3C/svg%3E");--wa-shippo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.00' height='36.00' viewBox='0 0 36.00 36.00'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='0.065'%3E%3Ccircle cx='0' cy='0' r='18'/%3E%3Ccircle cx='36' cy='0' r='18'/%3E%3Ccircle cx='0' cy='36' r='18'/%3E%3Ccircle cx='36' cy='36' r='18'/%3E%3Ccircle cx='18' cy='18' r='18'/%3E%3C/g%3E%3C/svg%3E");--wa-kikko: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.71' height='48.00' viewBox='0 0 27.71 48.00'%3E%3Cpath d='M13.86 8.00L0.00 16.00L-13.86 8.00L-13.86 -8.00L-0.00 -16.00L13.86 -8.00ZM41.57 8.00L27.71 16.00L13.86 8.00L13.86 -8.00L27.71 -16.00L41.57 -8.00ZM27.71 32.00L13.86 40.00L-0.00 32.00L0.00 16.00L13.86 8.00L27.71 16.00ZM13.86 56.00L0.00 64.00L-13.86 56.00L-13.86 40.00L-0.00 32.00L13.86 40.00ZM41.57 56.00L27.71 64.00L13.86 56.00L13.86 40.00L27.71 32.00L41.57 40.00Z' fill='none' stroke='%23fff' stroke-opacity='0.11'/%3E%3Cpath d='M8.59 4.96L0.00 9.92L-8.59 4.96L-8.59 -4.96L-0.00 -9.92L8.59 -4.96ZM36.30 4.96L27.71 9.92L19.12 4.96L19.12 -4.96L27.71 -9.92L36.30 -4.96ZM22.45 28.96L13.86 33.92L5.27 28.96L5.27 19.04L13.86 14.08L22.45 19.04ZM8.59 52.96L0.00 57.92L-8.59 52.96L-8.59 43.04L-0.00 38.08L8.59 43.04ZM36.30 52.96L27.71 57.92L19.12 52.96L19.12 43.04L27.71 38.08L36.30 43.04Z' fill='none' stroke='%23fff' stroke-opacity='0.04'/%3E%3C/svg%3E");--wa-yagasuri: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.00' height='44.00' viewBox='0 0 22.00 44.00'%3E%3Cpath d='M0 0L11.0 11.0L11.0 33.0L0 22.0Z' fill='%23fff' fill-opacity='0.025'/%3E%3Cpath d='M0.00 0.00L0.00 44.00M22.00 0.00L22.00 44.00M0.00 0.00L11.00 11.00M22.00 0.00L11.00 11.00M0.00 22.00L11.00 33.00M22.00 22.00L11.00 33.00' fill='none' stroke='%23fff' stroke-opacity='0.06' stroke-width='1'/%3E%3C/svg%3E");--wa-kagome: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.00' height='45.03' viewBox='0 0 26.00 45.03'%3E%3Cpath d='M-26.00 -90.07L52.00 -90.07M-26.00 -67.55L52.00 -67.55M-26.00 -45.03L52.00 -45.03M-26.00 -22.52L52.00 -22.52M-26.00 0.00L52.00 0.00M-26.00 22.52L52.00 22.52M-26.00 45.03L52.00 45.03M-26.00 67.55L52.00 67.55M-26.00 90.07L52.00 90.07M-156.00 0.00L-130.00 45.03M-143.00 0.00L-169.00 45.03M-130.00 0.00L-104.00 45.03M-117.00 0.00L-143.00 45.03M-104.00 0.00L-78.00 45.03M-91.00 0.00L-117.00 45.03M-78.00 0.00L-52.00 45.03M-65.00 0.00L-91.00 45.03M-52.00 0.00L-26.00 45.03M-39.00 0.00L-65.00 45.03M-26.00 0.00L0.00 45.03M-13.00 0.00L-39.00 45.03M0.00 0.00L26.00 45.03M13.00 0.00L-13.00 45.03M26.00 0.00L52.00 45.03M39.00 0.00L13.00 45.03M52.00 0.00L78.00 45.03M65.00 0.00L39.00 45.03M78.00 0.00L104.00 45.03M91.00 0.00L65.00 45.03M104.00 0.00L130.00 45.03M117.00 0.00L91.00 45.03M130.00 0.00L156.00 45.03M143.00 0.00L117.00 45.03M156.00 0.00L182.00 45.03M169.00 0.00L143.00 45.03' fill='none' stroke='%23fff' stroke-opacity='0.055' stroke-width='1'/%3E%3C/svg%3E");--wa-uroko: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.00' height='38.11' viewBox='0 0 22.00 38.11'%3E%3Cpath d='M0 19.05255888325765L11.0 0L22 19.05255888325765Z M11.0 38.1051177665153L22 19.05255888325765L33.0 38.1051177665153Z M-11.0 38.1051177665153L0 19.05255888325765L11.0 38.1051177665153Z' fill='%23fff' fill-opacity='0.03'/%3E%3C/svg%3E");--wa-ichimatsu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.00' height='36.00' viewBox='0 0 36.00 36.00'%3E%3Cpath d='M0 0H18V18H0Z M18 18H36V36H18Z' fill='%23fff' fill-opacity='0.025'/%3E%3C/svg%3E");--wa-circuit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80.00' height='80.00' viewBox='0 0 80.00 80.00'%3E%3Cpath d='M0 20H24L34 30H58L66 22H80 M20 80V58L30 48V34 M80 64H62L52 54H40 M46 0V14L54 22 M0 66H10L18 74V80' fill='none' stroke='%23fff' stroke-opacity='0.06'/%3E%3Cg fill='%23fff' fill-opacity='0.09'%3E%3Ccircle cx='66' cy='22' r='2'/%3E%3Ccircle cx='30' cy='34' r='2'/%3E%3Ccircle cx='40' cy='54' r='2'/%3E%3Ccircle cx='54' cy='22' r='2'/%3E%3Ccircle cx='10' cy='66' r='2'/%3E%3C/g%3E%3C/svg%3E");--seal-win: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64.00' height='64.00' viewBox='0 0 64.00 64.00'%3E%3Crect x='3' y='3' width='58' height='58' rx='6' fill='none' stroke='%23ff3b4e' stroke-opacity='0.35' stroke-width='3'/%3E%3Ctext x='32' y='45' text-anchor='middle' font-size='38' font-family='serif' fill='%23ff3b4e' fill-opacity='0.3'%3E%E5%92%8C%3C/text%3E%3C/svg%3E");--seal-end: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64.00' height='64.00' viewBox='0 0 64.00 64.00'%3E%3Crect x='3' y='3' width='58' height='58' rx='6' fill='none' stroke='%23ff3b4e' stroke-opacity='0.35' stroke-width='3'/%3E%3Ctext x='32' y='45' text-anchor='middle' font-size='38' font-family='serif' fill='%23ff3b4e' fill-opacity='0.3'%3E%E7%B5%82%3C/text%3E%3C/svg%3E");--seal-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64.00' height='64.00' viewBox='0 0 64.00 64.00'%3E%3Crect x='3' y='3' width='58' height='58' rx='6' fill='none' stroke='%23ff3b4e' stroke-opacity='0.35' stroke-width='3'/%3E%3Ctext x='32' y='45' text-anchor='middle' font-size='38' font-family='serif' fill='%23ff3b4e' fill-opacity='0.3'%3E%E5%B0%8E%3C/text%3E%3C/svg%3E");--seal-psi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64.00' height='64.00' viewBox='0 0 64.00 64.00'%3E%3Crect x='3' y='3' width='58' height='58' rx='6' fill='none' stroke='%23ff3b4e' stroke-opacity='0.35' stroke-width='3'/%3E%3Ctext x='32' y='45' text-anchor='middle' font-size='38' font-family='serif' fill='%23ff3b4e' fill-opacity='0.3'%3E%E8%B6%85%3C/text%3E%3C/svg%3E");--seal-log: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64.00' height='64.00' viewBox='0 0 64.00 64.00'%3E%3Crect x='3' y='3' width='58' height='58' rx='6' fill='none' stroke='%23ff3b4e' stroke-opacity='0.35' stroke-width='3'/%3E%3Ctext x='32' y='45' text-anchor='middle' font-size='38' font-family='serif' fill='%23ff3b4e' fill-opacity='0.3'%3E%E8%A8%98%3C/text%3E%3C/svg%3E");--mark-win: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200.00' height='200.00' viewBox='0 0 200.00 200.00'%3E%3Ctext x='100' y='170' text-anchor='middle' font-size='180' font-family='serif' fill='%23fff' fill-opacity='0.035'%3E%E5%92%8C%3C/text%3E%3C/svg%3E");--mark-end: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200.00' height='200.00' viewBox='0 0 200.00 200.00'%3E%3Ctext x='100' y='170' text-anchor='middle' font-size='180' font-family='serif' fill='%23fff' fill-opacity='0.035'%3E%E7%B5%90%3C/text%3E%3C/svg%3E");--mark-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200.00' height='200.00' viewBox='0 0 200.00 200.00'%3E%3Ctext x='100' y='170' text-anchor='middle' font-size='180' font-family='serif' fill='%23fff' fill-opacity='0.035'%3E%E6%8C%87%3C/text%3E%3C/svg%3E");--mark-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200.00' height='200.00' viewBox='0 0 200.00 200.00'%3E%3Ctext x='100' y='170' text-anchor='middle' font-size='180' font-family='serif' fill='%23fff' fill-opacity='0.035'%3E%E7%8B%99%3C/text%3E%3C/svg%3E")}.glass{--wa: var(--wa-asanoha);--wa-size: auto;--wa-tint: var(--cyan);--corner: color-mix(in srgb, var(--wa-tint) 65%, transparent);--mark: none;--seal: none;background:linear-gradient(var(--corner),var(--corner)) top left / 14px 1.5px no-repeat,linear-gradient(var(--corner),var(--corner)) top left / 1.5px 14px no-repeat,linear-gradient(var(--corner),var(--corner)) top right / 14px 1.5px no-repeat,linear-gradient(var(--corner),var(--corner)) top right / 1.5px 14px no-repeat,linear-gradient(var(--corner),var(--corner)) bottom left / 14px 1.5px no-repeat,linear-gradient(var(--corner),var(--corner)) bottom left / 1.5px 14px no-repeat,linear-gradient(var(--corner),var(--corner)) bottom right / 14px 1.5px no-repeat,linear-gradient(var(--corner),var(--corner)) bottom right / 1.5px 14px no-repeat,linear-gradient(90deg,transparent 8%,color-mix(in srgb,var(--wa-tint) 55%,transparent) 50%,transparent 92%) top center / 100% 1px no-repeat,var(--seal) bottom 10px left 10px / 30px 30px no-repeat,var(--mark) right -10px bottom -18px / 190px 190px no-repeat,radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--wa-tint) 12%,transparent),transparent 70%),var(--wa) center / var(--wa-size),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.22)),var(--panel)}.modal.result{--wa: var(--wa-shippo);--wa-tint: var(--gold);--mark: var(--mark-win);--seal: var(--seal-win)}.modal.gameend{--wa: var(--wa-kikko);--wa-tint: var(--gold);--mark: var(--mark-end);--seal: var(--seal-end)}.modal.help,.first-guide{--wa: var(--wa-kagome);--mark: var(--mark-help);--seal: var(--seal-help)}.modal.target,.modal.attract{--wa: var(--wa-yagasuri);--wa-tint: var(--magenta);--mark: var(--mark-target)}.lobby-panel{--wa: var(--wa-asanoha);--seal: var(--seal-psi)}.skill-list,.rules{--wa: var(--wa-circuit)}.stats,.recent,.record{--wa: var(--wa-uroko);--wa-tint: var(--gold);--seal: var(--seal-log)}.settings,.settings-pop,.name-edit{--wa: var(--wa-kikko);--wa-tint: var(--magenta)}.chat,.game-chat,.game-log,.stamp-palette{--wa: var(--wa-ichimatsu)}.picker,.seat,.spectator-bar,.wallpeek{--wa: var(--wa-kagome)}:root[data-theme=sakura]{--bg: #0d0610;--bg2: #1c0b1e;--neb1: rgba(190, 60, 130, .5);--neb2: rgba(90, 40, 140, .45);--felt: rgba(110, 40, 80, .5);--felt2: rgba(30, 8, 28, .8);--cyan: #ffb7d5;--magenta: #ff6fa8;--gold: #ffd9a8;--line: rgba(255, 170, 210, .18);--line-strong: rgba(255, 190, 220, .4);--panel: rgba(34, 12, 30, .72)}:root[data-theme=sakura] .nebula:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(4px 2.5px at 10% 20%,rgba(255,190,220,.8),transparent),radial-gradient(3px 2px at 35% 70%,rgba(255,210,230,.7),transparent),radial-gradient(4px 2.5px at 60% 35%,rgba(255,180,215,.8),transparent),radial-gradient(3px 2px at 82% 80%,rgba(255,200,225,.7),transparent),radial-gradient(3.5px 2px at 92% 15%,rgba(255,190,220,.7),transparent);background-size:100% 100vh;animation:petal-fall 22s linear infinite}@keyframes petal-fall{0%{background-position:0 -100vh}to{background-position:60px 0}}:root[data-theme=raiden]{--bg: #05040f;--bg2: #100a26;--neb1: rgba(110, 60, 220, .55);--neb2: rgba(40, 90, 200, .4);--felt: rgba(60, 40, 130, .55);--felt2: rgba(12, 8, 36, .8);--cyan: #ffe14f;--magenta: #a77bff;--line: rgba(200, 180, 255, .18);--line-strong: rgba(220, 200, 255, .4);--panel: rgba(16, 10, 40, .74)}:root[data-theme=raiden] .nebula:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 10%,rgba(255,240,160,.5),transparent 40%);opacity:0;animation:thunder 9s infinite}@keyframes thunder{0%,86%,to{opacity:0}87%{opacity:.9}88%{opacity:.1}89.5%{opacity:.7}93%{opacity:0}}:root[data-theme=kinbyo]{--bg: #090705;--bg2: #17110a;--neb1: rgba(200, 150, 50, .35);--neb2: rgba(170, 40, 30, .3);--felt: rgba(90, 60, 20, .55);--felt2: rgba(20, 14, 6, .85);--cyan: #f2cf6b;--magenta: #e0473a;--gold: #f2cf6b;--text: #f6efe0;--muted: #b8a888;--line: rgba(240, 200, 110, .2);--line-strong: rgba(245, 210, 130, .45);--panel: rgba(22, 16, 8, .78)}:root[data-theme=kinbyo] .nebula:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 49.8%,rgba(242,207,107,.06) 50%,transparent 50.2%) 0 0 / 25% 100%,radial-gradient(ellipse at 30% 30%,rgba(242,207,107,.12),transparent 50%)}:root[data-theme=shiosai]{--bg: #03100f;--bg2: #082422;--neb1: rgba(46, 196, 182, .42);--neb2: rgba(30, 80, 150, .4);--felt: rgba(20, 90, 84, .55);--felt2: rgba(4, 22, 22, .82);--cyan: #5ff0de;--magenta: #f2d48a;--gold: #f2d48a;--line: rgba(120, 240, 225, .18);--line-strong: rgba(150, 245, 230, .42);--panel: rgba(6, 26, 26, .74)}:root[data-theme=shiosai] .nebula:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 40%,rgba(255,240,190,.07) 46%,transparent 52%),repeating-linear-gradient(180deg,transparent 0 22px,rgba(95,240,222,.045) 22px 24px);animation:shiosai-sway 14s ease-in-out infinite alternate}@keyframes shiosai-sway{to{background-position:120px 0,0 24px}}:root[data-theme=seiya]{--bg: #04051a;--bg2: #0d1240;--neb1: rgba(110, 130, 255, .45);--neb2: rgba(255, 220, 140, .18);--felt: rgba(40, 52, 140, .55);--felt2: rgba(6, 8, 30, .82);--cyan: #b4c6ff;--magenta: #fff0b0;--gold: #fff0b0;--line: rgba(180, 200, 255, .18);--line-strong: rgba(200, 215, 255, .42);--panel: rgba(10, 14, 44, .74)}:root[data-theme=seiya] .nebula:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 62%,#dfe6ff 50%,transparent 51%),radial-gradient(2px 2px at 47% 26%,#fff6c8 50%,transparent 51%),radial-gradient(1px 1px at 64% 72%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 81% 34%,#dfe6ff 50%,transparent 51%),radial-gradient(1px 1px at 93% 82%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 8% 88%,#fff6c8 50%,transparent 51%);background-size:100% 100vh;animation:seiya-twinkle 6s ease-in-out infinite alternate}@keyframes seiya-twinkle{0%{opacity:.55}}@media (prefers-reduced-motion: reduce){:root[data-theme=shiosai] .nebula:after,:root[data-theme=seiya] .nebula:after,:root[data-theme=sakura] .nebula:after,:root[data-theme=raiden] .nebula:after{animation:none}}.btn{position:relative;overflow:hidden;border-radius:3px;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 70%,transparent) 0 6px,transparent 6px) top left / 14px 14px no-repeat,linear-gradient(315deg,color-mix(in srgb,var(--cyan) 70%,transparent) 0 6px,transparent 6px) bottom right / 14px 14px no-repeat,linear-gradient(180deg,#3c2c78b3,#1e1640d9);padding-left:22px}.btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#e0233c,#e0233c 55%,var(--gold) 55%,var(--gold) 62%,#e0233c 62%);opacity:.85}.btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-20deg);pointer-events:none;opacity:0}.btn:hover:not(:disabled):after{opacity:1;animation:btn-sweep .7s ease-out}@keyframes btn-sweep{0%{left:-60%}to{left:130%}}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--gold) 0 6px,transparent 6px) top left / 14px 14px no-repeat,linear-gradient(315deg,var(--gold) 0 6px,transparent 6px) bottom right / 14px 14px no-repeat,radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--cyan) 30%,transparent),transparent 60%),linear-gradient(135deg,#140e28f2,color-mix(in srgb,var(--magenta) 30%,rgba(20,14,40,.95)));border-color:color-mix(in srgb,var(--gold) 70%,transparent);color:#fff;text-shadow:0 0 10px color-mix(in srgb,var(--cyan) 70%,transparent)}.btn-secondary{background:linear-gradient(135deg,var(--gold) 0 6px,transparent 6px) top left / 14px 14px no-repeat,linear-gradient(315deg,var(--gold) 0 6px,transparent 6px) bottom right / 14px 14px no-repeat,linear-gradient(135deg,#e8c06038,#783cb44d)}.btn-ghost{background:linear-gradient(135deg,var(--line-strong) 0 6px,transparent 6px) top left / 14px 14px no-repeat,#ffffff0a}.btn-ghost:before{opacity:.35}.btn-sm{padding-left:14px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.btn-sm:before{width:3px}.act{border-radius:3px}.act:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,currentColor 0 7px,transparent 7px) top left / 16px 16px no-repeat,linear-gradient(315deg,currentColor 0 7px,transparent 7px) bottom right / 16px 16px no-repeat;opacity:.6;pointer-events:none}.tab{position:relative;transition:color .2s}.tab:after{content:"";position:absolute;left:10%;right:10%;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--magenta),#fff,var(--magenta),transparent);box-shadow:0 0 10px var(--magenta);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.9,.2,1)}.tab-on{border-bottom-color:transparent}.tab-on:after{transform:scaleX(1)}.tab:hover:not(.tab-on){color:var(--text)}.chip-on{position:relative;padding-left:18px}.chip-on:before{content:"";position:absolute;left:7px;top:50%;width:5px;height:5px;margin-top:-2.5px;background:var(--cyan);transform:rotate(45deg);box-shadow:0 0 6px var(--cyan)}.gauge-track{border-radius:2px;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.gauge-ticks{background-image:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(0,0,0,.65) calc(10% - 2px) 10%)}.gauge-fill{position:relative;overflow:hidden}.gauge-fill:after{content:"";position:absolute;top:0;bottom:0;width:30px;left:-30px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:gauge-flow 2.4s linear infinite}@keyframes gauge-flow{to{left:100%}}@media (prefers-reduced-motion: reduce){.gauge-fill:after,.btn:hover:not(:disabled):after{animation:none}}.river .tile{animation:river-slide .34s cubic-bezier(.2,.9,.3,1.15) backwards}.river .tile-glow-new{animation:river-slide .34s cubic-bezier(.2,.9,.3,1.15) backwards,river-glow 1.2s ease-out .3s}@keyframes river-slide{0%{transform:translateY(70px) rotate(-10deg) scale(1.25);opacity:0;filter:drop-shadow(0 14px 10px rgba(0,0,0,.6))}60%{opacity:1}to{transform:none;opacity:1}}@keyframes river-glow{0%{filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 4px var(--gold))}}.river .tile-rot-inner{animation:riichi-tip .5s cubic-bezier(.5,0,.3,1.3) backwards}@keyframes riichi-tip{0%{transform:translate(-50%,-50%) rotate(0) translateY(40px);opacity:0}40%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(-50%,-50%) rotate(90deg)}}.river .tile-rot-inner .tile{animation:none}.my-drawn .tile{animation:tsumo-drop .32s cubic-bezier(.2,.9,.3,1.2) backwards}@keyframes tsumo-drop{0%{transform:translateY(-46px) rotate(6deg);opacity:0}to{transform:none;opacity:1}}.my-drawn .tile-selected{animation:none}.my-drawn .drawn-label{animation:fade-in-up .3s ease-out backwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}}.my-hand>.hand-slot .tile{animation:hand-in .22s ease-out backwards}@keyframes hand-in{0%{transform:translateY(-10px);opacity:0}}.my-hand>.hand-slot .tile-selected,.my-hand>.hand-slot .tile-clickable:hover{animation:none}.melds .meld{animation:meld-in .4s cubic-bezier(.2,.9,.3,1.1) backwards}@keyframes meld-in{0%{transform:translate(40px) scale(1.1);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.river .tile,.river .tile-rot-inner,.my-drawn .tile,.my-hand>.hand-slot .tile,.melds .meld{animation-duration:.01s!important}}:root[data-perf=eco] *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:root[data-perf=eco] .glass{background:color-mix(in srgb,var(--panel) 35%,#0d0918 65%)}:root[data-perf=eco] .dock{background:linear-gradient(180deg,color-mix(in srgb,var(--char) 16%,#120e26),#0c0a1a)}:root[data-perf=eco] .nebula,:root[data-perf=eco] .nebula:after,:root[data-perf=eco] .lobby:before,:root[data-perf=eco] .board-sigil,:root[data-perf=eco] .board-sigil-2,:root[data-perf=eco] .portrait-motif,:root[data-perf=eco] .opp-vacant:after,:root[data-perf=eco] .intro-ring,:root[data-perf=eco] .mood-pain:after,:root[data-perf=eco] .gauge-fill:after,:root[data-perf=eco] .lk-scan:after,:root[data-perf=eco] .lk-noise,:root[data-perf=eco] .hero-title-signal,:root[data-perf=eco] .hero-title-signal:before,:root[data-perf=eco] .hero-title-signal:after,:root[data-perf=eco] .mood-focus,:root[data-perf=eco] .plate-overheat:after,:root[data-perf=eco] .mj-awake .mj-plate,:root[data-perf=eco] .tile.river-noise:after,:root[data-perf=eco] .sfx-lp-static,:root[data-perf=eco] .sfx-aw-foxfire,:root[data-perf=eco] .modal.gameend .rank-1{animation:none!important}:root[data-perf=eco] .lobby:after{display:none}:root[data-perf=eco] .arena-mj .arena-mid,:root[data-perf=eco] .game-mobile .board-wrap{perspective:none}:root[data-perf=eco] .board-mj,:root[data-perf=eco] .game-mobile .board-mj{transform:none}:root[data-perf=eco] .tile.river-ron{animation:none}:root[data-perf=eco] .fx-charge-lines{display:none}.perf-chip small{margin-left:4px;font-size:10px;color:var(--muted)}