:root{--outer:#0b0a0d;--sumi:#0e0d11;--panel:#141219;--panel-2:#17141e;--line:#2a2532;--line-2:#3a3446;--line-3:#3d3350;--fuji:#8a6bbe;--usufuji:#c9b8e8;--nadeshiko:#e796ae;--kin:#c9a24a;--kin-light:#e6c779;--kin-text:#f1dca3;--kin-bg:#2a2110;--text:#ece8f2;--muted:#a79fb5;--muted-2:#8d859b;--p0:#7f9fe0;--p0-text:#b9c8ea;--p0-deep:#2e4472;--p1:#e796ae;--p1-text:#e8b9c7;--p1-deep:#5e2a3e;--tier-1:#b8bcc4;--tier-2:#4f86d9;--tier-3:#9a6ad6;--tier-4:#c9a24a;--serif:"Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--sans:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--app-w:min(100vw, 430px);--gutter:16px;--content-w:calc(var(--app-w) - var(--gutter) * 2);--tap:44px;--card-w:96px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);color:var(--text);background:var(--outer);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{background:var(--outer);min-height:100dvh;margin:0}#app{width:100%;max-width:430px;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) var(--gutter) max(16px, env(safe-area-inset-bottom));background:radial-gradient(ellipse at 20% 0%, #4a356059, transparent 55%), radial-gradient(ellipse at 90% 100%, #2e447240, transparent 50%), var(--sumi);margin:0 auto;position:relative}body.screen-menu #app{background:linear-gradient(#0e0d1133, #0e0d11b3), var(--slot-menu-image-ui-bg-menu,url(/assets/ui/bg-menu.webp)) center / cover no-repeat, radial-gradient(ellipse at 70% 25%, #e796ae2e, transparent 60%), radial-gradient(ellipse at 20% 80%, #4a356073, transparent 60%), var(--sumi)}body.screen-battle #app,body.screen-pack #app{--bg-main:var(--slot-battle-image-ui-bg-battle,url(/assets/ui/bg-battle.webp));background:linear-gradient(#0e0d114d, #0e0d1199), var(--bg-main) center / cover no-repeat, radial-gradient(ellipse at 50% 20%, #c9a24a1a, transparent 55%), radial-gradient(ellipse at 50% 100%, #4a356066, transparent 60%), var(--sumi)}body.screen-pack #app{--bg-main:var(--slot-pack-image-ui-bg-battle,url(/assets/ui/bg-battle.webp))}body.screen-wild #app,body.screen-tutorial #app,body.screen-teai #app,body.screen-ogase #app,body.screen-ghost #app{background:linear-gradient(#0e0d114d, #0e0d1199), var(--slot-battle-image-ui-bg-battle,url(/assets/ui/bg-battle.webp)) center / cover no-repeat, var(--sumi)}:is(body.screen-battle #app:has(.battle.phase-bid),body.screen-battle #app:has(.battle.phase-bidResult),body.screen-wild #app:has(.battle.phase-bid),body.screen-tutorial #app:has(.battle.phase-bid),body.screen-teai #app:has(.battle.phase-bid),body.screen-ogase #app:has(.battle.phase-bid),body.screen-ghost #app:has(.battle.phase-bid),body.screen-wild #app:has(.battle.phase-bidResult),body.screen-tutorial #app:has(.battle.phase-bidResult),body.screen-teai #app:has(.battle.phase-bidResult),body.screen-ogase #app:has(.battle.phase-bidResult),body.screen-ghost #app:has(.battle.phase-bidResult)){background:linear-gradient(#0e0d114d, #0e0d11a6), var(--slot-standby-image-ui-bg-prep,url(/assets/ui/bg-prep.webp)) center / cover no-repeat, var(--sumi)}:is(body.screen-battle #app:has(.battle.hot),body.screen-wild #app:has(.battle.hot),body.screen-tutorial #app:has(.battle.hot),body.screen-teai #app:has(.battle.hot),body.screen-ogase #app:has(.battle.hot),body.screen-ghost #app:has(.battle.hot)){background:linear-gradient(#0e0d114d, #0e0d1199), var(--slot-battle-image-ui-bg-battle-hot,url(/assets/ui/bg-battle-hot.webp)) center / cover no-repeat, var(--sumi)}body.screen-gallery #app,body.screen-deck #app{--bg-main:var(--slot-gallery-image-ui-bg-gallery,url(/assets/ui/bg-gallery.webp));background:linear-gradient(#0e0d11a6, #0e0d11e6), var(--bg-main) center / cover no-repeat, radial-gradient(ellipse at 80% 10%, #2e447259, transparent 55%), var(--sumi)}body.screen-deck #app{--bg-main:var(--slot-deck-image-ui-bg-gallery,url(/assets/ui/bg-gallery.webp))}h1,h2,h3{font-family:var(--serif);letter-spacing:.08em;font-weight:700}h1{margin:0;font-size:1.15rem}h2{text-align:center;margin:10px 0 6px;font-size:1.1rem}button,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line-3);min-height:var(--tap);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:0 16px;transition:border-color .15s,box-shadow .15s,background .15s}@media (hover:hover){button:not(.cell):hover:not(:disabled),select:hover:not(:disabled){border-color:var(--fuji)}}button:focus-visible,select:focus-visible{outline:2px solid var(--usufuji);outline-offset:2px}button:disabled,select:disabled{opacity:.45;cursor:default}button.primary{font-family:var(--serif);letter-spacing:.15em;border-color:var(--kin);background:var(--kin-bg);color:var(--kin-text);font-weight:700}@media (hover:hover){button.primary:hover:not(:disabled){border-color:var(--kin-light);box-shadow:0 0 12px #c9a24a59}}button.accent{border-color:var(--nadeshiko);background:#2a1520}button.active{border-color:var(--fuji);color:#fff;background:#261d38}button.back{min-width:var(--tap);height:var(--tap);color:var(--usufuji);background:0 0;border:none;flex:none;justify-content:flex-start;align-items:center;gap:0;padding:0 6px 0 0;display:inline-flex}button.back svg{width:22px;height:22px}input[type=range]{accent-color:var(--fuji);width:140px;min-height:var(--tap)}.icon{flex:none;width:1.3em;height:1.3em}.muted{color:var(--muted);font-size:.8rem}.center{text-align:center;justify-content:center}.notice{border-left:3px solid var(--nadeshiko);background:#e796ae14;border-radius:0 8px 8px 0;padding:8px 12px;font-size:.85rem}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.panel-title{font-family:var(--serif);letter-spacing:.1em;text-align:left;color:var(--kin-light);margin:0 0 8px;font-size:.95rem;font-weight:700}.dev-badge{color:var(--muted);border:1px solid var(--line-2);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px}.screen-head{z-index:30;margin:calc(-1 * max(12px, env(safe-area-inset-top))) calc(-1 * var(--gutter)) 10px calc(-1 * var(--gutter));padding:max(12px, env(safe-area-inset-top)) var(--gutter) 4px 6px;min-height:var(--tap);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0e0d11f0,#0e0d11d1);align-items:center;gap:4px;display:flex;position:sticky;top:0}.screen-head h1{white-space:nowrap}.screen-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.screen-head h1{text-align:center;grid-column:2;margin:0}.screen-head>.back{grid-column:1;justify-self:start}.screen-head>.head-right{grid-column:3;justify-self:end}.back-text{color:var(--usufuji);letter-spacing:.04em;font-size:.8rem}.head-right{color:var(--usufuji);align-items:center;gap:10px;margin-left:auto;font-size:.8rem;display:flex}.counter{color:var(--usufuji);align-items:center;gap:4px;display:inline-flex}.counter b{color:var(--text)}.status{text-align:center;min-height:1.5em;margin:8px 0;font-size:.9rem;font-weight:700}.tag{color:#1a0e14;background:var(--nadeshiko);border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:700}.bar{background:#26212e;border-radius:3px;height:6px;overflow:hidden}.bar>div{background:var(--fuji);border-radius:3px;height:100%}.card,.cell{width:var(--card-w);aspect-ratio:63/88;border-radius:8px;flex:none;position:relative}.card{--tier:var(--tier-1);border:2px solid var(--tier);background:#18151e;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 3px 8px #00000080;container-type:inline-size}.card.s-1{--frame-img:var(--frame-1,none);--num-img:var(--num-1,none);--num-ink:#ebebf0}.card.s-2{--tier:var(--tier-2);--frame-img:var(--frame-2,none);--num-img:var(--num-2,none);--num-ink:#f0f4ff}.card.s-3{--tier:var(--tier-3);--frame-img:var(--frame-3,none);--num-img:var(--num-3,none);--num-ink:#f0e1ff}.card.s-4{--tier:var(--tier-4);--frame-img:var(--frame-4,none);--num-img:var(--num-4,none);--num-ink:#f6e2aa}.art{inset:var(--art-inset,0);background:#18151e;position:absolute}.art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.art.art-adj{overflow:hidden}.art-img.art-contain{object-fit:contain;object-position:center 58%}.art-img[style*=--art-zoom]{transform:translate(var(--art-tx,0), var(--art-ty,0)) scale(var(--art-zoom,1))}.art-bg{background:var(--card-bg,none) center / cover no-repeat, radial-gradient(ellipse at 50% 40%, #55515d, #2b2931 70%, #1d1b22);position:absolute;inset:0}.board .card.owner-0 .art-bg{background:var(--slot-battle-image-frames-bg-owner-0,url(/assets/frames/bg-owner-0.webp)) center / cover no-repeat, radial-gradient(ellipse at 50% 40%, #3a5a9c, #1c2c55 65%, #0f1730)}.board .card.owner-1 .art-bg{background:var(--slot-battle-image-frames-bg-owner-1,url(/assets/frames/bg-owner-1.webp)) center / cover no-repeat, radial-gradient(ellipse at 50% 40%, #a83a4e, #5a1a2a 65%, #2c0c15)}.art-name{background:radial-gradient(ellipse at 50% 35%, color-mix(in srgb, var(--tier) 16%, transparent), transparent 75%), #110f15;border-radius:4px;justify-content:center;padding-top:4cqw;display:flex;position:absolute;inset:20cqw 17cqw 30cqw;overflow:hidden}.art:has(.art-img) .art-name{display:none}.art-name span{writing-mode:vertical-rl;white-space:nowrap;font-family:var(--serif);letter-spacing:.15em;color:#5a5266;font-size:clamp(8px,12cqw,18px)}.frame-img{z-index:1;pointer-events:none;background:var(--frame-img,none) center / 100% 100% no-repeat;position:absolute;inset:0}.has-frame-1 .card.s-1:not(.g-sar),.has-frame-2 .card.s-2:not(.g-sar),.has-frame-3 .card.s-3:not(.g-sar),.has-frame-4 .card.s-4:not(.g-sar){border-color:#0000}.has-frame-1 .card.s-1{--art-inset:4% 5% 4% 4.5%}.has-frame-2 .card.s-2{--art-inset:6.5% 6.5% 6.5% 6.5%}.has-frame-3 .card.s-3{--art-inset:9% 8.5% 8.5% 8.5%}.has-frame-4 .card.s-4{--art-inset:6.5% 8% 6.5% 8%}.v{z-index:2;width:calc(clamp(20px, 23cqw, 34px) * var(--num-scale,1));height:calc(clamp(20px, 23cqw, 34px) * var(--num-scale,1));font-weight:700;font-size:calc(clamp(13px, 14.5cqw, 20px) * var(--num-scale,1));color:#f3eff8;background:var(--sumi);border:max(1px, 1.2cqw) solid var(--tier);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute}.v.top{top:2cqw;left:50%;transform:translate(-50%)}.v.bottom{bottom:2cqw;left:50%;transform:translate(-50%)}.v.left{top:50%;left:1.5cqw;transform:translateY(-50%)}.v.right{top:50%;right:1.5cqw;transform:translateY(-50%)}.has-num-1 .card.s-1 .v,.has-num-2 .card.s-2 .v,.has-num-3 .card.s-3 .v,.has-num-4 .card.s-4 .v{width:calc(clamp(23px, 27.5cqw, 40px) * var(--num-scale,1));height:calc(clamp(23px, 27.5cqw, 40px) * var(--num-scale,1));background:var(--num-img) center / contain no-repeat;color:var(--num-ink);text-shadow:0 0 2px #000000e6,0 1px 1px #000000b3;border:0}.stars{z-index:2;letter-spacing:-.05em;color:var(--tier);text-shadow:0 0 2px #000,0 0 2px #000;font-size:clamp(8px,7.5cqw,12px);line-height:1;position:absolute;top:2cqw;left:4cqw}@container (width<=100px){.stars{word-break:break-all;width:2em;line-height:.95;left:2cqw}}.nameplate{--np-tint:#0b0a0e;background:linear-gradient(to top, color-mix(in srgb, var(--np-tint) 92%, transparent) 0%, color-mix(in srgb, var(--np-tint) 70%, transparent) 45%, transparent 100%);pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:.6cqw;padding:16cqw 4cqw 19cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.card.owner-0 .nameplate{--np-tint:color-mix(in srgb, var(--p0-deep) 55%, #0b0a0e)}.card.owner-1 .nameplate{--np-tint:color-mix(in srgb, var(--p1-deep) 55%, #0b0a0e)}.np-name{max-width:100%;font-family:var(--serif);letter-spacing:.12em;white-space:nowrap;color:#fbf6ea;text-shadow:0 0 1px #000000e6, 0 1px 3px #000000e6, 0 0 8px color-mix(in srgb, var(--tier) 55%, transparent);padding-left:.12em;font-size:clamp(9px,12.5cqw,32px);font-weight:800;line-height:1.15}.np-name rt{letter-spacing:.2em;color:color-mix(in srgb, var(--tier) 35%, #f1e8d6);font-size:.42em;font-weight:500}.np-insect{max-width:100%;font-family:var(--serif);letter-spacing:.08em;white-space:nowrap;color:color-mix(in srgb, var(--tier) 40%, #d9d2e4);text-shadow:0 1px 2px #000000f2;align-items:center;gap:1.5cqw;font-size:clamp(6px,5.2cqw,11px);line-height:1.2;display:flex}.np-insect:before,.np-insect:after{content:"";background:color-mix(in srgb, var(--tier) 70%, transparent);flex:0 0 5cqw;height:1px}.np-insect.np-long{letter-spacing:.02em;font-size:clamp(6px,4.4cqw,10px)}.np-insect.np-xlong{letter-spacing:0;font-size:clamp(6px,3.9cqw,9px)}.np-insect.np-long:before,.np-insect.np-long:after,.np-insect.np-xlong:before,.np-insect.np-xlong:after{flex-basis:2.5cqw}@container (width<=120px){.nameplate{padding:10cqw 3cqw 24cqw}.np-name{letter-spacing:.05em;padding-left:.05em;font-size:clamp(8px,15cqw,16px)}.np-name rt,.np-insect{display:none}}.board .card.owner-0:has(.is-full){box-shadow:0 0 0 2px var(--p0), 0 0 10px color-mix(in srgb, var(--p0) 60%, transparent), 0 3px 8px #00000080}.board .card.owner-1:has(.is-full){box-shadow:0 0 0 2px var(--p1), 0 0 10px color-mix(in srgb, var(--p1) 60%, transparent), 0 3px 8px #00000080}.bond{z-index:2;font-family:var(--serif);color:var(--sumi);background:var(--nadeshiko);border-radius:3px;padding:0 .25em;font-size:clamp(7px,9cqw,13px);font-weight:800;position:absolute;bottom:22cqw;left:3cqw}.grade{z-index:2;color:#241a08;background:var(--kin);border-radius:3px;padding:0 .25em;font-size:clamp(6px,7.5cqw,12px);font-weight:800;position:absolute;top:2cqw;right:3cqw}.card.g-r .frame-img{box-shadow:inset 0 0 0 3px #18151e, inset 0 0 0 4px color-mix(in srgb, var(--tier) 60%, #fff)}.card.g-ar:after,.card.g-sar:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff3d 45%,#0000 60%) 0 0/250% 100%;animation:3.5s linear infinite shine;position:absolute;inset:0}.card.g-ar{box-shadow:0 0 0 1px var(--kin), 0 0 10px color-mix(in srgb, var(--tier) 55%, transparent)}.card.g-sar{border-color:var(--kin);box-shadow:0 0 0 2px #f0d48c, 0 0 14px #f0d48c80, 0 0 22px color-mix(in srgb, var(--tier) 45%, transparent)}.card.g-sar:after{background:linear-gradient(115deg,#0000 25%,#ff96dc47 40%,#96dcff47 50%,#fff09647 60%,#0000 75%) 0 0/250% 100%}@keyframes shine{0%{background-position:150% 0}to{background-position:-100% 0}}.card.back{background:var(--slot-common-image-frames-card-back,url(/assets/frames/card-back.webp)) center / cover, repeating-linear-gradient(45deg, #8a6bbe14 0 2px, transparent 2px 9px), repeating-linear-gradient(-45deg, #8a6bbe14 0 2px, transparent 2px 9px), #1c1526;border-color:#6b4f8f;place-items:center;display:grid}.back-crest{font-family:var(--serif);color:#8a6bbe;border:1px solid #8a6bbe;border-radius:50% 50% 30% 30%;place-items:center;width:1.6em;height:2.1em;font-size:clamp(8px,22cqw,28px);font-weight:800;display:grid}.card.back.small{--card-w:30px;border-width:1px;border-radius:4px}.card.pickable{cursor:pointer}.card.picked{outline:2px solid var(--kin-light);outline-offset:1px;transform:translateY(-10px)}.card.last-placed{outline:2px solid color-mix(in srgb, var(--kin-light) 55%, transparent);outline-offset:1px}.card.flipped{outline:2px solid var(--kin-light);outline-offset:1px}.card.flip-anim{animation:.45s ease-out flip}.card.candidate{cursor:pointer;outline:2px dashed var(--kin);outline-offset:2px}.card.silhouette{font-family:var(--serif);color:#4a4458;background:radial-gradient(at 50% 40%,#1d1a24,#0e0d11);border-style:dashed;border-color:#3b3546;place-items:center;font-size:1.4rem;display:grid}.card.dim{filter:grayscale(.85)brightness(.6)}@keyframes flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media (hover:hover){.card.pickable:hover:not(.picked){transform:translateY(-4px)}.card.candidate:hover{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.card.flip-anim,.card.g-ar:after,.card.g-sar:after{animation:none}}.card.fx-hidden{visibility:hidden}.card.fx-spinning{box-shadow:0 0 18px color-mix(in srgb, var(--kin-light) 60%, transparent);backface-visibility:visible}.fx-layer{z-index:30;pointer-events:none;--fx-own:var(--p0);position:fixed;inset:0;overflow:hidden}.fx-layer.fx-owner-1{--fx-own:var(--p1)}.fx-dim{background:radial-gradient(#0e0d1159,#050408c7);position:absolute;inset:0}.fx-big{width:var(--card-w);transform-origin:50%;will-change:transform, opacity;position:absolute}.fx-big .card{box-shadow:0 0 0 1px color-mix(in srgb, var(--kin-light) 70%, transparent), 0 0 28px color-mix(in srgb, var(--fx-own) 70%, transparent), 0 18px 50px #000000b3}.fx-aura{background:radial-gradient(closest-side, color-mix(in srgb, var(--kin-light) 45%, transparent), transparent 70%), conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--fx-own) 55%, transparent), transparent 30%, color-mix(in srgb, var(--kin) 50%, transparent), transparent 60%, color-mix(in srgb, var(--fx-own) 55%, transparent), transparent);filter:blur(14px);border-radius:50%;position:absolute;inset:-22%}.fx-flash,.fx-ring,.fx-spark{will-change:transform, opacity;position:absolute}.fx-flash{background:radial-gradient(closest-side, #fffaebf2, color-mix(in srgb, var(--kin-light) 70%, transparent) 35%, color-mix(in srgb, var(--fx-own) 45%, transparent) 60%, transparent);mix-blend-mode:screen;border-radius:50%}.fx-ring{box-sizing:border-box;border:6px solid var(--kin-light);box-shadow:0 0 14px color-mix(in srgb, var(--kin-light) 80%, transparent), inset 0 0 14px color-mix(in srgb, var(--kin-light) 60%, transparent);border-radius:50%}.fx-ring.fx-ring-owner{border-color:var(--fx-own);box-shadow:0 0 16px var(--fx-own), inset 0 0 12px var(--fx-own)}.fx-spark{transform-origin:50% 100%;background:linear-gradient(to top, transparent, var(--kin-light) 40%, #fffbe9);width:3px;box-shadow:0 0 6px var(--kin-light);border-radius:2px}.turn-banner{white-space:nowrap;will-change:transform, opacity, filter;justify-items:center;gap:2px;padding:14px 44px 16px;display:grid;position:absolute;transform:translate(-50%,-50%)}.turn-banner-band{z-index:-1;background:linear-gradient(to right, transparent, color-mix(in srgb, var(--fx-own) 75%, transparent) 20%, color-mix(in srgb, var(--fx-own) 75%, transparent) 80%, transparent) top / 100% 1px no-repeat, linear-gradient(to right, transparent, color-mix(in srgb, var(--fx-own) 75%, transparent) 20%, color-mix(in srgb, var(--fx-own) 75%, transparent) 80%, transparent) bottom / 100% 1px no-repeat, linear-gradient(to right, transparent, #08070bd1 18%, #08070bd1 82%, transparent);position:absolute;inset:0 -30px}.turn-banner-en{font-family:var(--serif);letter-spacing:.06em;color:color-mix(in srgb, var(--fx-own) 55%, #fff);text-shadow:0 0 10px var(--fx-own), 0 0 26px color-mix(in srgb, var(--fx-own) 70%, transparent), 0 2px 2px #000c;font-size:40px;font-weight:800;line-height:1.1}.turn-bolt{pointer-events:none;filter:drop-shadow(0 0 5px var(--fx-own)) drop-shadow(0 0 12px var(--fx-own));position:absolute;top:0;left:-30px;overflow:visible}.turn-bolt polyline{fill:none;stroke-linejoin:miter;stroke-linecap:round;stroke-dasharray:1}.turn-bolt-glow{stroke:color-mix(in srgb, var(--fx-own) 70%, #fff);opacity:.85}.turn-bolt-core{stroke:#fffef6}.turn-banner-ja{font-family:var(--serif);letter-spacing:.2em;color:var(--kin-text);text-shadow:0 0 8px color-mix(in srgb, var(--kin) 80%, transparent), 0 1px 2px #000000e6;font-size:17px;font-weight:700}.battle.phase-pick .card.candidate{outline-color:var(--kin-light);animation:1.1s ease-in-out infinite alternate steal-glow}.battle.phase-pick .slot:nth-child(2n) .card.candidate{animation-delay:-.55s}.battle.phase-pick.result-locked .card.candidate{animation:none}@keyframes steal-glow{0%{filter:brightness();box-shadow:0 0 0 1px #e6c77980,0 0 6px #e6c77973,0 3px 8px #00000080}to{filter:brightness(1.18);box-shadow:0 0 0 2px #fff3c8,0 0 16px #e6c779f2,0 0 32px #8a6bbebf}}@media (prefers-reduced-motion:reduce){.battle.phase-pick .card.candidate{animation:none;box-shadow:0 0 0 2px #fff3c8,0 0 14px #e6c779e6}}.battle.phase-guard .card.candidate{outline-color:#bcd4ff;animation:1.1s ease-in-out infinite alternate guard-glow}.battle.phase-guard .slot:nth-child(2n) .card.candidate{animation-delay:-.55s}.battle.phase-guard.result-locked .card.candidate{animation:none}@keyframes guard-glow{0%{filter:brightness();box-shadow:0 0 0 1px #bcd4ff80,0 0 6px #bcd4ff73,0 3px 8px #00000080}to{filter:brightness(1.15);box-shadow:0 0 0 2px #e8f0ff,0 0 16px #aac8fff2,0 0 32px #7f9fe0cc}}@media (prefers-reduced-motion:reduce){.battle.phase-guard .card.candidate{animation:none;box-shadow:0 0 0 2px #e8f0ff,0 0 14px #aac8ffe6}}.fx-dim.fx-dim-soft{background:radial-gradient(at 50% 45%,#0e0d1133,#05040899)}.win-title{white-space:nowrap;will-change:transform, opacity, filter;position:absolute;transform:translate(-50%,-50%)}.win-title span{font-family:var(--serif);letter-spacing:.08em;background:linear-gradient(180deg, #fffbe9 0%, var(--kin-light) 45%, var(--kin) 70%, #8a6a24 100%);color:#0000;-webkit-text-stroke:1px #fff4d259;filter:drop-shadow(0 0 10px #e6c779bf)drop-shadow(0 0 28px #8a6bbeb3)drop-shadow(0 3px 2px #000c);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:800;line-height:1;display:block}.lose-title{white-space:nowrap;will-change:transform, opacity, filter;position:absolute;transform:translate(-50%,-50%)}.lose-tilt{transform-origin:82% 55%;display:block}.lose-text{font-family:var(--serif);letter-spacing:.08em;background:linear-gradient(#eef4ff 0%,#b9cdf0 38%,#3a4660 62%,#0b0d14 100%);color:#0000;-webkit-text-stroke:1px #bed2f58c;filter:drop-shadow(0 0 8px #a0bef08c)drop-shadow(0 0 22px #1e2846e6)drop-shadow(0 3px 2px #000000e6);-webkit-background-clip:text;background-clip:text;font-size:60px;font-weight:800;line-height:1;display:block}.fx-message-lose .fx-message-line{color:#dbe6ff;text-shadow:0 0 10px #7f9fe0cc,0 0 22px #141828e6,0 2px 2px #000000e6}.fx-message-lose .fx-message-line:not(:first-of-type){color:#f0b8c8;text-shadow:0 0 10px #e796aecc,0 2px 2px #000000e6}.fx-message{text-align:center;will-change:transform, opacity, filter;justify-items:center;gap:4px;width:min(92vw,400px);padding:18px 12px 20px;display:grid;position:absolute;transform:translate(-50%,-50%)}.fx-message-band{z-index:-1;background:linear-gradient(90deg,#0000,#e6c779cc 20% 80%,#0000) top/100% 1px no-repeat,linear-gradient(90deg,#0000,#e6c779cc 20% 80%,#0000) bottom/100% 1px no-repeat,linear-gradient(90deg,#0000,#08070be0 15% 85%,#0000);position:absolute;inset:0 -40px}.fx-message-line{font-family:var(--serif);letter-spacing:.06em;color:var(--kin-text);text-shadow:0 0 10px #e6c779cc,0 0 22px #8a6bbe99,0 2px 2px #000000e6;font-size:22px;font-weight:800;line-height:1.35}.fx-message-line:first-of-type{color:#fff8e2;font-size:24px}.fx-message-guard .fx-message-line{color:#cfe0ff;text-shadow:0 0 10px #7f9fe0e6,0 0 22px #7f9fe099,0 2px 2px #000000e6}.fx-message-guard .fx-message-line:not(:first-of-type){color:var(--kin-text);font-size:17px}.fx-vignette{background:radial-gradient(circle,#0000 22%,#0504088c 45%,#050408e6 80%);position:absolute;inset:0}.fx-screen-flash{mix-blend-mode:screen;background:radial-gradient(circle,#fffdf2,#e6c77999 40%,#0000 75%);position:absolute;inset:0}.slot.steal-slot{z-index:5}.fx-shield{z-index:6;pointer-events:none;filter:drop-shadow(0 0 10px #7f9fe0f2)drop-shadow(0 0 24px #e6c77999);width:125%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-shield svg{width:100%;height:auto;display:block}.fx-shield path{fill:#7f9fe047;stroke:#dbe6ff;stroke-width:3px}.fx-shield path.fx-shield-inner{fill:#e6c7791f;stroke:var(--kin-light);stroke-width:2px}.fx-shard{z-index:7;pointer-events:none;clip-path:polygon(50% 0,100% 38%,72% 100%,12% 82%,0 30%);background:linear-gradient(135deg, #fffbe9, var(--kin-light) 40%, var(--kin));box-shadow:0 0 6px var(--kin-light);position:absolute;top:50%;left:50%}.fx-shard.fx-shard-1{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg, #f0e1ff, var(--fuji))}.fx-shard.fx-shard-2{clip-path:polygon(0 20%,80% 0,100% 70%,30% 100%);background:linear-gradient(135deg, #eef2fb, var(--p0))}.cr-orb{background:radial-gradient(closest-side, #fffdf0, color-mix(in srgb, var(--kin-light) 85%, transparent) 30%, color-mix(in srgb, var(--fuji) 55%, transparent) 62%, transparent);filter:blur(2px);will-change:transform, opacity;border-radius:50%;position:absolute}.cr-ring{border:3px solid var(--kin-light);box-shadow:0 0 22px var(--kin), inset 0 0 18px color-mix(in srgb, var(--fuji) 60%, transparent);will-change:transform, opacity;border-radius:50%;position:absolute}.cr-spark{background:radial-gradient(closest-side, #fff, var(--kin-light) 60%, transparent);will-change:transform, opacity;border-radius:50%;width:8px;height:8px;position:absolute}.cr-shard{z-index:7;clip-path:polygon(50% 0,100% 38%,72% 100%,12% 82%,0 30%);background:linear-gradient(135deg, #fffbe9, var(--kin-light) 40%, var(--kin));filter:drop-shadow(0 0 6px var(--kin-light));will-change:transform, opacity;position:absolute}.cr-shard.fx-shard-1{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg, #f0e1ff, var(--fuji))}.cr-shard.fx-shard-2{clip-path:polygon(0 20%,80% 0,100% 70%,30% 100%);background:linear-gradient(135deg, #eef2fb, var(--p0))}.cr-cost{letter-spacing:.04em;color:var(--muted);text-shadow:none;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){.fx-layer{display:none}}.menu-screen{flex-direction:column;gap:18px;padding:4px 8px 8px;display:flex}.menu-top{justify-content:space-between;align-items:center;display:flex}.menu-top-right{align-items:center;gap:4px;display:flex}h1.menu-logo{font-family:var(--serif);letter-spacing:.18em;margin:0;font-size:22px;font-weight:800;line-height:1}h1.menu-logo img{width:auto;height:56px;margin:-6px 0;display:block}button.icon-button{width:var(--tap);height:var(--tap);color:var(--usufuji);background:0 0;border:1px solid #2f2a38;border-radius:50%;place-items:center;padding:0;display:grid}button.icon-button .icon{width:20px;height:20px}.title-block{flex-direction:column;align-items:center;gap:8px;display:flex}.emblem{border:1.5px solid var(--fuji);border-radius:38px 38px 10px 10px;place-items:center;width:76px;height:92px;display:grid}.emblem div{border:1.5px solid var(--kin);border-radius:8px 8px 4px 4px;width:16px;height:22px}.logo{font-family:var(--serif);letter-spacing:.18em;color:var(--text);margin:4px 0 0;padding-left:.18em;font-size:52px;font-weight:800;line-height:1.1}.rank-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.rank-dual{flex-direction:row;gap:0;padding:12px 0}.rank-col{flex-direction:column;flex:1 1 0;gap:5px;min-width:0;padding:0 14px;display:flex}.rank-col+.rank-col{border-left:1px solid var(--line-2)}.rank-axis{align-items:center;min-height:16px;line-height:1;display:flex}.rank-axis-text{letter-spacing:.3em;color:var(--muted);font-size:11px;font-weight:600}.rank-axis-img{width:auto;max-width:100%;height:22px;display:block}.rank-axis.has-img .rank-axis-text{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.rank-sub{font-size:11px}.rank-dual .rank-note{line-height:1.4}.rank-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.rank-name{font-family:var(--serif);color:var(--kin-light);font-size:20px;font-weight:700}.rank-note{color:var(--muted-2);font-size:11px}.menu{flex-direction:column;gap:10px;display:flex}.menu-screen button.menu-btn{isolation:isolate;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:flex-start;align-items:center;min-height:52px;padding:0 18px;font-size:15px;display:flex;position:relative;overflow:hidden}.menu-btn-frame{z-index:0;box-sizing:border-box;border:1px solid var(--line-3);border-radius:inherit;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#17141e61;transition:border-color .15s,box-shadow .15s;position:absolute;inset:0}.menu-btn-art{z-index:1;object-fit:cover;opacity:.48;pointer-events:none;width:52%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%);mask-image:linear-gradient(90deg,#0000,#000 55%)}.menu-btn-label{z-index:2;text-shadow:0 1px 3px #000000d9;flex-direction:column;gap:1px;display:flex;position:relative}.menu-btn .sub{color:var(--usufuji);white-space:nowrap;font-size:12px}.menu-btn.menu-wipsub .sub{letter-spacing:.1em;color:var(--muted);font-size:11px}@media (hover:hover){button.menu-btn:hover:not(:disabled){border-color:#0000}button.menu-btn:hover:not(:disabled) .menu-btn-frame{border-color:var(--fuji)}}.menu-screen button.menu-btn.menu-main{min-height:56px;font-family:var(--serif);letter-spacing:.2em;color:var(--kin-text);font-size:20px;font-weight:700}.menu-btn.menu-main .menu-btn-frame{border-color:var(--kin);background:color-mix(in srgb, var(--kin-bg) 45%, transparent)}@media (hover:hover){button.menu-btn.menu-main:hover:not(:disabled) .menu-btn-frame{border-color:var(--kin-light);box-shadow:0 0 12px #c9a24a59}}.menu-btn.is-wip{opacity:.55}.menu-wip-msg{text-align:center;min-height:1.4em;color:var(--kin-text);margin:-10px 0 0;font-size:12px}.menu-wip-msg:empty{min-height:0}.menu-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.menu-pair button.menu-btn{text-align:center;justify-content:center;padding:4px 8px}.menu-pair .menu-btn-label{align-items:center;gap:0}.menu-pair .sub{font-size:11px}.nearly div{justify-content:space-between;gap:8px;padding:3px 0;font-size:.8rem;display:flex}body.screen-battle #app,body.screen-wild #app,body.screen-tutorial #app,body.screen-teai #app,body.screen-ogase #app,body.screen-ghost #app{height:100dvh;padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.battle{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex}.battle-head{min-height:var(--tap);flex:none;align-items:center;gap:6px;margin-left:-10px;display:flex}.battle-title{font-family:var(--serif);letter-spacing:.08em;white-space:nowrap;font-size:22px;font-weight:800}.battle-rank{color:var(--usufuji);white-space:nowrap;margin-left:auto;font-size:12px}.side-row{flex:none;align-items:center;gap:8px;min-height:28px;display:flex}.side-row .dot{background:var(--own);border-radius:50%;flex:none;width:10px;height:10px}.side-row .who{color:var(--own-text);white-space:nowrap;font-size:13px}.side-row .score{font-family:var(--serif);color:var(--own-text);font-size:22px;font-weight:700;line-height:1}.side-row.me{--own:var(--p0);--own-text:var(--p0-text)}.side-row.cpu{--own:var(--p1);--own-text:var(--p1-text)}.backs{gap:4px;margin-left:auto;display:flex}.side-message{color:var(--usufuji);text-align:right;margin-left:auto;font-size:13px}.board-area{flex:1 1 0;place-items:center;min-height:0;display:grid;container-type:size}.board{--gap:6px;--pad:8px;--bw:min(calc((100cqw - var(--pad) * 2 - (var(--size) - 1) * var(--gap)) / var(--size)), calc((100cqh - var(--pad) * 2 - (var(--size) - 1) * var(--gap)) / var(--size) * 63 / 88));--card-w:var(--bw);grid-template-columns:repeat(var(--size), var(--bw));gap:var(--gap);padding:var(--pad);background:var(--slot-battle-image-ui-board,url(/assets/ui/board.webp)) center / cover, #14121947;border:1px solid var(--line);border-radius:12px;display:grid}.slot{position:relative}.cell{cursor:default;background:#12101638;border:1px dashed #9687b966;place-items:center;min-height:0;padding:0;display:grid}.cell span{font-family:var(--serif);color:#beafdc4d;font-size:20px}.cell.placeable{border-color:var(--fuji);cursor:pointer;background:#1b1724;animation:1.6s ease-in-out infinite pulse}@media (hover:hover){.cell.placeable:hover{background:#221c2e}}@keyframes pulse{50%{box-shadow:0 0 10px #8a6bbe73}}.mark{z-index:3;--mark-v:calc(clamp(23px, 19.7%, 40px) * var(--num-scale,1));left:50%;top:calc((2px + 1.4% + var(--mark-v) + 2px + (100% - 4px) / 2 - .5 * var(--mark-v)) / 2);white-space:nowrap;background:var(--kin);color:#241a08;border-radius:8px;padding:0 6px;font-size:.6rem;font-weight:700;line-height:1.3;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0009}.hand-row{--hand-w:min(72px, calc((var(--content-w) - 24px) / 5));height:calc(var(--hand-w) * 88 / 63 + 10px);flex:none;justify-content:center;align-items:flex-end;gap:6px;display:flex}.hand-row>.card{--card-w:min(var(--hand-w), calc((var(--content-w) - (var(--n) - 1) * 6px) / var(--n)))}.ops-row{min-height:24px;color:var(--muted-2);flex:none;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.ops-info{white-space:nowrap}.phase-body{flex-direction:column;flex:auto;justify-content:center;gap:8px;display:flex}.lead{text-align:center;margin:0;font-size:.9rem;line-height:1.6}.phase-body .muted{margin:0;line-height:1.6}.bid-row{justify-content:center;gap:6px;padding-top:14px;display:flex}.bid-row .card{--card-w:min(76px, calc((var(--content-w) - (var(--n) - 1) * 6px) / var(--n)))}.bid-option{justify-items:center;gap:4px;display:grid}.bid-option .muted{font-size:11px}.bid-reveal{text-align:center;justify-content:center;align-items:center;gap:16px;font-size:.9rem;font-weight:700;display:flex}.bid-reveal .card{--card-w:min(130px, calc((var(--content-w) - 80px) / 2));margin:8px auto}.bid-reveal .vs{font-family:var(--serif);color:var(--kin-light);font-size:1.5rem}.owner-0-text{color:var(--p0-text)}.owner-1-text{color:var(--p1-text)}.actions{justify-content:center;gap:8px;display:flex}.actions button{flex:1 1 0}button.wide{width:100%}.result-panel{border:1px solid var(--line-2);background:#16131b;border-radius:12px;flex-direction:column;flex:none;gap:6px;padding:10px 14px 12px;display:flex}.result-panel.win{border-color:var(--kin)}.result-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.result-title{font-family:var(--serif);letter-spacing:.1em;color:var(--kin-light);font-size:24px;font-weight:800}.result-panel.lose .result-title{color:var(--p1-text)}.result-panel.draw .result-title{color:var(--usufuji)}.result-message{margin:0;font-size:13px;line-height:1.6}.result-panel .notice{margin:0}.result-panel .actions button{transition:opacity .2s,border-color .15s,box-shadow .15s,background .15s}.battle .card.candidate{transition:transform .15s,box-shadow .15s,opacity .2s}.battle.result-locked .card.candidate{opacity:.5;pointer-events:none}.battle.result-locked .result-panel .actions{pointer-events:none}@media (prefers-reduced-motion:reduce){.result-panel .actions button,.battle .card.candidate{transition:none}}.confirm-backdrop{z-index:20;background:#050408b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--panel);border:1px solid var(--line-3);border-radius:14px;flex-direction:column;gap:10px;width:min(320px,100%);padding:18px 16px 16px;display:flex;box-shadow:0 10px 30px #0009}.confirm-title{font-family:var(--serif);letter-spacing:.08em;text-align:center;color:var(--kin-light);margin:0;font-size:18px;font-weight:700}.confirm-note{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.6}.confirm-actions{gap:8px;margin-top:4px;display:flex}.confirm-dialog button{min-height:var(--tap);flex:1 1 0}.help{margin:8px 0;line-height:1.6}.collection-summary{gap:6px;margin-bottom:10px;display:grid}.summary-line{color:var(--muted);justify-content:space-between;gap:8px;font-size:.8rem;display:flex}.tabs{gap:4px;margin-bottom:12px;display:flex}.tabs button{white-space:nowrap;background:0 0;border-radius:8px;flex:auto;padding:0 6px;font-size:12px}.tabs button.active{border-color:var(--fuji);background:#261d38}.tabs button.t-1.active,.tabs button.t-2.active,.tabs button.t-3.active,.tabs button.t-4.active{color:color-mix(in srgb, var(--tier) 75%, #fff);border-color:var(--tier)}.card-grid{--cols:3;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:22px 10px;display:grid}.card-grid.dense{--cols:4;gap:20px 8px}.grid-item{--card-w:100%;justify-items:center;display:grid;position:relative}.grid-item .count{color:var(--muted);white-space:nowrap;font-size:.68rem;position:absolute;bottom:-17px}.grid-item.in-deck .card{outline:2px solid var(--kin-light);outline-offset:1px}.grid-item.in-deck:after{content:"編成中";z-index:3;background:var(--kin);color:#241a08;border-radius:6px;padding:1px 5px;font-size:.6rem;font-weight:700;position:absolute;top:-8px;right:-4px}.grid-item.focused .card{box-shadow:0 0 0 2px var(--usufuji)}.pager{justify-content:center;align-items:center;gap:12px;margin-top:26px;display:flex}.pager button{width:var(--tap);height:var(--tap);border-radius:50%;padding:0;font-size:1.2rem}.focus-panel{align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;display:flex}.focus-panel .card{--card-w:92px}.focus-body{flex:auto;gap:4px;min-width:0;display:grid}.focus-body button{margin-top:4px}.sticky-actions{z-index:5;margin:26px calc(var(--gutter) * -1) 0;padding:4px var(--gutter) max(10px, env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--sumi) 14px);position:sticky;bottom:0}.sticky-actions .status{margin:4px 0;font-size:.8rem}.side-name{font-family:var(--serif);font-size:1rem;font-weight:700;line-height:1.4}.tier-line{align-items:center;gap:6px;font-size:.8rem;display:flex}.tier-dot{background:var(--tier);border-radius:50%;width:8px;height:8px}.t-1{--tier:var(--tier-1)}.t-2{--tier:var(--tier-2)}.t-3{--tier:var(--tier-3)}.t-4{--tier:var(--tier-4)}.tier-text{color:color-mix(in srgb, var(--tier) 75%, #fff)}.values-row{gap:6px;display:flex}.value-chip{border:1.5px solid var(--fuji);border-radius:50%;place-items:center;width:26px;height:26px;font-size:.85rem;font-weight:700;display:grid}.detail{flex-direction:column;align-items:stretch;gap:12px;display:flex}.card.large{--card-w:min(246px, 68vw);border-width:3px;border-radius:12px;align-self:center;box-shadow:0 12px 30px #00000080}.detail-name{text-align:center;margin:0;font-size:1.05rem}.detail-name rt{color:var(--muted);font-size:.55em;font-weight:400}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:1px solid var(--line-3);color:var(--usufuji);border-radius:12px;padding:4px 10px;font-size:12px}.chip.t-1,.chip.t-2,.chip.t-3,.chip.t-4{border-color:var(--tier);color:color-mix(in srgb, var(--tier) 70%, #fff)}.detail-status{margin:-4px 0 0}.detail .muted.center{margin:0}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.stat-label{color:var(--muted-2);font-size:11px}.stat-value{font-size:15px;font-weight:700}.actions.stack{flex-direction:column}.profile-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.profile-panel h3{color:var(--kin-light);margin:0 0 4px;font-size:14px}.profile{margin:0}.profile dt{color:var(--usufuji);margin-top:10px;font-size:12px;font-weight:700}.profile dd{color:#d6d0df;margin:2px 0 0;font-size:12px;line-height:1.75}.settings-section+.settings-section{margin-top:18px}.setting-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:6px 0;font-size:.88rem;display:grid}.setting-row .control{align-items:center;gap:8px;display:flex}.setting-row .note{grid-column:1/-1;margin-top:-4px}.pool{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;margin-top:12px;display:grid}.pack-card{text-align:center;--card-w:100%;justify-items:center;gap:4px;display:grid}.pack-name{font-size:.7rem}@media (height<=700px){.menu-screen{gap:14px}.emblem{width:60px;height:72px}.logo{font-size:44px}}body.screen-title #app{background:var(--outer);padding:0}.title-screen{background:var(--outer);width:100%;min-height:100dvh;color:var(--text);border:0;border-radius:0;padding:0;display:block;position:relative;overflow:hidden}.title-art{object-fit:contain;object-position:center 42%;width:100%;height:100%;position:absolute;inset:0}.title-fallback{display:none}.title-screen.no-art .title-fallback{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.title-fallback-name{font-family:var(--serif);letter-spacing:.18em;padding-left:.18em;font-size:64px;font-weight:800}.logo-img{width:min(300px,78%);height:auto;margin:-12px auto -16px;display:block}.title-block:not(.no-logo) .emblem{display:none}.title-block:not(.no-logo) .logo{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.number-preview{--card-w:110px;justify-content:center;gap:12px;padding:8px 0 4px;display:flex}.leader-pick-title{font-family:var(--serif);text-align:center;color:var(--kin-text);margin:14px 0 2px;font-size:16px}.leader-pick-row{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 4px;display:grid}.leader-pick{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;justify-items:center;gap:3px;min-height:0;padding:4px 2px 6px;display:grid}.leader-pick .card{--card-w:min(72px, calc((var(--content-w) - 40px) / 4))}.leader-pick.picked{border-color:var(--kin-light);box-shadow:0 0 0 1px var(--kin-light), 0 0 14px #e6c77973;background:var(--kin-bg)}.leader-pick-name{font-family:var(--serif);font-size:13px;font-weight:700}.leader-pick-text{min-height:3em;color:var(--usufuji);margin:4px 2px 8px;font-size:12px;line-height:1.5}.hand-zone{flex:none;align-items:flex-end;gap:6px;display:flex}.hand-zone .hand-row{--content-w:calc(var(--app-w) - var(--gutter) * 2 - 64px);flex:auto;min-width:0}.leader-btn{border:1px solid var(--line-2);background:var(--panel-2);width:58px;min-height:0;color:var(--text);border-radius:10px;flex:0 0 58px;justify-items:center;gap:2px;margin-bottom:4px;padding:3px 3px 4px;line-height:1.1;display:grid;position:relative}.leader-face{border:2px solid var(--line-3);--zoom:2.4;background:radial-gradient(circle at 50% 40%,#2a2436,#121016);border-radius:50%;width:50px;height:50px;display:block;position:relative;overflow:hidden}.leader-face img{max-width:none;width:calc(100% * var(--zoom));height:auto;left:calc(50% - var(--ex,.5) * 100% * var(--zoom));top:calc(50% - var(--ey,.2) * 100% * var(--zoom) * 1213 / 868);position:absolute}.leader-state-icon{background:var(--state-img) center / contain no-repeat;pointer-events:none;filter:drop-shadow(0 1px 3px #000c);width:30px;height:30px;position:absolute;top:-6px;right:-8px}.leader-btn.locked,.leader-btn.wait,.leader-btn.armed{--state-img:var(--slot-battle-image-ui-leader-state-locked,url(/assets/ui/leader-state-locked.webp))}.leader-btn.used{--state-img:var(--slot-battle-image-ui-leader-state-used,url(/assets/ui/leader-state-used.webp))}.leader-btn.ready{--state-img:var(--slot-battle-image-ui-leader-state-ready,url(/assets/ui/leader-state-ready.webp))}.leader-name{font-family:var(--serif);font-size:12px;font-weight:700}.leader-status{color:var(--muted);white-space:nowrap;font-size:9px}.leader-btn.ready{border-color:var(--kin-light);animation:1.2s ease-in-out infinite alternate leader-ready}.leader-btn.ready .leader-face{border-color:var(--kin-light)}.leader-btn.ready .leader-status{color:var(--kin-text)}@keyframes leader-ready{0%{box-shadow:0 0 0 1px #e6c77966,0 0 6px #e6c7794d}to{box-shadow:0 0 0 2px #fff3c8,0 0 16px #e6c779e6}}.leader-btn.armed{border-color:var(--p0);box-shadow:0 0 10px #7f9fe0b3}.leader-btn.armed .leader-status{color:var(--p0-text)}.leader-btn:disabled{opacity:.45;filter:grayscale(.8)}.leader-btn.wait{opacity:.8}.cpu-leader{border:1px solid var(--p1-deep);color:var(--p1-text);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:9em;padding:2px 6px;font-size:11px;overflow:hidden}.cpu-leader.hidden{color:var(--muted);border-style:dashed}.cpu-leader.used{opacity:.55}.leader-dialog{text-align:center;max-width:min(360px,92vw)}.leader-card{place-items:center;margin-bottom:6px;display:grid}.leader-card .card.large{--card-w:min(170px, 46vw)}.leader-kind{color:var(--muted);margin:2px 0;font-size:11px}.leader-text{text-align:left;margin:6px 0;font-size:13px;line-height:1.6}.leader-ask{font-family:var(--serif);color:var(--kin-text);margin:10px 0 4px;font-size:16px;font-weight:700}.card.boosted .v{color:#fff3c8;text-shadow:0 0 6px var(--kin-light), 0 0 2px #000}.hand-row>.card.boosted{box-shadow:0 0 0 1px var(--kin-light), 0 0 10px #e6c77999}.board{position:relative}.wall-line,.wall-pick{z-index:3;--row:calc(var(--bw) * 88 / 63);position:absolute}.wall-line.v,.wall-pick.v{top:var(--pad);bottom:var(--pad);left:calc(var(--pad) + var(--k) * var(--bw) + (var(--k) - .5) * var(--gap));transform:translate(-50%)}.wall-line.h,.wall-pick.h{left:var(--pad);right:var(--pad);top:calc(var(--pad) + var(--k) * var(--row) + (var(--k) - .5) * var(--gap));transform:translateY(-50%)}.wall-line{pointer-events:none;background:repeating-linear-gradient(45deg,#ebe6f5f2 0 2px,#c8c0d78c 2px 5px);border-radius:3px;box-shadow:0 0 8px #ebe6f5cc}.wall-line.v{width:5px;height:calc(100% - var(--pad) * 2)}.wall-line.h{width:calc(100% - var(--pad) * 2);height:5px}.wall-pick{border:2px dashed var(--usufuji);cursor:pointer;background:#1d18268c;border-radius:6px;padding:0;animation:1.6s ease-in-out infinite pulse}.wall-pick.v{width:22px;height:calc(100% - var(--pad) * 2)}.wall-pick.h{width:calc(100% - var(--pad) * 2);height:22px}.cell.trap-pick{border-color:var(--usufuji);cursor:pointer;background:#1d1826;animation:1.6s ease-in-out infinite pulse}.cell.trap-pick span,.cell.trapped span{color:var(--usufuji)}.cell.trapped{border-style:dashed;border-color:#8a6fae}.card.locked-card{box-shadow:0 0 0 2px #8a6fae,0 0 10px #8a6faeb3}.lock-mark{z-index:5;pointer-events:none;font-family:var(--serif);color:#e9d8ff;text-shadow:0 0 4px #000,0 0 6px #8a6fae;font-size:12px;position:absolute;bottom:4%;right:6%}.card.sealed,.opp-mini.sealed{filter:grayscale(.9)brightness(.5);cursor:not-allowed;position:relative;box-shadow:0 0 0 2px #6b6558,0 0 8px #000c}.card.sealed:after,.opp-mini.sealed:after{content:"枷";z-index:7;font-family:var(--serif);color:#e8e2d0;text-shadow:0 0 6px #000,0 0 10px #000;pointer-events:none;background:repeating-linear-gradient(45deg,#14120e8c 0 4px,#504a3e73 4px 8px);place-items:center;font-size:28px;font-weight:800;display:grid;position:absolute;inset:0}.opp-mini.sealed:after{font-size:18px}.card.guarded{box-shadow:0 0 0 2px #9fc4d8,0 0 10px #9fc4d8b3}.card.shield-anim:before{content:"";z-index:6;pointer-events:none;background:radial-gradient(circle,#cfe6f273,#0000 70%);border:3px solid #cfe6f2;border-radius:50% 50% 45% 45%/40% 40% 60% 60%;animation:.9s ease-out forwards shield-pop;position:absolute;inset:12%;box-shadow:0 0 18px #9fc4d8}@keyframes shield-pop{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.card.shield-anim:before{opacity:.8;animation:none}}.card.trap-flip{box-shadow:0 0 0 2px #fff3c8,0 0 16px #e6c779e6}.card.trap-flip:after{content:"";z-index:6;pointer-events:none;border:3px solid #fff3c8;border-radius:8px;animation:.8s ease-out forwards trap-ring;position:absolute;inset:0}@keyframes trap-ring{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.card.trap-flip:after{opacity:0;animation:none}}.cutin-strip{background:linear-gradient(90deg, #08070bf2, color-mix(in srgb, var(--fx-own) 30%, #0b0a0d), #08070bf2);border-top:2px solid var(--fx-own);border-bottom:2px solid var(--fx-own);box-shadow:0 0 24px color-mix(in srgb, var(--fx-own) 60%, transparent);will-change:transform, opacity;position:absolute;overflow:hidden}.cutin-img{transform-origin:50% 20%;max-width:none;height:auto;position:absolute}.cutin-title{white-space:nowrap;will-change:transform, opacity, filter;justify-items:center;gap:2px;display:grid;position:absolute;transform:translate(-50%,-50%)}.cutin-label{letter-spacing:.3em;color:color-mix(in srgb, var(--fx-own) 50%, #fff);font-size:12px}.cutin-name{font-family:var(--serif);letter-spacing:.12em;color:#fff8e2;text-shadow:0 0 12px var(--fx-own), 0 0 28px color-mix(in srgb, var(--fx-own) 70%, transparent), 0 2px 2px #000000e6;font-size:44px;font-weight:800}@media (prefers-reduced-motion:reduce){.leader-btn.ready{animation:none}}.pk{flex-direction:column;gap:10px;min-height:calc(100dvh - 28px);display:flex;position:relative;top:0;left:0}.pk.pk-hide-ui>*{opacity:0;transition:opacity .25s}.pk-lead{text-align:center;color:var(--kin-text,#e6c779);margin:0;font-size:.85rem}.pk-title{text-align:center;font-family:var(--serif);letter-spacing:.08em;margin:0}.pk-note{text-align:center;margin:0;font-size:.7rem}.pk-shelf{flex:auto;align-items:center;gap:4px;min-height:0;display:flex}.pk-packs{flex:auto;height:min(54dvh,440px);position:relative}.pk-pack{width:var(--w);transform:translate(-50%, -50%) translateX(var(--x)) rotate(var(--r));animation:3.4s ease-in-out infinite pk-float;animation-delay:var(--d,0s);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:50%;left:50%}.pk-pack img{pointer-events:none;filter:drop-shadow(0 10px 18px #7850dc8c);width:100%;height:auto;display:block}.pk-pack.center{--w:min(48%, 190px);--x:0px;--r:0deg;--d:0s;z-index:2}.pk-pack.center img{animation:2s ease-in-out infinite alternate pk-glow}.pk-pack.side{--w:min(33%, 130px);opacity:.8;z-index:1}.pk-pack.left{--x:-88%;--r:-9deg;--d:-1.1s}.pk-pack.right{--x:88%;--r:9deg;--d:-2.2s}.pk-pack:disabled{filter:grayscale(.7)brightness(.7);cursor:default}@keyframes pk-float{0%,to{translate:0}50%{translate:0 -12px}}@keyframes pk-glow{0%{filter:drop-shadow(0 10px 16px #7850dc73)}to{filter:drop-shadow(0 6px 30px #c8a0fff2)}}.pk-arrow{border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;min-height:0;padding:0;font-size:1.2rem;display:grid}.pk-cards{max-width:calc(var(--pk-w) * 3 + 28px);flex-wrap:wrap;place-content:center;align-self:center;gap:18px 14px;margin:auto 0;display:flex}.pk-slot{width:var(--pk-w);aspect-ratio:63/88;position:relative}.pk-slot.in-hand .pk-card{visibility:hidden}.pk-card{perspective:800px;cursor:pointer;background:0 0;border:0;min-height:0;padding:0;position:absolute;inset:0}.pk-card.is-face{cursor:default}.pk-inner{transform-style:preserve-3d;display:block;position:absolute;inset:0}.pk-inner.face{transform:rotateY(180deg)}.pk-side{--card-w:100%;backface-visibility:hidden;display:block;position:absolute;inset:0}.pk-side .card{width:100%}.pk-front{transform:rotateY(180deg)}.pk-card:before{content:"";pointer-events:none;opacity:0;border-radius:8px;position:absolute;inset:0}.pk-card.glow:before{opacity:1;animation:.7s ease-in-out infinite alternate pk-pulse;box-shadow:0 0 16px 5px #ffe28cd9}.pk-card.glow-strong:before{animation-duration:.22s;box-shadow:0 0 26px 12px #fffadcf2,0 0 60px 24px #be96ffb3}@keyframes pk-pulse{0%{filter:brightness(.9);transform:scale(1)}to{filter:brightness(1.4);transform:scale(1.1)}}.pk-new{z-index:3;color:#1a1420;background:var(--kin-light,#f0d48c);pointer-events:none;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;top:-7px;right:-7px}.pk-new-mini{padding:0 4px;font-size:8px;top:-5px;right:-5px}.pk-hand{border-top:1px solid var(--line-2);background:#0e0d118c;border-radius:10px 10px 0 0;justify-content:center;align-items:center;gap:6px;padding:8px 6px 6px;display:flex}.pk-hand-label{writing-mode:vertical-rl;letter-spacing:.2em;color:var(--muted);font-size:11px}.pk-hs{aspect-ratio:63/88;border:1px dashed var(--line-3);--card-w:100%;border-radius:6px;flex:none;width:54px;position:relative}.pk-hs.filled{border-style:solid;border-color:#0000}.pk-hs .card{width:100%}.pk-getall{z-index:5;position:absolute;bottom:96px;right:0;box-shadow:0 2px 10px #0009}.pk-dim{z-index:40;pointer-events:none;background:radial-gradient(#0a08128c,#030208e6);position:fixed;inset:0}.pk-white{z-index:100;pointer-events:none;opacity:0;background:#fff;position:fixed;inset:0}.pk-burst-layer{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pk-ghost{will-change:transform, filter;display:block;position:absolute}.pk-flash{background:radial-gradient(circle,#fff 0%,#d7beffcc 40%,#0000 72%);border-radius:50%;width:140px;height:140px;position:absolute}.pk-ray{transform-origin:0;background:linear-gradient(90deg,#fff,#bea0ff00);border-radius:2px;width:110px;height:3px;position:absolute}.pk-land{z-index:60;pointer-events:none;border:4px solid #fff3c8;border-radius:50%;width:230px;height:230px;position:fixed;box-shadow:0 0 30px 8px #ffe28ccc,inset 0 0 30px #ffe28c99}.pk-card:not(.is-face) .pk-new{display:none}#screen-loading{z-index:9000;background:var(--sumi);color:var(--usufuji);font-family:var(--serif);letter-spacing:.2em;opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .22s ease-out;display:flex;position:fixed;inset:0}#screen-loading.is-out{opacity:0;pointer-events:none}#screen-loading .loading-mark{border:2px solid var(--line-2);border-top-color:var(--usufuji);border-radius:50%;width:30px;height:30px;animation:.9s linear infinite loading-spin}#screen-loading .loading-text{font-size:13px}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#screen-loading .loading-mark{animation:none}}.pk-pack,.pk-pack.side,.pk-pack.center{--w:min(46%, 180px);transition:none}.deck-slots{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.deck-slot{text-align:left;flex-direction:column;flex:28%;align-items:flex-start;gap:2px;min-width:0;padding:6px 10px;display:flex}.deck-slot.on{outline:2px solid var(--accent,#c9a6ff)}.deck-slot .ds-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.deck-slot .ds-meta{opacity:.8;font-size:12px}.deck-slot .ds-use{color:var(--accent,#c9a6ff);margin-right:6px}.deck-rename{flex:28%;font-size:13px}.defense-panel{gap:8px;margin:8px 0;display:grid}.defense-panel .def-row{gap:4px;font-size:14px;display:grid}.defense-panel .def-row input[type=checkbox]{margin-right:6px}.defense-panel select{width:100%;min-height:40px}body.screen-raid #app{background:radial-gradient(at 50% 30%,#2a1020 0%,#0a0609 70%)}.raid-screen{text-align:center;align-content:center;justify-items:center;gap:12px;min-height:80vh;padding:24px 16px;display:grid}.raid-screen .raid-line{color:var(--muted);margin:0;font-size:18px}.raid-screen .raid-line.big{color:var(--nadeshiko);letter-spacing:.1em;font-size:28px}.raid-screen .raid-title{margin:4px 0;font-size:24px}.raid-screen .raid-score{letter-spacing:.1em;margin:0;font-size:32px}.raid-screen .raid-step,.raid-screen .raid-from{color:var(--muted);margin:0;font-size:14px}.raid-screen.tone-loss .raid-title{color:var(--nadeshiko)}.raid-screen.tone-win .raid-title{color:var(--kin-light)}.raid-screen.tone-safe .raid-title{color:var(--usufuji)}.raid-screen button{min-width:200px;min-height:48px;margin-top:12px}.ghost-list{gap:8px;margin:8px 0;display:grid}.ghost-item{text-align:left;gap:2px;min-height:64px;padding:12px;display:grid}.ghost-item .g-name{font-size:16px}.bf-card{transform-origin:50% 100%;will-change:clip-path, filter;position:absolute}.bf-burnline{filter:blur(1px);background:linear-gradient(90deg,#0000,#ff9d3c,#fff2b0,#ff9d3c,#0000);border-radius:7px;height:14px;margin-top:-7px;position:absolute;box-shadow:0 0 14px 4px #ff8c28cc}.bf-ember{background:radial-gradient(closest-side,#fff2b0,#ff8a2a 70%,#0000);border-radius:50%;width:6px;height:6px;position:absolute}.bf-marker{will-change:transform, opacity;place-items:center;display:grid;position:absolute}.first-marker{border:3px solid var(--kin-light);background:radial-gradient(closest-side, color-mix(in srgb, var(--kin-bg) 80%, black), var(--kin-bg));width:100%;height:100%;box-shadow:0 0 18px color-mix(in srgb, var(--kin-light) 55%, transparent);color:var(--kin-text);font-family:var(--serif);border-radius:50%;place-items:center;display:grid;position:relative}.first-marker.owner-0{box-shadow:0 0 18px var(--p0)}.first-marker.owner-1{box-shadow:0 0 18px var(--p1)}.first-marker b{letter-spacing:.1em;font-size:1.2rem;position:relative}.first-marker-img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.first-marker.is-loading{box-shadow:none;background:0 0;border-color:#0000}.first-marker.is-loading b{visibility:hidden}.first-marker.has-img{box-shadow:none;background:0 0;border:0;border-radius:0}.first-marker.has-img b{display:none}.first-marker.has-img.owner-0 .first-marker-img{filter:drop-shadow(0 0 10px var(--p0))}.first-marker.has-img.owner-1 .first-marker-img{filter:drop-shadow(0 0 10px var(--p1))}.bid-marker-slot{width:var(--card-w);aspect-ratio:1;margin:8px auto}.first-chip{color:var(--kin-text);border:1px solid var(--kin);border-radius:999px;margin-left:6px;padding:0 6px;font-size:11px}.bid-back-note{color:var(--muted);font-size:11px}.cf-card{transform-origin:50%;will-change:transform, filter;z-index:2;margin:0;position:absolute}.cf-wash{background:radial-gradient(closest-side, color-mix(in srgb, var(--fx-own) 80%, white 10%), color-mix(in srgb, var(--fx-own) 45%, transparent));mix-blend-mode:screen;pointer-events:none;border-radius:12px;position:absolute}.cf-message .fx-message-line:nth-child(n+3){opacity:.9;font-size:.8em}.card.decider{box-shadow:0 0 0 2px var(--kin-light), 0 0 18px color-mix(in srgb, var(--kin-light) 80%, transparent);animation:1.6s ease-in-out infinite alternate decider-glow}@keyframes decider-glow{0%{filter:brightness()}to{filter:brightness(1.25)}}.score-bonus{color:var(--muted);white-space:nowrap;margin-left:4px;font-size:11px}.tie-note{color:var(--kin-text)}.leader-fx{--lf:#ffcf5a}.leader-fx.kind-web{--lf:#bfe6ff}.leader-fx.kind-shell{--lf:#7fd8ff}.leader-fx.kind-mind{--lf:#c78bff}.leader-fx.kind-shackle{--lf:#b9b2a3}.leader-fx-hit{border:2px solid var(--lf);background:radial-gradient(closest-side, color-mix(in srgb, var(--lf) 38%, transparent), transparent 80%);box-shadow:0 0 18px var(--lf), 0 0 40px color-mix(in srgb, var(--lf) 60%, transparent), inset 0 0 14px color-mix(in srgb, var(--lf) 70%, transparent);border-radius:10px;place-items:center;display:grid;position:absolute}.leader-fx.kind-shell .leader-fx-hit{border-width:3px;border-radius:14px}.leader-fx.kind-mind .leader-fx-hit{background:conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--lf) 55%, transparent), transparent 40%, color-mix(in srgb, var(--lf) 55%, transparent), transparent 80%)}.leader-fx-mark{font-family:var(--serif);letter-spacing:.08em;color:#fff8e2;text-shadow:0 0 10px var(--lf), 0 0 20px var(--lf), 0 2px 2px #000000e6;font-size:26px;font-weight:800}.leader-fx-telop{white-space:nowrap;align-items:baseline;gap:8px;display:flex;position:absolute;transform:translate(-50%,-100%)}.leader-fx-name{font-family:var(--serif);letter-spacing:.12em;color:#fff8e2;text-shadow:0 0 10px var(--lf), 0 2px 2px #000000e6;font-size:22px;font-weight:800}.leader-fx-go{letter-spacing:.3em;color:color-mix(in srgb, var(--lf) 60%, #fff);font-size:12px}.story-layer{z-index:60;color:#f3eee0;font-family:var(--serif);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0}.story-layer.story-over,.story-layer.story-over .st-stage{background:0 0}.st-stage{background:#000;max-width:520px;height:100%;margin:0 auto;position:relative;overflow:hidden}.st-bg{opacity:0;background:#000 50%/cover no-repeat;position:absolute;inset:0}.st-bg-black{background:#000}.st-bg-missing{background:radial-gradient(at 50% 40%,#241d30,#0a080d 75%)}.st-bg[data-missing]:after{content:"背景なし: " attr(data-missing);color:#ffb4ab;opacity:.8;font:11px/1.4 monospace;position:absolute;top:8px;left:8px}.st-fx{opacity:0;pointer-events:none;z-index:1;background:50%/cover no-repeat;position:absolute;inset:0}.st-vines{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.st-vine{background:50%/cover no-repeat;position:absolute;inset:0}.st-figure{opacity:0;pointer-events:none;z-index:2;filter:brightness(.85)drop-shadow(0 0 18px #000c);background:bottom/contain no-repeat;position:absolute;inset:2% 0 8%;-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.st-figure-shadow{filter:blur(3px);background:radial-gradient(9% 6% at 50% 34%,#ffbe5a8c,#0000 100%),radial-gradient(22% 14% at 50% 20%,#05030a 40%,#0000 100%),radial-gradient(30% 46% at 50% 62%,#05030a 45%,#0000 100%)}.st-dim{pointer-events:none;z-index:2;background:#000;position:absolute;inset:0}.st-narr{z-index:3;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:10% 22px 24%;overflow:hidden}.st-line{letter-spacing:.06em;text-shadow:0 1px 3px #000000f2,0 0 12px #000c;margin:0 0 .95em;font-size:17px;line-height:1.95}.st-line b,.st-bubble-text b{color:var(--kin-text);font-weight:800}.st-bubble{z-index:4;left:12px;right:12px;bottom:calc(18px + env(safe-area-inset-bottom,0px));border:1px solid var(--kin);background:linear-gradient(#14101cf0,#08060cf0);border-radius:14px;min-height:112px;padding:44px 18px 16px;position:absolute;box-shadow:0 0 0 1px #0009,0 10px 30px #0009}.st-bubble[hidden],.st-next[hidden]{display:none}.st-bubble-head{z-index:1;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:14px;transform:translateY(-50%)}.st-eye{--zoom:1.9;border-top:1px solid var(--kin);border-bottom:1px solid var(--kin);background:linear-gradient(#2a2436,#121016);height:58px;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);container-type:inline-size}.st-eye[hidden]{display:none}.st-eye img{max-width:none;width:calc(100cqw * var(--zoom));height:auto;left:calc(50cqw - var(--ex,.5) * 100cqw * var(--zoom));top:calc(50% - var(--ey,.2) * 100cqw * var(--zoom) * 1213 / 868);position:absolute}.st-name{border:1px solid var(--kin);color:var(--kin-text);letter-spacing:.12em;text-shadow:0 0 8px #e6c77980;background:#08060cf2;border-radius:999px;padding:3px 14px 4px;font-size:16px;font-weight:800}.st-bubble-text{letter-spacing:.05em;min-height:3.7em;margin:0;font-size:17px;line-height:1.85}.st-next{z-index:5;right:30px;bottom:calc(28px + env(safe-area-inset-bottom,0px));color:var(--kin-light);font-size:14px;animation:1s ease-in-out infinite st-blink;position:absolute}@keyframes st-blink{50%{opacity:.2;transform:translateY(3px)}}.st-skip{z-index:6;right:12px;top:calc(10px + env(safe-area-inset-top,0px));color:#f3eee0;min-height:0;font:700 12px/1.4 var(--serif);letter-spacing:.14em;background:#0000008c;border:1px solid #fff6;border-radius:999px;padding:4px 12px;position:absolute}.st-caption{z-index:6;color:#f1dca3;letter-spacing:.2em;opacity:0;pointer-events:none;background:#0a0814b3;border:1px solid #f1dca3b3;border-radius:4px;padding:4px 12px;font-weight:700;transition:opacity .4s;position:absolute;top:14px;right:14px}.st-ghost{opacity:0;pointer-events:none;z-index:2;position:absolute;inset:4% 0 22%}.st-ghost-img{filter:drop-shadow(0 0 16px #c8beff8c);background:bottom/contain no-repeat;position:absolute;inset:0}.st-stage:has(.st-figure[style*=background-image]):has(.st-ghost-img[style*=background-image]) .st-figure{background-position:100% bottom;background-size:72%}.st-stage:has(.st-figure[style*=background-image]):has(.st-ghost-img[style*=background-image]) .st-ghost-img{background-position:0% bottom;background-size:66%}.st-ghost-shadow{filter:blur(4px);background:radial-gradient(12% 8% at 50% 24%,#ebe4ff8c,#0000 100%),radial-gradient(26% 42% at 50% 62%,#c8beff59,#0000 100%)}.st-anim{z-index:5;pointer-events:none;mix-blend-mode:screen;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.st-anim-img{aspect-ratio:1;object-fit:cover;grid-area:1/1;width:110%;max-width:none;transform:translateY(-4%);-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000 92%);mask-image:radial-gradient(closest-side,#000 55%,#0000 92%)}.st-cage{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.st-cage-ring{aspect-ratio:1;opacity:0;border-radius:50%;width:120vmin;max-width:120vw;position:absolute;top:74%;left:50%}.st-cage-red{border:5px solid #ff4d5e;box-shadow:0 0 28px 6px #ff4d5ebf,inset 0 0 28px 6px #ff4d5e80}.st-cage-blue{border:5px solid #5b8cff;box-shadow:0 0 28px 6px #5b8cffbf,inset 0 0 28px 6px #5b8cff80}.st-cage-grid{aspect-ratio:1;opacity:0;filter:drop-shadow(0 0 10px #f1dca3);grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;width:min(78vw,46vh);margin:calc(min(78vw,46vh)/-2) 0 0 calc(min(78vw,46vh)/-2);display:grid;position:absolute;top:56%;left:50%}.st-cage-grid i{background:linear-gradient(135deg,#ff4d5e38,#5b8cff38);border:2px solid #f1dca3;box-shadow:inset 0 0 12px #f1dca399}.st-flash{z-index:7;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.st-flash-red{background:#c1121f}.st-flash-gold{background:#f1dca3}.st-flash-black{background:#000}@media (prefers-reduced-motion:reduce){.st-next{animation:none}}.card .v{transition:opacity .25s,filter .25s,scale .25s}.card .v.bf-v-win{z-index:5;color:#fff7d0;text-shadow:0 0 6px #ffcf5a,0 0 14px #ffcf5a,0 0 26px #ffcf5acc;scale:1.45}.card .v.bf-v-hi{z-index:4;color:#fff3c8;text-shadow:0 0 6px #ffcf5a,0 0 12px #ffcf5ab3;scale:1.2}.card .v.bf-v-lose{opacity:.2;filter:brightness(.35);scale:.9}.bf-caption,.bf-tally{text-align:center;border:1px solid color-mix(in srgb, var(--kin) 70%, transparent);opacity:0;background:#0a090ed1;border-radius:999px;width:max-content;max-width:92vw;padding:4px 14px;position:absolute;transform:translate(-50%)}.bf-caption{font-family:var(--serif);letter-spacing:.08em;color:#fff8e2;text-shadow:0 0 8px var(--kin);font-size:15px;font-weight:800;transform:translate(-50%,-100%)}.bf-tally{color:var(--kin-text);border-radius:12px;font-size:13px}.bf-tally b{color:#fff3c8;letter-spacing:.1em;font-size:14px}.bid-skip{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 20px);z-index:60;border:1px solid var(--kin-light);min-height:48px;color:var(--kin-text);font-family:var(--serif);letter-spacing:.08em;white-space:nowrap;background:#0e0d11e0;border-radius:999px;padding:10px 26px;font-size:15px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 0 14px #000000b3}.bid-skip:active{background:color-mix(in srgb, var(--kin) 35%, #0e0d11e6)}body.screen-prologue #app{background:#05030a;padding:0}.pc-screen{color:#f3eee0;max-width:520px;font-family:var(--serif);background:radial-gradient(at 50% 46%,#1a1020,#05030a 70%);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0}.pc-title{text-align:center;letter-spacing:.2em;margin:0;padding:22px 16px 6px;font-size:1.15rem}.pc-field{background:var(--slot-ev-choice-image-story-bg-seal-choice,url(/assets/story/bg-seal-choice.webp)) center / cover no-repeat;flex:1;min-height:0;position:relative}.pc-okase{aspect-ratio:1;color:#ffffff59;border-radius:50%;place-items:center;width:26%;font-size:.8rem;display:grid;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)}.pc-okase span{display:none}.pc-chara{opacity:.35;pointer-events:none;mix-blend-mode:screen;filter:blur(1px);height:52%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.pc-light{aspect-ratio:1;cursor:pointer;z-index:2;background:0 0;border:0;width:22%;min-width:64px;min-height:64px;padding:0;position:absolute;transform:translate(-50%,-50%)}.pc-light span{background:radial-gradient(circle, rgba(var(--c),.95) 0%, rgba(var(--c),.45) 40%, rgba(var(--c),0) 70%);mix-blend-mode:screen;border-radius:50%;width:100%;height:100%;transition:transform .3s;animation:2.4s ease-in-out infinite pc-pulse;display:block}.pc-light.on span{transform:scale(1.5)}@keyframes pc-pulse{50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.pc-light span{animation:none}}.pc-info{min-height:120px;padding:8px 18px calc(max(16px, env(safe-area-inset-bottom)) + 12px);text-align:center}.pc-light-text{color:#d9c9a0;margin:0 0 10px;font-size:.95rem}.pc-say{margin:0;font-size:1rem;line-height:1.7}.pc-say b{margin-right:.4em}.pc-confirm{z-index:5;background:#000000b3;place-items:center;display:grid;position:absolute;inset:0}.pc-confirm[hidden]{display:none}.pc-confirm-box{text-align:center;background:#120a18;border:1px solid #ffffff40;border-radius:12px;width:min(86%,340px);padding:22px 18px}.pc-confirm-box p{margin:0 0 10px}.pc-confirm-name{font-size:1.3rem}.pc-confirm-btns{flex-direction:column;gap:10px;margin-top:14px;display:flex}.pc-confirm-btns button{min-height:48px;color:inherit;font:inherit;background:#2a1a30;border:1px solid #ffffff4d;border-radius:10px}.pc-confirm-btns .pc-yes{background:#7a2430}.tut-glow{z-index:2;animation:1s ease-in-out infinite alternate tut-glow;position:relative}.cell.tut-glow,.leader-btn.tut-glow{box-shadow:0 0 0 3px #fff3c8,0 0 18px 4px #ffd678f2}@keyframes tut-glow{0%{filter:brightness()drop-shadow(0 0 4px #ffd67899)}to{filter:brightness(1.25)drop-shadow(0 0 14px #ffd678)}}@media (prefers-reduced-motion:reduce){.tut-glow{filter:drop-shadow(0 0 10px #ffd678);animation:none}}.tut-dim{opacity:.45;pointer-events:none}.tut-catch{z-index:30;cursor:pointer;background:#05040847;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.tut-win{box-sizing:border-box;width:min(100%,520px);padding:14px 16px calc(max(14px, env(safe-area-inset-bottom)) + 8px);border-top:2px solid var(--kin-light,#e6c779);color:#f3eee0;font-family:var(--serif);background:linear-gradient(#140e1cf0,#0a0710fa);align-items:center;gap:12px;margin:0 auto;line-height:1.7;display:flex;position:relative}.tut-win.info{border-top-color:#ffffff59}.tut-tip{top:calc(env(safe-area-inset-top,0px) + 50px);box-sizing:border-box;z-index:18;border:1px solid var(--kin-light,#e6c779);color:#f3eee0;max-width:500px;font-family:var(--serif);pointer-events:none;background:#0e0a16eb;border-radius:10px;margin:0 auto;padding:8px 12px;font-size:.82rem;line-height:1.55;position:fixed;left:10px;right:10px}.tut-tip p{margin:0}.tut-tip p+p{margin-top:4px}.first-hint-tip{top:calc(env(safe-area-inset-top,0px) + 64px);pointer-events:none;padding-bottom:6px;font-size:.74rem;line-height:1.5}.first-hint-tip .first-hint-close{pointer-events:auto;min-height:32px;font:inherit;color:inherit;opacity:.8;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;margin:4px 0 0 auto;padding:4px 12px;font-size:.76rem;display:block}.first-hint-catch .tut-next,:root[data-theme=pop] .first-hint-catch .tut-next{animation:none;bottom:44px}.first-hint-catch .tut-body p{font-size:.84rem;line-height:1.6}.first-hint-catch .tut-body p+p{margin-top:6px}.first-hint-catch{outline:none}.first-hint-catch .tut-win,:root[data-theme=pop] .first-hint-catch .tut-win.info{padding-bottom:60px}.tut-face{flex:0 0 56px;width:56px;height:56px}.tut-body{flex:auto;min-width:0}.tut-body p{margin:0;font-size:.98rem}.tut-who{color:#e6c779;margin-bottom:2px;font-size:.8rem;display:block}.tut-next{right:14px;bottom:calc(max(14px, env(safe-area-inset-bottom)) - 4px);color:#e6c779;font-size:.8rem;animation:1s steps(2,end) infinite tut-blink;position:absolute}@keyframes tut-blink{50%{opacity:.2}}.card.no-art .art-bg{background:radial-gradient(ellipse at 50% 38%, hsl(var(--hue,260) 38% 30% / .9), transparent 70%), repeating-linear-gradient(135deg, hsl(var(--hue,260) 30% 21%) 0 7px, hsl(var(--hue,260) 30% 16%) 7px 14px)}.board .card.no-art.owner-0 .art-bg{background:radial-gradient(at 50% 40%,#3a5a9c,#1c2c55 65%,#0f1730)}.board .card.no-art.owner-1 .art-bg{background:radial-gradient(at 50% 40%,#a83a4e,#5a1a2a 65%,#2c0c15)}.card.no-art .art-name{background:0 0}.card.no-art .art-name span{color:color-mix(in srgb, var(--tier) 55%, #d8d0e4);opacity:.85}.art-glyph{font-family:var(--serif);color:hsl(var(--hue,260) 45% 70% / .2);pointer-events:none;justify-content:center;align-items:center;font-size:62cqw;line-height:1;display:flex;position:absolute;inset:12cqw 0 26cqw}.face-glyph{font-family:var(--serif);color:#efe6c6;background:radial-gradient(circle at 50% 40%, hsl(var(--hue,260) 40% 32%), hsl(var(--hue,260) 35% 14%));justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;inset:0}.pack-bonus{text-align:center;background:#281c0a8c;border:1px solid #e6c77999;border-radius:10px;margin:10px 0;padding:10px 12px;line-height:1.7;animation:1.4s ease-in-out infinite alternate pack-bonus-glow}.pack-bonus.boss{background:#320c1099;border-color:#dc5050b3}.pack-bonus button{margin-top:8px}@keyframes pack-bonus-glow{0%{box-shadow:0 0 4px #e6c7794d}to{box-shadow:0 0 16px #e6c779cc}}@media (prefers-reduced-motion:reduce){.pack-bonus{animation:none}}.shard-panel{border:1px solid var(--line-3,#fff3);background:#14101c80;border-radius:10px;margin:8px 0 12px;padding:8px 12px}.shard-panel h3{margin:0 0 6px;font-size:.9rem}.shard-row{align-items:center;gap:10px;padding:4px 0;display:flex}.shard-row.ready .shard-name{color:#e6c779}.shard-img{object-fit:contain;flex:0 0 36px;width:36px;height:36px}.shard-name{margin-right:8px}.shard-count{color:#e6c779;font-variant-numeric:tabular-nums}.shard-row p{margin:2px 0 0;font-size:.78rem}.ai-notice{text-align:center;color:var(--muted);margin:14px 0 4px;font-size:11px;line-height:1.6;display:block}.ai-notice.on-title{left:12px;right:12px;bottom:max(10px, calc(env(safe-area-inset-bottom) + 6px));color:#e7e2eebf;text-shadow:0 1px 3px #000000e6;margin:0;position:absolute}.credit-text{margin:4px 0;font-size:12px;line-height:1.7}.title-buttons{z-index:2;left:50%;bottom:max(58px, calc(env(safe-area-inset-bottom) + 46px));flex-direction:column;gap:8px;width:min(76%,280px);display:flex;position:absolute;transform:translate(-50%)}.title-btn{box-sizing:border-box;border:1px solid var(--kin-text);width:100%;height:52px;min-height:44px;color:var(--kin-text);font-family:var(--serif);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e0d118c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 12px;display:flex}.title-btn-label{letter-spacing:.12em;font-size:15px;font-weight:700;line-height:1.2}.title-btn-sub{letter-spacing:.04em;opacity:.85;font-size:11px;line-height:1.2}.title-btn:focus-visible{outline:2px solid var(--kin-text);outline-offset:2px}@media (height<=700px){.title-buttons{bottom:max(50px, calc(env(safe-area-inset-bottom) + 40px));gap:6px}.title-btn{height:46px}}.title-link-msg{text-align:center;color:var(--kin-text);text-shadow:0 1px 3px #000000e6;font-size:13px;position:absolute;bottom:calc(100% + 6px);left:-12%;right:-12%}.title-credits{z-index:40;background:#050408b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.title-credits[hidden]{display:none}.title-credits-box{border:1px solid var(--line-2);background:var(--panel);border-radius:14px;width:min(100%,380px);max-height:86vh;padding:18px 18px 16px;font-size:13px;line-height:1.7;overflow:auto}.title-credits-box h2,.title-credits-box p{margin:0 0 8px}.twoname{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:-8px;display:flex}.twoname-lv{color:#241a08;background:var(--kin);border-radius:999px;padding:1px 8px;font-size:13px;font-weight:800}.twoname-text{font-family:var(--serif);font-size:16px}.twoname-bar{background:#26212e;border-radius:3px;flex:60px;max-width:120px;height:6px;overflow:hidden}.twoname-bar i{background:var(--kin);height:100%;display:block}.opp-hand{flex:none;justify-content:center;gap:6px;display:flex}.opp-mini{--tier:var(--tier-1);border:2px solid var(--tier);color:#fff;background:#00000059;border-radius:6px;width:50px;height:56px;font-size:13px;font-weight:800;line-height:1;position:relative}.opp-mini.s-2{--tier:var(--tier-2)}.opp-mini.s-3{--tier:var(--tier-3)}.opp-mini.s-4{--tier:var(--tier-4)}.opp-mini .om-v{position:absolute}.opp-mini .om-v.t{top:3px;left:50%;translate:-50%}.opp-mini .om-v.b{bottom:3px;left:50%;translate:-50%}.opp-mini .om-v.l{top:50%;left:4px;translate:0 -50%}.opp-mini .om-v.r{top:50%;right:4px;translate:0 -50%}.opp-mini .om-star{text-align:center;color:var(--tier);font-size:8px;position:absolute;inset:50% 0 auto;translate:0 -50%}.opp-leader-slot{border-radius:10px;flex:0 0 58px;align-self:stretch;width:58px}.opp-leader-slot.has{border:1px solid var(--line-2);background:var(--panel-2);color:var(--p1-text);place-items:center;font-size:22px;display:grid;position:relative;overflow:hidden}.opp-hand{justify-content:flex-start}.opp-hand .opp-leader-slot+.opp-mini{margin-left:auto}.opp-hand .opp-mini:last-child{margin-right:auto}.reward-spread{z-index:19;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060814db;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;animation:.25s ease-out spread-in;display:flex;position:fixed;inset:0}@keyframes spread-in{0%{opacity:0}to{opacity:1}}.spread-title{color:#fff;text-align:center;margin:0;font-size:20px;font-weight:800}.reward-spread.pick .spread-title{color:var(--p1-text)}.reward-spread.guard .spread-title{color:var(--p0-text)}.spread-sub{color:var(--usufuji);text-align:center;margin:0 0 6px;font-size:12px}.spread-row{flex-wrap:wrap;justify-content:center;gap:12px;max-width:min(100%,420px);display:flex}.spread-item .card{--card-w:min(30vw, 120px);cursor:pointer;animation:.35s cubic-bezier(.2,.8,.3,1.2) backwards spread-card}.spread-item:nth-child(2) .card{animation-delay:50ms}.spread-item:nth-child(3) .card{animation-delay:.1s}.spread-item:nth-child(4) .card{animation-delay:.15s}.spread-item:nth-child(5) .card{animation-delay:.2s}@keyframes spread-card{0%{opacity:0;transform:translateY(24px)scale(.85)}}.spread-item .card:hover,.spread-item .card:focus-visible{transform:translateY(-6px)}.spread-peek,.spread-reopen{margin-top:8px;font-size:13px}.spread-reopen{z-index:19;position:fixed;bottom:16px;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.reward-spread,.spread-item .card{animation:none}}.credit-list{text-align:left;margin:0 0 10px;padding-left:1.2em;font-size:13px;line-height:1.6}.credit-list a{color:inherit;text-decoration:underline}.vs-layer{z-index:40;color:#fff;cursor:pointer;background:radial-gradient(at 50% 40%,#1d2a5e,#0b1028 70%);position:fixed;inset:0;overflow:hidden}.vs-layer.vs-boss{background:radial-gradient(at 50% 40%,#4a1730,#14060f 70%)}.vs-bg{opacity:.85;height:56.25vw;max-height:100%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.vs-boss .vs-bg{filter:hue-rotate(140deg)saturate(1.4)}.vs-video{object-fit:cover;width:100%;height:100%;display:block}.vs-side{pointer-events:none;width:58%;position:absolute}.vs-you{top:6%;left:2%}.vs-foe{bottom:9%;right:2%}.vs-stand{aspect-ratio:868/1213;background:linear-gradient(160deg, hsl(var(--hue) 55% 42%), hsl(var(--hue) 60% 18%));border:3px solid #0b1028;border-radius:18px;max-height:46vh;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 6px #0b1028}.vs-glyph{font:400 clamp(64px, 22vw, 120px) / 1 var(--display,sans-serif);color:#ffffffd9;place-items:center;display:grid;position:absolute;inset:0}.art-prep{color:#f1dca3;font:700 .62em / 1.5 var(--serif,serif);letter-spacing:.1em;white-space:nowrap;background:#0a08149e;border-radius:999px;padding:1px 8px;position:absolute;top:56%;left:50%;translate:-50%}.vs-prep{color:#f1dca3;font:700 14px / 1.5 var(--serif,serif);letter-spacing:.12em;background:#0a08149e;border-radius:999px;padding:2px 12px;position:absolute;top:62%;left:50%;translate:-50%}.vs-silhouette{background:linear-gradient(160deg,#1b1424,#05030a)}.vs-silhouette .vs-glyph{color:#ffffff2e}.vs-silhouette .vs-img{filter:brightness(0)}.vs-prebattle .vs-img{filter:none}.vs-img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.vs-plate{text-align:center;color:#0b1028;background:#fff8e6;border:3px solid #0b1028;border-radius:999px;width:max-content;min-width:60%;max-width:96%;margin-inline:auto;padding:6px 14px 8px;position:absolute;bottom:-2px;left:0;right:0;box-shadow:0 4px #0b1028}.vs-plate b{font:900 18px / 1.2 var(--serif,sans-serif);display:block}.vs-plate small{font:700 12px / 1.3 var(--serif,sans-serif);opacity:.8;display:block}.vs-foe .vs-plate{background:#ffe1e8}.vs-mark{font:400 clamp(72px, 26vw, 128px) / 1 var(--display,sans-serif);color:var(--vs-mark-color,#ffd23f);-webkit-text-stroke:6px #0b1028;paint-order:stroke fill;text-shadow:0 8px #0b1028;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vs-bosslabel{font:900 14px / 1.3 var(--serif,sans-serif);letter-spacing:.12em;pointer-events:none;background:#e0264f;border:3px solid #0b1028;border-radius:6px;padding:4px 14px;position:absolute;top:12px;right:12px;box-shadow:0 3px #0b1028}.vs-wave{pointer-events:none;border:4px solid #ffd23f;border-radius:50%;width:40vmin;height:40vmin;position:absolute;top:50%;left:50%}.vs-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.vs-skip{left:50%;bottom:max(14px, env(safe-area-inset-bottom));min-height:40px;font:700 13px / 1.3 var(--serif,sans-serif);color:#fff;background:#0b1028b3;border:2px solid #ffffff80;border-radius:999px;padding:6px 18px;position:absolute;transform:translate(-50%)}.vs-static .vs-mark{opacity:1}.fx-bonus-plus{font:400 30px / 1 var(--display,sans-serif);color:#ffd23f;-webkit-text-stroke:4px #0b1028;paint-order:stroke fill;pointer-events:none;position:absolute}.score-bonus.is-pending{color:var(--kin-text,#fff1b8)}.title-screen.is-starting .title-buttons{opacity:0;pointer-events:none;transition:opacity .6s}.title-screen.is-starting:after{content:"";opacity:0;pointer-events:none;animation:title-starting-dim var(--title-dim,5s) ease-in forwards;background:#0b1028;position:absolute;inset:0}@keyframes title-starting-dim{to{opacity:var(--title-dim-opacity,.85)}}@media (prefers-reduced-motion:reduce){.title-screen.is-starting:after{animation:none}}.pk-bonus{text-align:center;color:#d9b36a;margin:.25rem 0;font-weight:700}.menu-btn.menu-ogase .menu-btn-frame{border-color:var(--fuji)}.menu-btn.menu-ogase .sub{color:var(--usufuji)}.ogase-kit{font-size:11px}.card.drawn-new,.opp-mini.drawn-new{animation:.55s cubic-bezier(.2,.9,.3,1.2) both drawn-in,.8s ease-in-out .55s 2 drawn-pulse;position:relative}.card.drawn-new:after,.opp-mini.drawn-new:after{content:"NEW";color:#1a1410;letter-spacing:.08em;pointer-events:none;z-index:5;background:#d9b45a;border-radius:9px;padding:1px 7px;font:700 10px/1.3 sans-serif;position:absolute;top:-8px;left:50%;transform:translate(-50%)}@keyframes drawn-in{0%{opacity:0;transform:translateY(-34px)scale(1.15)}to{opacity:1;transform:none}}@keyframes drawn-pulse{50%{box-shadow:0 0 0 3px #d9b45a,0 0 18px 4px #d9b45abf}}@media (prefers-reduced-motion:reduce){.card.drawn-new,.opp-mini.drawn-new{animation:none;box-shadow:0 0 0 3px #d9b45a}}.sf-slots{justify-content:center;gap:5px;margin:8px 0 2px;display:flex}.sf-slots i{border:1px solid var(--line-3);background:#ffffff0a;width:14px;height:14px;transform:rotate(45deg)}.sf-slots i.on{background:linear-gradient(135deg, var(--kin-light), var(--fuji));border-color:var(--kin-light);box-shadow:0 0 6px #e6c77999}.sf-count{text-align:center;font-family:var(--serif,serif);letter-spacing:.08em;color:var(--kin-light)}.sf-glow{pointer-events:none;mix-blend-mode:screen;opacity:.55;background:repeating-conic-gradient(at 50% 52%,#ffecaa80 0deg 5deg,#0000 5deg 36deg),radial-gradient(closest-side,#ffdc8c8c,#0000 70%);animation:2.8s ease-in-out infinite sf-glow-pulse;position:absolute;inset:-30%;-webkit-mask-image:radial-gradient(closest-side,#000 35%,#0000 100%);mask-image:radial-gradient(closest-side,#000 35%,#0000 100%)}@keyframes sf-glow-pulse{0%,to{opacity:.25;transform:scale(.96)rotate(0)}50%{opacity:.7;transform:scale(1.04)rotate(6deg)}}.shard-fx{z-index:9000;color:var(--usufuji);cursor:pointer;background:#040308f0;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:fixed;inset:0}.shard-fx.go{animation:sf-fade var(--sf-fade,.35s) ease-out both}.shard-fx.out{opacity:0;transition:opacity .16s}.shard-fx .sf-gem{mix-blend-mode:screen;z-index:1;width:min(62vw,260px)}.shard-fx .sf-glow{position:absolute;inset:8% -20% 40%}.shard-fx .sf-text{z-index:1;text-align:center;font-family:var(--serif,serif);font-size:1.15rem}.shard-fx .sf-text span{opacity:.85;margin-left:.4em;font-size:.9rem}.shard-fx .sf-skip{opacity:.5;font-size:.75rem;position:absolute;bottom:24px}.shard-fx .sf-slots,.shard-fx .sf-count{z-index:1}.shard-fx.go .sf-gem{animation:sf-drop var(--sf-drop,.9s) cubic-bezier(.2, .7, .2, 1) var(--sf-drop-at,.15s) both}.shard-fx.go .sf-text,.shard-fx.go .sf-slots,.shard-fx.go .sf-count{animation:sf-rise var(--sf-text,.5s) ease-out var(--sf-text-at,.95s) both}.shard-fx.go .sf-slots i.new{animation:sf-slot var(--sf-slot,.6s) ease-out var(--sf-slot-at,1.15s) both}@keyframes sf-fade{0%{opacity:0}to{opacity:1}}@keyframes sf-drop{0%{opacity:0;transform:translateY(-48vh)scale(.7)}70%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sf-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sf-slot{0%{transform:rotate(45deg)scale(.2);box-shadow:0 0 #e6c77900}60%{transform:rotate(45deg)scale(1.6);box-shadow:0 0 14px #ffecaae6}to{transform:rotate(45deg)scale(1)}}.shards-screen{padding:0 16px 24px}.shard-card{border:1px solid var(--line-3);text-align:center;background:#0c0a12b3;border-radius:12px;margin:14px 0;padding:10px 12px 14px;position:relative;overflow:hidden}.shard-card h3{font-family:var(--serif,serif);color:var(--usufuji);margin:4px 0 0;font-size:1.05rem}.shard-card .shard-sub{color:var(--fuji);margin:2px 0;font-size:.8rem}.shard-card .shard-text{opacity:.85;margin:4px 0 6px;font-size:.8rem}.shard-card .shard-art{justify-content:center;height:150px;display:flex;position:relative}.shard-card .shard-art img{object-fit:contain;mix-blend-mode:screen;width:auto;max-width:100%;height:100%;position:relative}.shard-card.ready{border-color:var(--kin)}.shard-card .shard-ready{color:var(--kin-light);margin:6px 0 0;font-size:.8rem}.pt-shard.is-ready,.menu-shard.is-ready{animation:2.8s ease-in-out infinite sf-menu-glow}@keyframes sf-menu-glow{0%,to{box-shadow:0 0 #ffdc8c00}50%{box-shadow:0 0 14px #ffdc8ca6}}@media (prefers-reduced-motion:reduce){.sf-glow,.pt-shard.is-ready,.menu-shard.is-ready{animation:none}}.wild-practice{text-align:center;margin:4px 0 10px}.wild-practice button{color:var(--usufuji);opacity:.8;background:0 0;border:none;padding:6px 10px;font-size:.8rem;text-decoration:underline}.fx-crack{z-index:8;pointer-events:none;opacity:0;position:absolute}.fx-crack svg{width:100%;height:100%;overflow:visible}.fx-crack path{fill:none;stroke:#fff;stroke-width:3.2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #ffffffe6)}.boss-cutin{z-index:9000;cursor:pointer;background:#060308ed;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.boss-cutin.out{opacity:0;transition:opacity .16s}.boss-cutin .bc-band{background:radial-gradient(circle at 50% 50%, hsl(var(--hue,340) 40% 22%), #120a10);border-block:2px solid #8a2b3c;width:100%;height:130px;position:relative;overflow:hidden;box-shadow:0 0 24px #c8284699}.boss-cutin .bc-band img{max-width:none;height:auto;position:absolute}.boss-cutin .bc-glyph{font-family:var(--serif,serif);color:#ffffffd9;justify-content:center;align-items:center;font-size:84px;display:flex;position:absolute;inset:0}.boss-cutin .bc-text{text-align:center;color:#fff3c8;font-family:var(--serif,serif)}.boss-cutin .bc-text b{letter-spacing:.12em;text-shadow:0 0 14px #ff5a5acc;font-size:1.6rem;display:block}.boss-cutin .bc-text span{opacity:.85;font-size:.95rem}.boss-cutin.go{animation:bc-fade var(--bc-fade,.25s) ease-out both}.boss-cutin.go .bc-band{animation:bc-slide var(--bc-band,.55s) cubic-bezier(.15, .8, .2, 1) var(--bc-band-at,.1s) both}.boss-cutin.go .bc-text{animation:bc-text var(--bc-text,.4s) ease-out var(--bc-text-at,.75s) both}@keyframes bc-fade{0%{opacity:0}to{opacity:1}}@keyframes bc-slide{0%{transform:translate(-110%)}to{transform:translate(0)}}@keyframes bc-text{0%{opacity:0;transform:scale(var(--bc-text-scale,1.5))}to{opacity:1;transform:scale(1)}}.staffroll-layer{z-index:9500;color:#f3eee0;font-family:var(--serif);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;position:fixed;inset:0}.sr-viewport{position:absolute;inset:0;overflow:hidden}.sr-track{padding:0 16px;position:absolute;top:0;left:0;right:0}.sr-title{letter-spacing:.3em;margin:0 0 30vh;font-size:2.4rem}.sr-section{margin:0 0 18vh}.sr-section h3{letter-spacing:.2em;opacity:.65;margin:0 0 .8em;font-size:.85rem;font-weight:400}.sr-section p{max-width:30em;margin:.35em auto;font-size:1.1rem;line-height:1.6}.sr-end{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:absolute;inset:0}.sr-thanks{letter-spacing:.12em;margin:0;font-size:1.6rem}.sr-hint{opacity:.6;margin-top:2em;font-size:.8rem}.sr-ended .sr-end{opacity:1}.sr-ended .sr-viewport,.sr-ended .sr-skip{opacity:0;transition:opacity .8s}.sr-skip{right:12px;top:calc(12px + env(safe-area-inset-top));color:inherit;background:0 0;border:1px solid #f3eee066;border-radius:999px;padding:4px 14px;font-size:.8rem;position:absolute}.sr-static .sr-viewport{opacity:1;overflow-y:auto}.sr-static .sr-track{padding:10vh 16px 30vh;position:static}.sr-static .sr-end{background:linear-gradient(#0000,#000 40%);height:25vh;transition:none;top:auto}.sr-static .sr-title,.sr-static .sr-section{margin-bottom:6vh}.hype-stamp{white-space:nowrap;will-change:transform, opacity;position:absolute}.hype-text{font-family:var(--display,var(--serif));letter-spacing:.04em;color:#fff;-webkit-text-stroke:2px color-mix(in srgb, var(--fx-own) 60%, #000);paint-order:stroke fill;text-shadow:0 0 12px var(--fx-own), 0 0 30px color-mix(in srgb, var(--fx-own) 75%, transparent), 0 4px 0 color-mix(in srgb, var(--fx-own) 45%, #000), 0 6px 10px #000000b3;font-size:clamp(40px,13vw,64px);font-weight:900;line-height:1;display:block;position:relative}.hype-reversal .hype-text{color:var(--kin-light);-webkit-text-stroke:3px color-mix(in srgb, var(--fx-own) 70%, #000);text-shadow:0 0 14px var(--kin-light), 0 0 36px var(--fx-own), 0 5px 0 color-mix(in srgb, var(--kin) 50%, #000), 0 8px 14px #000000bf;font-size:clamp(52px,17vw,84px)}.hype-burst{aspect-ratio:2;background:radial-gradient(closest-side, color-mix(in srgb, var(--kin-light) 70%, transparent), color-mix(in srgb, var(--fx-own) 45%, transparent) 55%, transparent);mix-blend-mode:screen;opacity:0;border-radius:50%;width:150%;position:absolute;top:50%;left:50%}.side-row .score.score-up,.side-row .score.score-down{display:inline-block;position:relative}.side-row .score.score-up{animation:.52s cubic-bezier(.2,.9,.3,1.4) score-up}.side-row .score.score-down{animation:.42s ease-out score-down}.score-delta{color:var(--own);text-shadow:0 0 6px var(--own), 0 1px 2px #000c;pointer-events:none;font-size:14px;animation:.9s ease-out forwards score-delta;position:absolute;bottom:100%;left:50%}@keyframes score-up{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(2);transform:scale(1.7)}to{filter:brightness();transform:scale(1)}}@keyframes score-down{0%{transform:translateY(0)}30%{filter:grayscale(.6)brightness(.7);transform:translateY(4px)scale(.85)}to{transform:translateY(0)}}@keyframes score-delta{0%{opacity:0;transform:translate(-50%,6px)}25%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-14px)}}.battle.final-turn{--final:var(--p0)}.battle.final-turn.final-cpu{--final:var(--p1)}.battle.final-turn .board-area{position:relative}.battle.final-turn .board{animation:1.1s ease-in-out infinite final-pulse}.battle.final-turn .board-area:before{content:"最後の一手";z-index:2;font-family:var(--display,var(--serif));letter-spacing:.12em;color:#fff;background:color-mix(in srgb, var(--final) 70%, #000);box-shadow:0 0 12px var(--final);pointer-events:none;border-radius:999px;padding:2px 12px;font-size:13px;position:absolute;top:-4px;left:50%;transform:translate(-50%,-100%)}.battle.final-turn .cell:not(:has(.card)){animation:1.1s ease-in-out infinite final-beat}@keyframes final-pulse{0%,to{box-shadow:0 0 #0000}14%{box-shadow:0 0 22px 4px color-mix(in srgb, var(--final) 75%, transparent)}28%{box-shadow:0 0 6px 1px color-mix(in srgb, var(--final) 40%, transparent)}42%{box-shadow:0 0 18px 3px color-mix(in srgb, var(--final) 65%, transparent)}}@keyframes final-beat{0%,to{transform:scale(1)}14%{transform:scale(1.06)}28%{transform:scale(1)}42%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){:is(.battle.final-turn .board,.battle.final-turn .cell:not(:has(.card))){animation:none}.battle.final-turn .board{box-shadow:0 0 14px 2px color-mix(in srgb, var(--final) 60%, transparent)}}:root[data-theme=pop]{--pop-navy:#24304f;--pop-navy-deep:#141c38;--pop-navy-ink:#0b1028;--pop-yellow:#ffd23f;--pop-yellow-deep:#f2b705;--pop-cyan:#29b6f6;--pop-green:#49c85a;--pop-pink:#ff6f91;--pop-cream:#fff8e6;--pop-white:#fff;--pop-shadow:0 4px 0 var(--pop-navy-ink);--pop-outline:0 0 0 2px var(--pop-navy-ink);--outer:#0b1028;--sumi:#141c38;--panel:#1e2a52;--panel-2:#26346a;--line:#3a4c8a;--line-2:#4a5fa6;--line-3:#8fa4e6;--fuji:var(--pop-cyan);--usufuji:#bfe8ff;--nadeshiko:var(--pop-pink);--kin:var(--pop-yellow);--kin-light:#ffe27a;--kin-text:#fff1b8;--kin-bg:#3a3214;--text:#fff;--muted:#b9c6ec;--muted-2:#97a6d6;--p0:#3fc2ff;--p0-text:#bfe8ff;--p0-deep:#1a4f8f;--p1:#ff5d7a;--p1-text:#ffc2cd;--p1-deep:#8f1d3a;--serif:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "M PLUS Rounded 1c", "Zen Kaku Gothic New", sans-serif;--display:"Dela Gothic One", "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--pop-sky:radial-gradient(circle at 90% 21%, #fff2a6 0 22px, #ffec9673 25px, #ffec961f 38px, transparent 56px), radial-gradient(1.5px 1.5px at 18% 9%, #fff 99%, transparent), radial-gradient(1.5px 1.5px at 42% 4%, #fff 99%, transparent), radial-gradient(1px 1px at 63% 14%, #fff 99%, transparent), radial-gradient(1.5px 1.5px at 8% 26%, #fff 99%, transparent), radial-gradient(1px 1px at 74% 30%, #fff 99%, transparent);--pop-night:radial-gradient(3px 3px at 14% 78%, #e4ff7a 99%, transparent), radial-gradient(2px 2px at 82% 70%, #e4ff7a 99%, transparent), radial-gradient(2.5px 2.5px at 58% 88%, #e4ff7a 99%, transparent), radial-gradient(ellipse 70% 90px at 12% 100%, #12452c 98%, transparent), radial-gradient(ellipse 75% 110px at 92% 100%, #165a34 98%, transparent), radial-gradient(ellipse 60% 70px at 50% 100%, #0f3a25 98%, transparent), linear-gradient(#1c2c66, #172456 35%, #111a40 70%, #0d1f2c)}:root[data-theme=pop] body,:root[data-theme=pop]{background:var(--outer)}:root[data-theme=pop] body[class] #app{background:var(--pop-night)}:root[data-theme=pop] body.screen-menu #app{background:var(--pop-sky), var(--pop-night)}:root[data-theme=pop] body[class] #app:has(.battle.hot){background:linear-gradient(#ff5d7a38, #ff5d7a0d), var(--pop-night)}:root[data-theme=pop] h1,:root[data-theme=pop] h2,:root[data-theme=pop] h3{letter-spacing:.04em;font-weight:900}:root[data-theme=pop] .icon{stroke-width:2.2px}:root[data-theme=pop] button,:root[data-theme=pop] select{border-width:2px;border-radius:14px;font-weight:700}:root[data-theme=pop] select{background:var(--panel-2)}:root[data-theme=pop] :is(.actions,.toolbar,.tabs,.filters,.chips)>button,:root[data-theme=pop] button:is(.wide,.accent,.active){box-shadow:var(--pop-shadow);border-color:#ffffffd9}:root[data-theme=pop] :is(.actions,.toolbar,.tabs,.filters,.chips)>button:active:not(:disabled),:root[data-theme=pop] button:is(.wide,.accent,.active):active:not(:disabled){box-shadow:0 2px 0 var(--pop-navy-ink);transform:translateY(2px)}:root[data-theme=pop] button.active{background:var(--pop-cyan);color:var(--pop-navy-ink)}:root[data-theme=pop] button.primary{font-family:var(--serif);letter-spacing:.06em;color:var(--pop-navy-ink);background:var(--pop-yellow);border:2px solid var(--pop-white);box-shadow:var(--pop-outline), var(--pop-shadow);font-weight:900}:root[data-theme=pop] button.primary:active:not(:disabled){box-shadow:var(--pop-outline), 0 2px 0 var(--pop-navy-ink);transform:translateY(2px)}@media (hover:hover){:root[data-theme=pop] button:not(.cell):hover:not(:disabled),:root[data-theme=pop] select:hover:not(:disabled){border-color:var(--pop-yellow)}:root[data-theme=pop] button.primary:hover:not(:disabled){border-color:var(--pop-white);box-shadow:var(--pop-outline), var(--pop-shadow), 0 0 0 5px #ffd23f59}}:root[data-theme=pop] button:focus-visible,:root[data-theme=pop] select:focus-visible{outline:3px solid var(--pop-yellow)}:root[data-theme=pop] input[type=range]{accent-color:var(--pop-yellow)}:root[data-theme=pop] :is(.panel,.rank-card,.stat-box,.profile-panel){background:var(--panel);box-shadow:var(--pop-shadow);border:2px solid #ffffffd9;border-radius:16px}:root[data-theme=pop] .panel-title{color:var(--pop-yellow);font-weight:900}:root[data-theme=pop] .notice{border-left-color:var(--pop-pink);background:#ff6f9124;border-radius:0 12px 12px 0}:root[data-theme=pop] .tag{color:var(--pop-navy-ink);background:var(--pop-yellow)}:root[data-theme=pop] .chip{border-width:2px;font-weight:700}:root[data-theme=pop] .bar{background:var(--pop-navy-ink);border:2px solid #ffffffd9;border-radius:6px;height:8px}:root[data-theme=pop] .bar>div{background:linear-gradient(90deg, var(--pop-green), var(--pop-yellow))}:root[data-theme=pop] .screen-head{background:linear-gradient(#141c38f5,#141c38d6);border-bottom:2px solid #ffffff1f}:root[data-theme=pop] .screen-head h1{font-family:var(--serif);font-weight:900}:root[data-theme=pop] button.icon-button{border:2px solid var(--pop-white);background:var(--pop-navy);color:var(--pop-white);box-shadow:var(--pop-shadow)}:root[data-theme=pop] .dev-badge{color:var(--muted);border-color:#fff9}:root[data-theme=pop] .ai-notice{color:var(--muted)}:root[data-theme=pop] .card{border:3px solid var(--tier);background:var(--pop-navy-deep);box-shadow:var(--pop-outline), 0 4px 0 var(--pop-navy-ink), 0 6px 12px #00000059;border-radius:10px}:root[data-theme=pop] .card.s-1{--tier:#d7dce6}:root[data-theme=pop] .card.s-2{--tier:#4fa3ff}:root[data-theme=pop] .card.s-3{--tier:#b27bff}:root[data-theme=pop] .card.s-4{--tier:var(--pop-yellow)}:root[data-theme=pop] .art{background:var(--pop-navy-deep)}:root[data-theme=pop] .art-bg{background:var(--card-bg,none) center / cover no-repeat, radial-gradient(ellipse at 50% 38%, #34478a, #1d2954 65%, #121a3a)}:root[data-theme=pop] .board .card.owner-0 .art-bg{background:repeating-linear-gradient(45deg,#ffffff12 0 1px,#0000 1px 9px),repeating-linear-gradient(-45deg,#ffffff12 0 1px,#0000 1px 9px),radial-gradient(at 50% 38%,#4ccbff,#1e6fc0 60%,#143a7a)}:root[data-theme=pop] .board .card.owner-1 .art-bg{background:repeating-linear-gradient(45deg,#ffffff12 0 1px,#0000 1px 9px),repeating-linear-gradient(-45deg,#ffffff12 0 1px,#0000 1px 9px),radial-gradient(at 50% 38%,#ff7d96,#c42e55 60%,#6e1530)}:root[data-theme=pop] .board .card.owner-0{box-shadow:0 0 0 2px var(--pop-white), 0 0 0 4px var(--p0), 0 4px 0 4px var(--pop-navy-ink)}:root[data-theme=pop] .board .card.owner-1{box-shadow:0 0 0 2px var(--pop-white), 0 0 0 4px var(--p1), 0 4px 0 4px var(--pop-navy-ink)}:root[data-theme=pop] .v{font-family:var(--display);color:var(--pop-navy-ink);background:var(--pop-white);border:max(1.5px, 1.6cqw) solid var(--tier);box-shadow:0 0 0 max(1px, .8cqw) var(--pop-navy-ink);font-weight:400}:root[data-theme=pop] .stars{text-shadow:0 0 2px var(--pop-navy-ink), 0 0 2px var(--pop-navy-ink), 0 0 3px var(--pop-navy-ink)}:root[data-theme=pop] .nameplate{--np-tint:var(--pop-navy-ink)}:root[data-theme=pop] .card.owner-0 .nameplate{--np-tint:color-mix(in srgb, var(--p0-deep) 45%, var(--pop-navy-ink))}:root[data-theme=pop] .card.owner-1 .nameplate{--np-tint:color-mix(in srgb, var(--p1-deep) 45%, var(--pop-navy-ink))}:root[data-theme=pop] .np-name{letter-spacing:.06em;color:var(--pop-white);text-shadow:0 0 2px var(--pop-navy-ink), 0 1px 0 var(--pop-navy-ink), 0 -1px 0 var(--pop-navy-ink), 1px 0 0 var(--pop-navy-ink), -1px 0 0 var(--pop-navy-ink);padding-left:.06em;font-weight:900}:root[data-theme=pop] .bond{color:var(--pop-white);background:var(--pop-pink);border:1px solid var(--pop-navy-ink)}:root[data-theme=pop] .grade{color:var(--pop-navy-ink);background:var(--pop-yellow);border:1px solid var(--pop-navy-ink)}:root[data-theme=pop] .card.g-r .frame-img{box-shadow:inset 0 0 0 2px var(--pop-navy-deep), inset 0 0 0 4px var(--pop-white)}:root[data-theme=pop] .card.g-ar{box-shadow:var(--pop-outline), 0 0 0 4px var(--pop-white), 0 4px 0 4px var(--pop-navy-ink), 0 0 14px color-mix(in srgb, var(--tier) 60%, transparent)}:root[data-theme=pop] .card.g-sar{border-color:var(--pop-yellow);box-shadow:var(--pop-outline), 0 0 0 4px var(--pop-yellow), 0 4px 0 4px var(--pop-navy-ink), 0 0 18px #ffd23f99}:root[data-theme=pop] .card.back{border-color:var(--pop-yellow);background:radial-gradient(circle at 40% 55%, #ffef6b 0 4%, transparent 4.5%), radial-gradient(circle at 60% 55%, #ffef6b 0 4%, transparent 4.5%), radial-gradient(ellipse at 50% 55%, #050816 0 26%, transparent 27%), repeating-linear-gradient(45deg, #ffd23f59 0 2px, transparent 2px 10px), repeating-linear-gradient(-45deg, #ffd23f59 0 2px, transparent 2px 10px), var(--pop-navy)}:root[data-theme=pop] .back-crest{display:none}:root[data-theme=pop] .battle-title{font-family:var(--display);letter-spacing:.04em;font-weight:400}:root[data-theme=pop] .side-row .score{font-family:var(--display);font-weight:400}:root[data-theme=pop] .board{--pad:6px;border:3px solid var(--pop-yellow);box-shadow:0 0 0 2px var(--pop-navy-ink), 0 3px 0 2px var(--pop-navy-ink), 0 0 24px #ffd23f2e;background:repeating-linear-gradient(45deg,#49c85a2e 0 2px,#0000 2px 14px),repeating-linear-gradient(-45deg,#49c85a2e 0 2px,#0000 2px 14px),#0b1028d1;border-radius:16px}:root[data-theme=pop] .cell{background:#0b10288c;border:2px dashed #ffffff38;border-radius:10px}:root[data-theme=pop] .cell span{color:#ffffff2e}:root[data-theme=pop] .cell.placeable{border-color:var(--pop-yellow);background:#ffd23f1a;animation:1.4s ease-in-out infinite pop-pulse}@media (hover:hover){:root[data-theme=pop] .cell.placeable:hover{background:#ffd23f38}}@keyframes pop-pulse{50%{box-shadow:0 0 0 3px #ffd23f59,0 0 14px #ffd23f80}}:root[data-theme=pop] .mark{color:var(--pop-navy-ink);background:var(--pop-yellow);border:1.5px solid var(--pop-navy-ink);font-weight:900}:root[data-theme=pop] .pop-menu{z-index:1;gap:14px;position:relative}:root[data-theme=pop] .pop-menu .menu-top{min-height:var(--tap)}:root[data-theme=pop] .pop-hero{flex-direction:column;align-items:center;gap:10px;margin-top:-6px;display:flex}:root[data-theme=pop] .pop-logo{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex;position:relative;transform:rotate(-4deg)}:root[data-theme=pop] .pop-logo img{width:min(280px,76vw);height:auto;display:block}:root[data-theme=pop] .pop-logo.has-img .pop-logo-text,:root[data-theme=pop] .pop-logo.has-img .pop-logo-ruby{display:none}:root[data-theme=pop] .pop-logo-text{font-family:var(--display);letter-spacing:.02em;color:var(--pop-navy);text-shadow:4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, -3px -3px 0 #fff, 0 9px 0 var(--pop-navy-ink), 5px 8px 0 var(--pop-navy-ink), -5px 8px 0 var(--pop-navy-ink);font-size:76px;font-weight:400;line-height:1}:root[data-theme=pop] .pop-logo-ruby{font-family:var(--serif);letter-spacing:.45em;color:var(--pop-navy-ink);background:var(--pop-yellow);border:2px solid var(--pop-navy-ink);box-shadow:0 0 0 2px #fff, 0 4px 0 2px var(--pop-navy-ink);border-radius:999px;padding:2px 14px 2px calc(14px + .45em);font-size:16px;font-weight:900}:root[data-theme=pop] .pop-tagline{margin:4px 0 0;transform:rotate(-2deg)}:root[data-theme=pop] .pop-tagline span{font-family:var(--serif);letter-spacing:.06em;color:var(--pop-white);background:var(--pop-navy);clip-path:polygon(3% 0,100% 6%,97% 100%,0 92%);border:2px solid #fff;padding:6px 18px;font-size:17px;font-weight:900;display:inline-block;box-shadow:inset 0 -3px #00000040}:root[data-theme=pop] .pop-ranks{padding:10px 0}:root[data-theme=pop] .pop-ranks .rank-col+.rank-col{border-left:2px dashed #ffffff4d}:root[data-theme=pop] .pop-ranks .rank-axis-text{color:var(--pop-yellow);font-weight:900}:root[data-theme=pop] .pop-ranks .rank-name{font-family:var(--serif);color:var(--pop-white);font-weight:900}:root[data-theme=pop] .pop-nav{gap:12px}:root[data-theme=pop] button.pop-play{min-height:92px;color:var(--pop-navy-ink);background:radial-gradient(circle at 12% 30%, #ffffff8c 0 6px, transparent 7px), radial-gradient(circle at 88% 70%, #fff6 0 4px, transparent 5px), var(--pop-yellow);box-shadow:0 0 0 3px var(--pop-navy-ink), 0 7px 0 3px var(--pop-navy-ink);border:3px solid #fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}:root[data-theme=pop] button.pop-play:active{box-shadow:0 0 0 3px var(--pop-navy-ink), 0 3px 0 3px var(--pop-navy-ink);transform:translateY(4px)}@media (hover:hover){:root[data-theme=pop] .pop-nav button.pop-play:hover{box-shadow:0 0 0 3px var(--pop-navy-ink), 0 7px 0 3px var(--pop-navy-ink), 0 0 0 9px #ffd23f4d;border-color:#fff}}:root[data-theme=pop] .pop-play-big{font-family:var(--display);letter-spacing:.04em;align-items:center;gap:10px;font-size:40px;line-height:1;display:inline-flex}:root[data-theme=pop] .pop-play-big i{font-size:.7em;font-style:normal}:root[data-theme=pop] .pop-play-sub{font-family:var(--serif);color:#fff;background:var(--pop-navy);border-radius:999px;padding:1px 12px;font-size:15px;font-weight:900}:root[data-theme=pop] .pop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}:root[data-theme=pop] button.pop-tile{text-align:left;min-height:72px;color:var(--pop-navy-ink);background:var(--pop-cream);box-shadow:0 0 0 2px var(--pop-navy-ink), 0 5px 0 2px var(--pop-navy-ink);border:3px solid #fff;border-radius:16px;align-items:center;gap:8px;padding:8px 10px;display:flex}:root[data-theme=pop] button.pop-tile:active:not(:disabled){box-shadow:0 0 0 2px var(--pop-navy-ink), 0 2px 0 2px var(--pop-navy-ink);transform:translateY(3px)}@media (hover:hover){:root[data-theme=pop] button.pop-tile:hover:not(:disabled){border-color:var(--pop-yellow)}}:root[data-theme=pop] .pop-tile-icon{width:32px;height:32px;color:var(--pop-white);background:var(--pop-navy);border-radius:12px;flex:none;place-items:center;display:grid}:root[data-theme=pop] .pop-tile-icon .icon{width:24px;height:24px}:root[data-theme=pop] .pop-grid>.pop-tile:nth-child(2) .pop-tile-icon{background:#8b5cf6}:root[data-theme=pop] .pop-grid>.pop-tile:nth-child(3) .pop-tile-icon{background:#2f9e44}:root[data-theme=pop] .pop-grid>.pop-tile:nth-child(4) .pop-tile-icon{background:#e8590c}:root[data-theme=pop] .pop-tile-text{flex-direction:column;gap:2px;min-width:0;display:flex}:root[data-theme=pop] .pop-tile-text b{font-family:var(--serif);word-break:keep-all;overflow-wrap:anywhere;background:linear-gradient(#0000 70%,#ffd23fbf 70%);font-size:clamp(12.5px,3.7vw,14.5px);font-weight:900;line-height:1.25}:root[data-theme=pop] .pop-tile-text small{color:#4a5577;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}:root[data-theme=pop] button.pop-tile.pop-wide{min-height:52px}:root[data-theme=pop] button.pop-tile.is-wip{opacity:.6;background:#dfe3ee}:root[data-theme=pop] .pop-tile:disabled{opacity:.55}:root[data-theme=pop] .pop-menu .menu-wip-msg{color:var(--pop-yellow);margin:-6px 0 0;font-weight:900}:root[data-theme=pop] body.screen-menu #app:after,:root[data-theme=pop] .title-screen:after{content:"";filter:drop-shadow(0 0 4px #ffef6be6);pointer-events:none;z-index:0;background:radial-gradient(circle at 4px 4px,#ffef6b 0 3px,#0000 3.5px),radial-gradient(circle at 22px 4px,#ffef6b 0 3px,#0000 3.5px);width:26px;height:8px;animation:7s ease-in-out infinite pop-peek;position:absolute;bottom:26px;left:9%}@keyframes pop-peek{0%,60%,to{opacity:0}64%,82%{opacity:1}72%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){:root[data-theme=pop] body.screen-menu #app:after,:root[data-theme=pop] .title-screen:after{opacity:.7;animation:none}}:root[data-theme=pop] body.screen-title #app{padding:0}:root[data-theme=pop] .title-screen{background:var(--pop-sky), var(--pop-night);color:var(--pop-white)}:root[data-theme=pop] .title-screen.no-art .title-fallback{z-index:1;justify-content:flex-start;gap:10px;padding-top:24vh;transform:rotate(-4deg)}:root[data-theme=pop] .title-fallback-logo{width:min(84%,380px);height:auto}:root[data-theme=pop] .title-fallback.has-logo .title-fallback-name,:root[data-theme=pop] .title-fallback.has-logo .title-fallback-ruby{display:none}:root[data-theme=pop] .title-fallback-name{font-family:var(--display);letter-spacing:.02em;color:var(--pop-navy);text-shadow:5px 0 0 #fff, -5px 0 0 #fff, 0 5px 0 #fff, 0 -5px 0 #fff, 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 0 11px 0 var(--pop-navy-ink), 6px 10px 0 var(--pop-navy-ink), -6px 10px 0 var(--pop-navy-ink);padding-left:.02em;font-size:92px;font-weight:400;line-height:1}:root[data-theme=pop] .title-fallback-ruby{font-family:var(--serif);letter-spacing:.45em;color:var(--pop-navy-ink);background:var(--pop-yellow);border:2px solid var(--pop-navy-ink);box-shadow:0 0 0 2px #fff, 0 4px 0 2px var(--pop-navy-ink);border-radius:999px;padding:3px 16px 3px calc(16px + .45em);font-size:20px;font-weight:900}:root[data-theme=pop] .ai-notice.on-title{z-index:1;color:#fffc}:root[data-theme=pop] .title-tagline{font-family:var(--serif);letter-spacing:.06em;color:#fff;background:var(--pop-navy);clip-path:polygon(3% 0,100% 6%,97% 100%,0 92%);border:2px solid #fff;margin-top:14px;padding:6px 18px;font-size:18px;font-weight:900}:root[data-theme=pop] .title-fallback.has-logo .title-tagline{margin-top:0}:root[data-theme=pop] .art-name{background:repeating-linear-gradient(45deg,#ffffff0f 0 1px,#0000 1px 8px),repeating-linear-gradient(-45deg,#ffffff0f 0 1px,#0000 1px 8px),#0b10288c;border:1px dashed #ffffff40}:root[data-theme=pop] .art-name span{color:#ffffff80}:root[data-theme=pop] .result-panel{background:var(--panel);box-shadow:var(--pop-shadow);border:2px solid #ffffffd9;border-radius:16px}:root[data-theme=pop] .result-panel.win{border-color:var(--pop-yellow);box-shadow:0 0 0 2px var(--pop-navy-ink), var(--pop-shadow), 0 0 22px #ffd23f59}:root[data-theme=pop] .result-title{font-family:var(--display);letter-spacing:.06em;color:var(--pop-yellow);font-weight:400}:root[data-theme=pop] .result-panel.lose .result-title{color:var(--pop-pink)}:root[data-theme=pop] .st-bubble{color:var(--pop-navy-ink);background:var(--pop-cream);box-shadow:0 0 0 3px var(--pop-navy-ink), 0 6px 0 3px var(--pop-navy-ink), 0 12px 30px #00000073;border:3px solid #fff;border-radius:20px}:root[data-theme=pop] .st-bubble-text{font-weight:700}:root[data-theme=pop] .st-line b,:root[data-theme=pop] .st-bubble-text b{color:#e8590c}:root[data-theme=pop] .st-eye{background:linear-gradient(#34478a,#141c38);border-top:3px solid #fff;border-bottom:3px solid #fff}:root[data-theme=pop] .st-name{font-family:var(--serif);color:var(--pop-navy-ink);background:var(--pop-yellow);border:2px solid var(--pop-navy-ink);text-shadow:none;box-shadow:0 3px 0 var(--pop-navy-ink);font-weight:900}:root[data-theme=pop] .st-next{color:var(--pop-navy)}:root[data-theme=pop] .st-line{font-weight:700}:root[data-theme=pop] .st-bg-missing{background:var(--pop-sky), var(--pop-night)}:root[data-theme=pop] .tut-catch{background:#0b10284d}:root[data-theme=pop] .tut-win{width:min(100% - 20px,520px);margin:0 auto calc(max(10px, env(safe-area-inset-bottom)) + 4px);color:var(--pop-navy-ink);background:var(--pop-cream);box-shadow:0 0 0 3px var(--pop-navy-ink), 0 6px 0 3px var(--pop-navy-ink);border:3px solid #fff;border-radius:18px;padding:14px 16px 18px;font-weight:700}:root[data-theme=pop] .tut-win.info{background:#e8f4ff;border-color:#fff}:root[data-theme=pop] .tut-tip{color:var(--pop-navy-ink);background:var(--pop-cream);box-shadow:0 0 0 2px var(--pop-navy-ink), 0 4px 0 2px var(--pop-navy-ink);border:3px solid #fff;border-radius:14px;font-weight:700}:root[data-theme=pop] .tut-who{color:var(--pop-navy-ink);background:var(--pop-yellow);border:2px solid var(--pop-navy-ink);border-radius:999px;padding:0 10px;font-weight:900;display:inline-block}:root[data-theme=pop] .tut-next{color:var(--pop-navy);bottom:6px}:root[data-theme=pop] .tut-face{box-shadow:0 0 0 2px var(--pop-navy-ink);border:3px solid #fff}:root[data-theme=pop] body.screen-prologue #app{background:var(--pop-navy-ink)}:root[data-theme=pop] .pc-screen{background:var(--pop-sky), var(--pop-night);color:#fff;font-family:var(--serif)}:root[data-theme=pop] .pc-title{letter-spacing:.12em;font-weight:900}:root[data-theme=pop] .pc-light-text{color:var(--pop-yellow);font-weight:700}:root[data-theme=pop] .pc-say{font-weight:700}:root[data-theme=pop] .pc-confirm{background:#0b1028b8}:root[data-theme=pop] .pc-confirm-box{color:var(--pop-navy-ink);background:var(--pop-cream);box-shadow:0 0 0 3px var(--pop-navy-ink), 0 6px 0 3px var(--pop-navy-ink);border:3px solid #fff;border-radius:20px;font-weight:700}:root[data-theme=pop] .pc-confirm-name{font-weight:900}:root[data-theme=pop] .pc-confirm-btns button{min-height:50px;color:var(--pop-navy-ink);border:2px solid var(--pop-navy-ink);box-shadow:0 4px 0 var(--pop-navy-ink);background:#fff;border-radius:14px;font-weight:900}:root[data-theme=pop] .pc-confirm-btns .pc-yes{background:var(--pop-yellow)}:root[data-theme=pop] .pop-grid>button.pop-tile,:root[data-theme=pop] button.pop-tile.pop-wide,:root[data-theme=pop] .pop-nav button.pop-play{box-shadow:none;border:2px solid #0000;filter:drop-shadow(0 3px #0b1028e6);background:0 0;border-image-repeat:stretch;border-radius:0}:root[data-theme=pop] .pop-grid>button.pop-tile:active:not(:disabled),:root[data-theme=pop] button.pop-tile.pop-wide:active:not(:disabled),:root[data-theme=pop] .pop-nav button.pop-play:active{box-shadow:none;filter:none;transform:translateY(2px)}@media (hover:hover){:root[data-theme=pop] .pop-grid>button.pop-tile:hover:not(:disabled),:root[data-theme=pop] button.pop-tile.pop-wide:hover:not(:disabled),:root[data-theme=pop] .pop-nav button.pop-play:hover{box-shadow:none;filter:drop-shadow(0 3px #0b1028e6)brightness(1.06);border-color:#0000}}:root[data-theme=pop] button.pop-tile.pt-deck{border-image-source:var(--slot-common-image-ui-pop-btn-deck,url(/assets/ui/pop/btn-deck.webp));border-image-slice:70 100 70 160 fill;border-image-width:20px 28px 20px 46px;padding:6px 10px 6px 50px}:root[data-theme=pop] button.pop-tile.pt-wild{border-image-source:var(--slot-common-image-ui-pop-btn-battle,url(/assets/ui/pop/btn-battle.webp));border-image-slice:70 100 70 160 fill;border-image-width:20px 28px 20px 46px;padding:6px 10px 6px 50px}:root[data-theme=pop] .pt-deck .pop-tile-icon,:root[data-theme=pop] .pt-wild .pop-tile-icon{display:none}:root[data-theme=pop] button.pop-tile.pt-book{border-image-source:var(--slot-common-image-ui-pop-panel-blue,url(/assets/ui/pop/panel-blue.webp));border-image-slice:160 150 150 110 fill;border-image-width:30px 28px 28px 20px;padding:8px 14px 8px 18px}:root[data-theme=pop] button.pop-tile.pt-pack{border-image-source:var(--slot-common-image-ui-pop-panel-lime,url(/assets/ui/pop/panel-lime.webp));border-image-slice:150 170 140 130 fill;border-image-width:28px 32px 26px 24px;padding:8px 14px 8px 20px}:root[data-theme=pop] button.pop-tile.pt-wip{border-image-source:var(--slot-common-image-ui-pop-panel-cream,url(/assets/ui/pop/panel-cream.webp));opacity:.7;background:0 0;border-image-slice:170 170 150 120 fill;border-image-width:26px 26px 22px 18px;padding:6px 14px 6px 22px}:root[data-theme=pop] .pt-book .pop-tile-icon,:root[data-theme=pop] .pt-pack .pop-tile-icon,:root[data-theme=pop] .pt-wip .pop-tile-icon{width:30px;height:30px}:root[data-theme=pop] .pop-nav button.pop-play{border-image-source:var(--slot-common-image-ui-pop-panel-yellow,url(/assets/ui/pop/panel-yellow.webp));border-image-slice:90 190 220 140 fill;border-image-width:22px 46px 52px 34px;min-height:100px;padding:8px 40px 18px 30px}:root[data-theme=pop] .screen-head>button.back{border:1px solid #0000;border-image:var(--slot-common-image-ui-pop-btn-back,url(/assets/ui/pop/btn-back.webp)) 70 100 70 150 fill / 12px 18px 12px 28px stretch;color:#fff;min-width:108px;height:44px;text-shadow:0 1px 0 var(--pop-navy-ink), 0 0 2px var(--pop-navy-ink);justify-content:center;padding:0 14px 0 34px;font-weight:900}:root[data-theme=pop] .screen-head>button.back svg{display:none}:root[data-theme=pop] .screen-head>button.back .back-text{color:#fff;font-size:.82rem}:root[data-theme=pop] .st-bubble,:root[data-theme=pop] .tut-win,:root[data-theme=pop] .tut-win.info{background:var(--slot-common-image-ui-pop-bubble-wide,url(/assets/ui/pop/bubble-wide.webp)) 0 0 / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 6px 10px #00000073);border:0;border-radius:0}:root[data-theme=pop] .st-bubble{min-height:150px;padding:46px 30px 46px 26px}:root[data-theme=pop] .tut-win,:root[data-theme=pop] .tut-win.info{background-color:#0000;min-height:130px;padding:22px 34px 40px 22px}:root[data-theme=pop] .tut-next{bottom:30px;right:64px}:root[data-theme=pop] .st-next{right:70px;bottom:calc(46px + env(safe-area-inset-bottom,0px))}:root[data-theme=pop] .title-art{object-fit:cover;object-position:center 40%}:root[data-theme=pop] .title-screen .title-fallback{z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding-top:9vh;display:flex;position:absolute;inset:0;transform:rotate(-3deg)}:root[data-theme=pop] .title-screen:not(.no-art) .title-fallback-logo{filter:drop-shadow(0 6px 12px #00000080);width:min(88%,400px)}:root[data-theme=pop] .st-bubble{padding-right:64px}:root[data-theme=pop] .tut-win,:root[data-theme=pop] .tut-win.info{padding-right:66px}:root[data-theme=pop] .tut-win.info{padding-left:54px}:root[data-theme=pop] .pop-tile:is(.pt-deck,.pt-wild,.pt-book,.pt-pack,.pt-wip) .pop-tile-text b{text-shadow:0 0 3px #ffffffe6;background:0 0}:root[data-theme=pop] .pop-grid>button.pop-tile{min-height:76px}:root[data-theme=pop] button.pop-tile.pt-wip{min-height:60px}:root[data-theme=pop] .title-btn{font-family:var(--serif);color:var(--pop-navy-ink);box-shadow:0 0 0 2px var(--pop-navy-ink), 0 3px 0 2px var(--pop-navy-ink);background:#fff4d6d1;border:2px solid #fff;font-weight:900}:root[data-theme=pop] .title-btn.is-start{background:var(--pop-yellow)}:root[data-theme=pop] .title-btn-sub{opacity:1;font-weight:700}:root[data-theme=pop] .title-link-msg{color:var(--pop-yellow);text-shadow:0 1px 2px #000;font-weight:900}:root[data-theme=pop] .title-credits{background:#0b1028bf}:root[data-theme=pop] .title-credits-box{color:var(--pop-navy-ink);background:var(--pop-cream);box-shadow:0 0 0 3px var(--pop-navy-ink), 0 6px 0 3px var(--pop-navy-ink);border:3px solid #fff;border-radius:20px;font-weight:700}:root[data-theme=pop] .title-credits-box .muted{color:#4a5577}:root[data-theme=pop] .twoname{justify-content:center;margin:-4px 0 -6px}:root[data-theme=pop] .twoname-lv{font-family:var(--display);color:var(--pop-navy-ink);background:var(--pop-yellow);border:2px solid var(--pop-navy-ink);font-weight:400}:root[data-theme=pop] .twoname-text{color:#fff;text-shadow:0 2px 0 var(--pop-navy-ink);font-size:17px;font-weight:900}:root[data-theme=pop] .twoname-bar{background:var(--pop-navy-ink);border:2px solid #fff;height:8px}:root[data-theme=pop] .twoname-bar i{background:linear-gradient(90deg, var(--pop-green), var(--pop-yellow))}:root[data-theme=pop] .twoname-emblem{flex:none;width:64px;height:64px;margin:-10px 0;position:relative}:root[data-theme=pop] .tn-frame{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}:root[data-theme=pop] .tn-item{object-fit:contain;width:52%;height:52%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root[data-theme=pop] .rank-row{align-items:center;gap:6px;min-height:44px;display:flex;position:relative}:root[data-theme=pop] .rank-badge,:root[data-theme=pop] .sai-badge{object-fit:contain;flex:none;width:44px;height:44px}:root[data-theme=pop] .rank-badge-no{width:44px;height:44px;font-family:var(--display);color:var(--pop-navy-ink);pointer-events:none;place-items:center;font-size:15px;line-height:1;display:grid;position:absolute;top:0;left:0}:root[data-theme=pop] .rank-badge-no:first-child{display:none}:root[data-theme=pop] .pop-ranks .rank-name{font-size:17px;line-height:1.15}:root[data-theme=pop] .opp-mini{box-shadow:0 2px 0 var(--pop-navy-ink);background:#0b1028d1;border-radius:9px}:root[data-theme=pop] .opp-mini .om-v{font-family:var(--display);font-size:15px;font-weight:400}:root[data-theme=pop] button.pop-tile:is(.pt-ogase,.pt-shard){opacity:1}