: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), 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{background:linear-gradient(#0e0d114d, #0e0d1199), url(/assets/ui/bg-battle.webp) 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-wild #app,body.screen-tutorial #app,body.screen-ghost #app{background:linear-gradient(#0e0d114d, #0e0d1199), 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-ghost #app:has(.battle.phase-bid),body.screen-wild #app:has(.battle.phase-bidResult),body.screen-tutorial #app:has(.battle.phase-bidResult),body.screen-ghost #app:has(.battle.phase-bidResult)){background:linear-gradient(#0e0d114d, #0e0d11a6), 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-ghost #app:has(.battle.hot)){background:linear-gradient(#0e0d114d, #0e0d1199), url(/assets/ui/bg-battle-hot.webp) center / cover no-repeat, var(--sumi)}body.screen-gallery #app,body.screen-deck #app{background:linear-gradient(#0e0d11a6, #0e0d11e6), url(/assets/ui/bg-gallery.webp) center / cover no-repeat, radial-gradient(ellipse at 80% 10%, #2e447259, transparent 55%), var(--sumi)}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-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:url(/assets/frames/bg-owner-0.webp) 50%/cover no-repeat,radial-gradient(at 50% 40%,#3a5a9c,#1c2c55 65%,#0f1730)}.board .card.owner-1 .art-bg{background:url(/assets/frames/bg-owner-1.webp) 50%/cover no-repeat,radial-gradient(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:url(/assets/frames/card-back.webp) 50%/cover,repeating-linear-gradient(45deg,#8a6bbe14 0 2px,#0000 2px 9px),repeating-linear-gradient(-45deg,#8a6bbe14 0 2px,#0000 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-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);border:1px solid var(--line);background:url(/assets/ui/board.webp) 50%/cover,#14121947;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);cursor:pointer;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-start{left:50%;bottom:max(48px, calc(env(safe-area-inset-bottom) + 32px));font-family:var(--serif);letter-spacing:.2em;color:var(--kin-text);white-space:nowrap;background:#0e0d1199;border-radius:999px;padding:8px 20px;font-size:15px;animation:2.4s ease-in-out infinite title-blink;position:absolute;transform:translate(-50%)}@keyframes title-blink{0%,to{opacity:1}50%{opacity:.35}}.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}@media (prefers-reduced-motion:reduce){.title-start{animation:none}}.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:url(/assets/ui/leader-state-locked.webp)}.leader-btn.used{--state-img:url(/assets/ui/leader-state-used.webp)}.leader-btn.ready{--state-img: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.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.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-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}.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{align-items:center;gap:10px;display:flex;position:absolute;top:0;left:14px;transform:translateY(-50%)}.st-face{--zoom:2.4;border:2px solid var(--kin-light);background:radial-gradient(circle at 50% 40%,#2a2436,#121016);border-radius:50%;flex:none;width:64px;height:64px;display:block;position:relative;overflow:hidden;box-shadow:0 0 14px #e6c77973}.st-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}.st-face-none{color:var(--kin-text);place-items:center;font-size:26px;display:grid}.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-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:url(/assets/story/bg-seal-choice.webp) 50%/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-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}