:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-900:#080c1e;--bg-800:#101636;--bg-700:#18204a;--surface-1:#171f42b8;--surface-2:#212a55;--surface-3:#2a3160;--surface-sunk:#0609188c;--gilt-100:#f7e9bc;--gilt-300:#e3c267;--gilt-500:#c9a227;--gilt-700:#8a6d1f;--gilt-line:#c9a22747;--gilt-glow:#c9a22759;--seal-300:#c4425a;--seal-500:#a31f35;--seal-700:#6e1122;--seal-900:#4a0a17;--danger:#d2504a;--parchment-100:#f6efe0;--parchment-200:#efe3c8;--ink-100:#f3ecdd;--ink-300:#c6bda9;--ink-500:#9a93a8;--ink-600:#6e6880;--sapphire-400:#5b8fd6;--color-primary:var(--seal-500);--color-secondary:var(--gilt-500);--glass-bg:var(--surface-1);--glass-border:var(--gilt-line);--font-display:"Optima", "Palatino Linotype", "Book Antiqua", Palatino, "Hiragino Mincho ProN", "BIZ UDPMincho", "Yu Mincho", YuMincho, "MS PMincho", serif;--font-body:"Iowan Old Style", Georgia, "Times New Roman", "Hiragino Mincho ProN", "BIZ UDPMincho", "Yu Mincho", YuMincho, serif;--font-ui:system-ui, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", sans-serif;--fs-2xs:10px;--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:19px;--fs-xl:25px;--fs-2xl:33px;--tr-display:.06em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-card:10px;--r-pill:999px;--el-1:0 2px 6px #00000059;--el-2:0 8px 24px #00000073;--el-3:0 24px 60px #0009;--el-gilt:0 0 0 1px var(--gilt-line), 0 0 18px var(--gilt-glow);--card-width:140px;--card-height:200px;--power-size:40px;--gilt-w:2px;--deck-scale:.65;--play-slot-scale:.62;--z-felt:0;--z-board:1;--z-hover:5;--z-stamp:10;--z-beam:40;--z-overlay:50;--z-modal:60;--z-popover:100;--z-fly:800;--z-toast:900;--z-banner:1000;--z-drag:9999;--corner-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23C9A227' stroke-width='1.2'%3E%3Cpath d='M1.5 11V5A3.5 3.5 0 0 1 5 1.5h6'/%3E%3C/g%3E%3Cpath d='M5 14.5V8A3 3 0 0 1 8 5h6.5' fill='none' stroke='%23E3C267' stroke-width='.7' opacity='.6'/%3E%3Ccircle cx='5' cy='5' r='1.4' fill='%23C9A227'/%3E%3C/svg%3E");--corner-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3Cpath d='M1.5 11V5A3.5 3.5 0 0 1 5 1.5h6' fill='none' stroke='%23C9A227' stroke-width='1.2'/%3E%3Cpath d='M5 14.5V8A3 3 0 0 1 8 5h6.5' fill='none' stroke='%23E3C267' stroke-width='.7' opacity='.6'/%3E%3Ccircle cx='5' cy='5' r='1.4' fill='%23C9A227'/%3E%3C/g%3E%3C/svg%3E");--corner-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='rotate(180 12 12)'%3E%3Cpath d='M1.5 11V5A3.5 3.5 0 0 1 5 1.5h6' fill='none' stroke='%23C9A227' stroke-width='1.2'/%3E%3Cpath d='M5 14.5V8A3 3 0 0 1 8 5h6.5' fill='none' stroke='%23E3C267' stroke-width='.7' opacity='.6'/%3E%3Ccircle cx='5' cy='5' r='1.4' fill='%23C9A227'/%3E%3C/g%3E%3C/svg%3E");--corner-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='rotate(270 12 12)'%3E%3Cpath d='M1.5 11V5A3.5 3.5 0 0 1 5 1.5h6' fill='none' stroke='%23C9A227' stroke-width='1.2'/%3E%3Cpath d='M5 14.5V8A3 3 0 0 1 8 5h6.5' fill='none' stroke='%23E3C267' stroke-width='.7' opacity='.6'/%3E%3Ccircle cx='5' cy='5' r='1.4' fill='%23C9A227'/%3E%3C/g%3E%3C/svg%3E");font-family:var(--font-body);color:var(--ink-100);background-color:var(--bg-900);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}body{background:radial-gradient(ellipse at 50% -10%, var(--bg-700) 0%, var(--bg-800) 42%, var(--bg-900) 100%);justify-content:center;align-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}body:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.11'/%3E%3C/svg%3E");position:fixed;inset:0}#root{justify-content:center;align-items:center;width:100%;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tr-display);color:var(--parchment-100);margin:0;font-weight:600}hr{border:none;border-top:1px solid var(--gilt-line)}button{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink-100);background:linear-gradient(180deg, var(--surface-2), #1a2148);border:1px solid var(--gilt-line);border-radius:var(--r-md);cursor:pointer;padding:.6em 1.2em;font-weight:500;transition:background .2s,box-shadow .2s,transform .2s,border-color .2s}button:hover:not(:disabled){background:linear-gradient(180deg, var(--surface-3), var(--surface-2));border-color:var(--gilt-500);box-shadow:var(--el-gilt);transform:translateY(-1px)}button:focus-visible{box-shadow:0 0 0 2px var(--bg-900), 0 0 0 4px var(--gilt-glow);outline:none}.btn-seal{background:linear-gradient(180deg, var(--seal-300), var(--seal-500) 55%, var(--seal-700));border-color:var(--gilt-line);color:var(--parchment-100);font-weight:600}.btn-seal:hover:not(:disabled){background:linear-gradient(180deg, #d2506a, var(--seal-300) 55%, var(--seal-500));border-color:var(--gilt-500)}.btn-gilt{border-color:var(--gilt-500);color:var(--gilt-300);background:#c9a2271f}.btn-gilt:hover:not(:disabled){background:#c9a22733}.btn-ghost{border-color:var(--gilt-line);color:var(--ink-300);background:0 0}.btn-ghost:hover:not(:disabled){background:#c9a22714}.btn-muted,button:disabled{background:var(--surface-sunk);color:var(--ink-500);cursor:not-allowed;box-shadow:none;border-color:#c9a22724;transform:none}.glass-panel{-webkit-backdrop-filter:blur(10px);border:1px solid var(--gilt-line);border-radius:var(--r-lg);box-shadow:var(--el-2), inset 0 1px 0 #c9a22729;background:linear-gradient(#1e2858d1,#0c122edb);position:relative}.gilt-frame:after{content:"";border-radius:calc(var(--r-lg) - 4px);pointer-events:none;border:1px solid #c9a22738;position:absolute;inset:5px}.playing-card{width:var(--card-width);height:var(--card-height);border-radius:var(--r-card);box-sizing:border-box;cursor:pointer;box-shadow:var(--el-1), 0 0 0 1px #0009;transform-origin:bottom;will-change:transform;background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 4px),linear-gradient(158deg,#1d2757 0%,#141c42 46%,#0c1230 100%);border:none;transition:transform .24s cubic-bezier(.34,1.56,.64,1),box-shadow .24s ease-out,filter .2s ease-out;position:relative;overflow:hidden}.playing-card:before{content:"";border-radius:inherit;padding:var(--gilt-w);background:linear-gradient(148deg, var(--gilt-100) 0%, var(--gilt-500) 22%, var(--gilt-700) 46%, var(--gilt-300) 62%, var(--gilt-700) 80%, var(--gilt-500) 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:2;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-sheen{pointer-events:none;z-index:6;border-radius:inherit;background:linear-gradient(115deg,#0000 15%,#ffffff0a 35%,#fff0be4d 50%,#ffffff0d 65%,#0000 85%);transition:transform .55s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-120%)skew(-15deg)}.playing-card:hover:not(.disabled){box-shadow:var(--el-3), 0 0 26px var(--gilt-glow), 0 12px 28px #000000a6;z-index:var(--z-hover);transform:translateY(-14px)scale(1.05)}.playing-card:hover:not(.disabled) .card-sheen{transform:translate(120%)skew(-15deg)}.playing-card:active:not(.disabled){box-shadow:var(--el-1), 0 0 14px var(--gilt-glow);transition:transform 80ms ease-out,box-shadow 80ms ease-out;transform:translateY(-4px)scale(.97)}.playing-card.disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.6)brightness(.85)}.card-frame{box-sizing:border-box;border-radius:calc(var(--r-card) - 3px);background-image:var(--corner-tl), var(--corner-tr), var(--corner-br), var(--corner-bl);background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:no-repeat;background-size:18px 18px;border:1px solid #c9a22738;flex-direction:column;padding:6px;display:flex;position:absolute;inset:3px}.card-header{margin-bottom:var(--sp-2);padding:0 var(--sp-1);justify-content:space-between;align-items:center;display:flex}.card-power{width:var(--power-size);height:var(--power-size);font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;font-size:calc(var(--power-size) * .65);color:var(--gilt-100);box-shadow:0 0 0 1.5px var(--gilt-500), 0 0 0 3px #080c1ee6, 0 0 0 4px #c9a22759, inset 0 1px 3px #000c;text-shadow:0 1px #000000e6;background:radial-gradient(circle at 35% 30%,#1b2350,#070b1c 78%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.card-name{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:var(--tr-display);color:var(--parchment-100);text-align:right;margin-left:var(--sp-2);border-bottom:1px solid var(--gilt-line);flex:1;padding-bottom:3px;font-weight:600}.card-image-container{border-radius:46% 46% var(--r-sm) var(--r-sm) / 30% 30% var(--r-sm) var(--r-sm);box-shadow:inset 0 0 0 1.5px var(--gilt-500), inset 0 0 0 3px #080c1ed9, inset 0 0 18px #000000b3;background:radial-gradient(at 50% 30%,#232c5e 0%,#0a0f28 82%);flex:1;justify-content:center;align-items:center;min-height:0;margin-bottom:6px;display:flex;position:relative;overflow:hidden}.card-image{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;transform:scale(1.4)}.card-desc-container{box-sizing:border-box;background:var(--surface-sunk);border-radius:var(--r-sm);border:1px solid #c9a22729;flex:0 0 58px;align-items:center;min-height:0;padding:5px;display:flex;overflow:hidden}.card-desc{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--ink-300);text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.card-lock{z-index:var(--z-stamp);border-radius:var(--r-sm);color:var(--seal-300);background:#0609188c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.playing-card.card-hidden{border-radius:var(--r-card);background:repeating-linear-gradient(45deg,#c9a2270e 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#c9a2270b 0 2px,#0000 2px 7px),linear-gradient(152deg,#1f2960 0%,#111842 58%,#090e2a 100%);justify-content:center;align-items:center;display:flex;overflow:hidden}.playing-card.card-hidden:after{content:"";border-radius:calc(var(--r-card) - 4px);pointer-events:none;border:1px solid #c9a2274d;position:absolute;inset:7px;box-shadow:inset 0 0 0 3px #080c1e8c,inset 0 0 0 4px #c9a22729}.card-seal{z-index:1;width:calc(var(--card-width) * .4);aspect-ratio:1;background:radial-gradient(circle at 34% 28%, var(--seal-300) 0%, var(--seal-500) 40%, var(--seal-700) 78%, var(--seal-900) 100%);border-radius:46% 54% 51% 49%/50% 45% 55% 50%;place-items:center;display:grid;position:relative;box-shadow:0 3px 8px #0009,inset 0 -4px 8px #00000080,inset 0 3px 6px #ffb4aa38}.card-seal>span{font-family:var(--font-display);font-size:calc(var(--card-width) * .18);color:var(--seal-900);text-shadow:0 1px #ffbeb447;font-weight:600;line-height:1}.card-seal:after{content:"";border-radius:inherit;position:absolute;inset:12%;box-shadow:inset 0 0 0 1px #00000047}.deck-empty-ghost{opacity:.28}.deck-empty-ghost .card-seal{box-shadow:inset 0 0 0 1px var(--gilt-line);background:0 0}.deck-empty-ghost .card-seal>span,.deck-empty-ghost .card-seal:after{display:none}.center-board{align-items:center;gap:var(--sp-3);flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.center-deck-scale{--gilt-w:3px;transform:scale(var(--deck-scale));transform-origin:0 0;width:calc(var(--card-width) * var(--deck-scale));height:calc(var(--card-height) * var(--deck-scale));position:relative}.excluded-scale{--excluded-n:1;--excluded-gap:4px;width:calc((var(--card-width) * var(--excluded-n) + var(--excluded-gap) * (var(--excluded-n) - 1)) * var(--deck-scale))}.excluded-row{gap:var(--excluded-gap);justify-content:center;display:flex;position:absolute;top:0;left:0}.center-row{justify-content:center;align-items:center;gap:var(--sp-3);flex-direction:column;width:100%;max-width:500px;display:flex}.deck-area{gap:var(--sp-5);flex-shrink:0;justify-content:center;align-items:flex-start;display:flex}.deck-label{margin-top:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:var(--tr-display);color:var(--gilt-300);font-weight:600}.deck-label.muted{color:var(--ink-500)}.play-info-panel{min-width:200px;padding:var(--sp-2) 10px;box-sizing:border-box;flex-direction:column;flex:1;gap:6px;display:flex}.play-info-title{justify-content:space-between;align-items:baseline;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-2xs);letter-spacing:.16em;color:var(--gilt-300);text-align:left;border-bottom:1px solid var(--gilt-line);flex-shrink:0;padding-bottom:3px;font-weight:600;display:flex}.play-info-counts{display:none}.play-info-body{flex-direction:row;flex:1;align-items:flex-start;gap:10px;display:flex}.play-info-slot{width:calc(var(--card-width) * var(--play-slot-scale));height:calc(var(--card-height) * var(--play-slot-scale));border-radius:var(--r-card);border:1px dashed #c9a2274d;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.play-info-slot-scale{--gilt-w:3.2px;width:var(--card-width);height:var(--card-height);transform:scale(var(--play-slot-scale));transform-origin:0 0;position:absolute;top:0;left:0}.play-info-card-anchor{width:var(--card-width);height:var(--card-height);perspective:900px}.play-info-empty{color:var(--ink-600);text-align:center;padding:var(--sp-1);font-size:9px;line-height:1.4}.play-info-detail{gap:var(--sp-1);text-align:left;min-width:0;font-family:var(--font-ui);flex-direction:column;flex:1;font-size:12px;display:flex}.play-info-line{align-items:center;gap:var(--sp-1);flex-wrap:wrap;display:flex}.play-info-arrow{color:var(--gilt-500);font-size:var(--fs-2xs)}.play-info-sep{color:var(--ink-500);font-size:var(--fs-xs)}.play-info-card-name{font-family:var(--font-display);color:var(--parchment-100);font-weight:600}.play-info-guess{align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--ink-300);display:flex}.play-info-guess-label{color:var(--gilt-300);border:1px solid var(--gilt-line);border-radius:var(--r-sm);padding:0 var(--sp-1);font-size:9px}.play-info-guess-art{width:20px;height:20px;image-rendering:pixelated}.play-info-result{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--gilt-300);font-weight:600}.play-info-private{font-size:var(--fs-xs);color:var(--parchment-200);border:1px solid var(--gilt-line);border-radius:var(--r-sm);padding:var(--sp-1) 6px;background:#c9a2271a}.play-info-idle{font-size:var(--fs-xs);color:var(--ink-600)}.card-flipper{width:100%;height:100%;transform-style:preserve-3d;position:relative}.card-face{backface-visibility:hidden;border-radius:var(--r-card);position:absolute;inset:0;overflow:hidden}.card-face-back{z-index:1;transform:rotateY(0)}.card-face-front{z-index:2;transform:rotateY(180deg)}.play-info-face{border-radius:var(--r-card);justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}@keyframes rollChargeShake{0%{transform:rotate(0)}25%{transform:rotate(calc(-1 * var(--slam-roll-shake-angle,1.2deg)))}50%{transform:rotate(calc(.9 * var(--slam-roll-shake-angle,1.2deg)))}75%{transform:rotate(calc(-.7 * var(--slam-roll-shake-angle,1.2deg)))}to{transform:rotate(0)}}.roll-charge-shake{animation:.4s ease-in-out infinite rollChargeShake}@keyframes cardWobble3D{0%{transform:perspective(700px) scale(var(--slam-peak-scale,2.1)) rotateX(0deg) rotateZ(0deg)}35%{transform:perspective(700px) scale(calc(var(--slam-peak-scale,2.1) * 1.04)) rotateX(var(--slam-tilt-angle,14deg)) rotateZ(calc(-.35 * var(--slam-tilt-angle,14deg)))}70%{transform:perspective(700px) scale(calc(var(--slam-peak-scale,2.1) * 1.02)) rotateX(calc(-.6 * var(--slam-tilt-angle,14deg))) rotateZ(calc(.25 * var(--slam-tilt-angle,14deg)))}to{transform:perspective(700px) scale(var(--slam-peak-scale,2.1)) rotateX(0deg) rotateZ(0deg)}}.card-wobble-3d{animation:.5s cubic-bezier(.25,1,.5,1) infinite alternate cardWobble3D}@keyframes slamImpact{0%{transform:scale(calc(.35 * var(--slam-shockwave-scale,1)));opacity:0;filter:brightness(3)}20%{transform:scale(calc(1.22 * var(--slam-shockwave-scale,1)));opacity:1;filter:brightness(3.2) drop-shadow(0 0 28px var(--gilt-glow)) drop-shadow(0 0 12px var(--seal-500))}55%{transform:scale(calc(1.48 * var(--slam-shockwave-scale,1)));opacity:.8}to{transform:scale(calc(2.1 * var(--slam-shockwave-scale,1)));opacity:0;filter:brightness()}}@keyframes slamImpactRing{0%{transform:scale(calc(.2 * var(--slam-shockwave-scale,1)));opacity:0}22%{transform:scale(calc(1.2 * var(--slam-shockwave-scale,1)));opacity:1;border-width:2.5px}to{transform:scale(calc(2.4 * var(--slam-shockwave-scale,1)));opacity:0;border-width:.5px}}@keyframes slamRumble{0%{transform:translate(0,0)}15%{transform:translate3d(calc(-3px * var(--slam-shake-intensity,1)), calc(4px * var(--slam-shake-intensity,1)), 0)}30%{transform:translate3d(calc(3px * var(--slam-shake-intensity,1)), calc(-3px * var(--slam-shake-intensity,1)), 0)}50%{transform:translate3d(calc(-2px * var(--slam-shake-intensity,1)), calc(2px * var(--slam-shake-intensity,1)), 0)}75%{transform:translate3d(calc(1px * var(--slam-shake-intensity,1)), calc(-1px * var(--slam-shake-intensity,1)), 0)}to{transform:translate(0,0)}}.slam-impact{border-radius:var(--r-xl);border:3px solid var(--gilt-400);box-shadow:0 0 45px var(--gilt-glow), inset 0 0 24px #c9a227b3;pointer-events:none;z-index:var(--z-hover);animation:.6s cubic-bezier(.12,.95,.24,1) forwards slamImpact;position:absolute;inset:-10px}.slam-impact:after{content:"";border-radius:var(--r-xl);border:1.5px solid var(--gilt-300);animation:.7s cubic-bezier(.16,1,.3,1) forwards slamImpactRing;position:absolute;inset:-14px}.slam-rumble{animation:.35s cubic-bezier(.36,.07,.19,.97) both slamRumble}@keyframes cardImpactJitter{0%{transform:scale(var(--slam-impact-squish,.88)) rotate(0deg) translate3d(0, 0, 0)}15%{transform:scale(var(--slam-impact-squish,.88)) rotate(calc(-3.5deg * var(--slam-shake-intensity,1.3))) translate3d(-4px, 4px, 0)}30%{transform:scale(calc(var(--slam-impact-squish,.88) * 1.04)) rotate(calc(3deg * var(--slam-shake-intensity,1.3))) translate3d(4px, -3px, 0)}45%{transform:scale(.96) rotate(calc(-2deg * var(--slam-shake-intensity,1.3))) translate3d(-3px, 2px, 0)}60%{transform:scale(1.02) rotate(calc(1.2deg * var(--slam-shake-intensity,1.3))) translate3d(2px, -1px, 0)}75%{transform:scale(.99) rotate(calc(-.6deg * var(--slam-shake-intensity,1.3))) translate3d(-1px, 1px, 0)}to{transform:scale(1)rotate(0)translate(0,0)}}.card-impact-jitter{animation:.38s cubic-bezier(.18,.89,.32,1.28) both cardImpactJitter}.game-log{--log-lines:4;--log-line-h:calc(var(--fs-xs) * 1.45 + 5px);width:90%;max-width:350px;height:calc(var(--log-lines) * var(--log-line-h) + var(--sp-2) * 2 + 2px);padding:var(--sp-2) 10px;box-sizing:border-box;font-family:var(--font-body);font-size:var(--fs-xs);color:var(--ink-300);text-align:left;background:var(--surface-sunk);border-top:1px solid var(--gilt-line);border-bottom:1px solid var(--gilt-line);flex-shrink:0;overflow-y:auto}.game-log-wrap{flex-direction:column;flex-shrink:0;gap:2px;width:90%;max-width:350px;display:flex}.game-log-wrap .game-log{width:100%;max-width:none}.game-log-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.game-log-title{font-family:var(--font-display);font-size:var(--fs-2xs);letter-spacing:.16em;color:var(--gilt-300);font-weight:600}.game-log-toggle{border-radius:var(--r-sm);border:1px solid var(--gilt-line);color:var(--ink-500);background:0 0;padding:1px 6px;font-size:9px}.game-log-toggle:hover:not(:disabled){box-shadow:none;border-color:var(--gilt-500);color:var(--gilt-300);background:#c9a22714;transform:none}.game-log-entry{border-bottom:1px solid #c9a2271a;padding:2px 0;line-height:1.45}.game-log-entry.is-private{color:var(--parchment-200);border-bottom-color:var(--gilt-line);box-shadow:inset 2px 0 0 var(--gilt-500);background:#c9a22714;padding-left:6px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:.4s ease-out forwards slideInUp}.fade-in{animation:.3s ease-in forwards fadeIn}.modal-overlay{-webkit-backdrop-filter:blur(3px);z-index:var(--z-overlay);background:#040612b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:90%;max-width:520px;max-height:88dvh;padding:var(--sp-5);gap:var(--sp-4);z-index:var(--z-modal);flex-direction:column;display:flex;overflow-y:auto}.modal-title{align-items:center;gap:var(--sp-3);text-align:left;padding-bottom:var(--sp-2);border-bottom:1px solid var(--gilt-line);display:flex}.modal-subtitle{margin:var(--sp-1) 0 0;font-size:var(--fs-xs);color:var(--ink-500);line-height:1.4}.modal-actions{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-3) 0 0;background:linear-gradient(to top, var(--bg-800) 70%, transparent);display:flex;position:sticky;bottom:-24px}.modal-content.error h2,.modal-content.error h3{color:var(--danger)}.select-section{gap:var(--sp-2);text-align:left;flex-direction:column;display:flex}.select-label{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:var(--tr-display);color:var(--gilt-300);font-weight:600}.select-hint{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--ink-500);margin-left:6px;font-weight:400}.select-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.select-grid.card-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));max-height:40dvh;padding:2px;overflow-y:auto}.select-tile{min-height:52px;padding:var(--sp-2);background:var(--surface-sunk);border:1px solid var(--gilt-line);border-radius:var(--r-md);font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink-100);flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.select-tile:hover:not(:disabled){box-shadow:none;border-color:var(--gilt-500);background:#1e2959cc;transform:none}.select-tile.selected{border-color:var(--seal-300);background:#a31f3533;box-shadow:0 0 12px #a31f3566}.select-tile.is-protected{background:#5b8fd61a;border-color:#5b8fd699}.select-tile.is-protected .tile-meta{color:var(--sapphire-400)}.select-tile.card-tile{min-height:96px;padding:6px var(--sp-1)}.tile-invalid{color:var(--danger);pointer-events:none;font-size:24px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tile-art{width:44px;height:44px;image-rendering:pixelated}.tile-name{align-items:center;gap:var(--sp-1);font-family:var(--font-display);text-align:center;font-size:12px;font-weight:600;line-height:1.2;display:flex}.tile-power{min-width:17px;height:17px;box-shadow:0 0 0 1px var(--gilt-500);color:var(--gilt-100);font-variant-numeric:tabular-nums lining-nums;font-size:var(--fs-2xs);background:radial-gradient(circle at 35% 30%,#1b2350,#070b1c 78%);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tile-meta{font-family:var(--font-ui);font-size:var(--fs-2xs);color:var(--ink-500);font-variant-numeric:tabular-nums lining-nums;align-items:center;gap:3px;display:flex}.tile-remain{color:var(--gilt-300);font-weight:700}.tile-total{opacity:.7}.select-tile.is-exhausted{opacity:.45}.select-tile.is-exhausted .tile-remain{color:var(--danger)}.tile-badge{background:radial-gradient(circle at 34% 28%, var(--seal-300) 0%, var(--seal-500) 45%, var(--seal-700) 100%);width:20px;height:20px;color:var(--parchment-100);font-size:var(--fs-xs);border-radius:48% 52% 51% 49%/50% 46% 54% 50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-6px;left:-6px;box-shadow:0 1px 3px #0009,inset 0 1px 2px #ffb4aa40}.deck-summary{align-items:baseline;gap:var(--sp-3);display:flex}.deck-total{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--gilt-300);font-weight:600}.deck-total.invalid{color:var(--danger)}.deck-presets{gap:var(--sp-2);flex-wrap:wrap;display:flex}.deck-presets button{padding:6px var(--sp-3);background:var(--surface-sunk);border:1px solid var(--gilt-line);font-size:12px}.deck-list{max-height:50dvh;padding-right:var(--sp-1);flex-direction:column;gap:6px;display:flex;overflow-y:auto}.deck-row{padding:6px var(--sp-2);border-radius:var(--r-md);border:1px solid var(--gilt-line);opacity:.5;background:#efe3c80a;border-left:3px solid #0000;align-items:center;gap:10px;transition:opacity .15s,border-color .15s;display:flex}.deck-row.active{opacity:1;border-left-color:var(--gilt-500)}.deck-row-art{width:40px;height:40px;image-rendering:pixelated;flex-shrink:0}.deck-row-info{text-align:left;min-width:0;font-family:var(--font-display);flex:1;font-weight:600}.deck-row-desc{font-family:var(--font-ui);font-size:var(--fs-2xs);color:var(--ink-500);margin-top:2px;font-weight:400;line-height:1.3}.deck-row-count{flex-shrink:0;align-items:center;gap:6px;display:flex}.deck-row-count span{text-align:center;font-variant-numeric:tabular-nums lining-nums;min-width:18px;font-weight:700}.deck-row-count button{width:34px;height:34px;font-size:var(--fs-md);background:var(--surface-sunk);border:1px solid var(--gilt-line);border-radius:50%;padding:0;line-height:1}.deck-row-count button:hover:not(:disabled){box-shadow:none;border-color:var(--gilt-500);transform:none}.lobby-panel{padding:var(--sp-6) var(--sp-5);box-sizing:border-box;text-align:center;gap:var(--sp-4);width:100%;max-width:min(420px,100vw - 32px);box-shadow:var(--el-3), inset 0 1px 0 #c9a22729;flex-direction:column;display:flex}.lobby-title{flex-direction:column;align-items:center;gap:2px;display:flex}.lobby-title-jp{font-family:var(--font-display);letter-spacing:.3em;text-indent:.3em;color:var(--gilt-300);text-shadow:0 2px 10px #c9a22747;font-size:46px;font-weight:600;line-height:1.1}.lobby-title-en{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.35em;text-indent:.35em;color:var(--ink-500)}.lobby-rule{width:70%;height:1px;margin:var(--sp-3) auto var(--sp-1);background:linear-gradient(90deg, transparent, var(--gilt-500), transparent);position:relative}.lobby-rule:after{content:"";background:radial-gradient(circle at 34% 28%, var(--seal-300), var(--seal-700));width:9px;height:9px;box-shadow:0 0 0 1px var(--gilt-line);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field>label{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--ink-500)}.field input[type=text],.field select{padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--gilt-line);background:var(--surface-sunk);color:var(--ink-100);font-family:var(--font-ui);font-size:var(--fs-sm)}.field select{cursor:pointer}.field select option{background:var(--bg-800);color:var(--ink-100)}.field input[type=text]:focus,.field select:focus{border-color:var(--gilt-500);box-shadow:0 0 0 2px var(--gilt-glow);outline:none}.segmented-control{background:var(--surface-sunk);border:1px solid var(--gilt-line);border-radius:var(--r-md);gap:4px;padding:3px;display:flex}.segmented-control button{padding:6px var(--sp-2);font-size:var(--fs-xs);border-radius:calc(var(--r-md) - 2px);color:var(--ink-300);background:0 0;border:1px solid #0000;flex:1;transition:all .15s}.segmented-control button:hover:not(:disabled){color:var(--ink-100);box-shadow:none;transform:none}.segmented-control button.active{background:linear-gradient(180deg, var(--surface-2), #1a2148);border-color:var(--gilt-500);color:var(--parchment-100);font-weight:600;box-shadow:0 2px 6px #0000004d}.button-row{gap:10px;display:flex}.button-row>button{flex:1}.lobby-section-title{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.14em;color:var(--ink-300);font-weight:600}.peer-row{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:10px var(--sp-3);border-radius:var(--r-md);border:1px solid var(--gilt-line);font-family:var(--font-ui);font-size:var(--fs-sm);background:linear-gradient(#1e2858d9,#0e1432e0);display:flex}.lobby-warning{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--danger);margin:0}.board-root{box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100vw;height:100dvh;padding:10px;display:flex;position:relative;overflow:hidden}.spectator-tag{text-align:center;font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.3em;color:var(--gilt-300);padding:var(--sp-1);font-weight:600}.table-felt{display:none}.seat-ring{justify-content:center;gap:var(--sp-2);flex-flow:wrap;width:100%;display:flex}.seat{z-index:var(--z-board);min-width:88px;padding:6px var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--gilt-line);box-shadow:var(--el-1), inset 0 1px 0 #c9a2272e;font-family:var(--font-ui);font-size:var(--fs-xs);background:linear-gradient(#1e2858d9,#0e1432e0);flex-direction:column;align-items:center;display:flex;position:relative}.seat:before{content:"";background:linear-gradient(90deg, transparent, var(--gilt-500), transparent);opacity:.5;height:1px;position:absolute;inset:4px 10px auto}.mobile-opponent-header{align-items:center;gap:var(--sp-1);font-family:var(--font-display);letter-spacing:.04em;margin-bottom:var(--sp-1);font-weight:600;display:flex}.mobile-hand-indicator{gap:2px;min-height:24px;display:flex}.seat:not(.is-spectating) .mobile-hand-indicator .playing-card{--gilt-w:1px;border-radius:3px!important;width:16px!important;min-width:16px!important;height:24px!important;min-height:24px!important}.seat:not(.is-spectating) .mobile-hand-indicator .card-seal,.seat:not(.is-spectating) .mobile-hand-indicator .playing-card.card-hidden:after{display:none!important}.seat.is-spectating{--card-width:68px;--card-height:98px;--power-size:22px}.seat.is-spectating .mobile-hand-indicator{gap:var(--sp-1);min-height:var(--card-height);pointer-events:none}.seat.is-spectating .card-name{margin-left:var(--sp-1);padding-bottom:1px;font-size:9px}.seat.is-spectating .card-frame{background-size:10px 10px;padding:3px}.seat.is-spectating .card-header{margin-bottom:3px}.discard-label{margin-top:var(--sp-1);font-size:var(--fs-2xs);color:var(--ink-500)}.discard-strip{align-items:center;gap:2px;max-width:120px;min-height:24px;padding:2px 0;display:flex;overflow-x:auto}.discard-strip-self{gap:var(--sp-1);width:100%;max-width:100%;min-height:28px;padding:var(--sp-1) 0}.discard-chip{border:1px solid var(--gilt-line);width:16px;height:24px;color:var(--gilt-300);font-variant-numeric:tabular-nums lining-nums;font-size:var(--fs-2xs);background:linear-gradient(160deg,#1d2757,#0c1230);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.discard-strip-self .discard-chip{width:20px;height:28px;font-size:12px}.self-zone{align-items:center;gap:var(--sp-3);flex-direction:column;width:100%;margin-bottom:10px;display:flex}.self-hand{gap:var(--sp-2);justify-content:center;width:100%;padding-bottom:10px;display:flex}.self-plinth{width:90%;max-width:400px;padding:var(--sp-2) var(--sp-4);box-sizing:border-box;gap:var(--sp-2);flex-direction:column;align-items:center;display:flex;position:relative}.self-plinth.is-turn{border-color:var(--gilt-500)}.self-header{justify-content:space-between;align-items:center;width:100%;display:flex}.self-name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);letter-spacing:.04em}.turn-chip{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--parchment-100);background:linear-gradient(180deg, var(--seal-300), var(--seal-700));border:1px solid var(--gilt-line);padding:2px var(--sp-2);border-radius:var(--r-pill)}.protected-tag{align-items:center;gap:var(--sp-1);border-radius:var(--r-pill);letter-spacing:.06em;color:var(--sapphire-400);background:#5b8fd624;border:1px solid #5b8fd68c;align-self:flex-start;padding:2px 10px 2px 8px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 0 10px #5b8fd647}@keyframes barrierPulse{0%,to{box-shadow:0 0 0 1px #5b8fd673,0 0 12px #5b8fd638}50%{box-shadow:0 0 0 2px #5b8fd6d9,0 0 26px #5b8fd680}}.seat.is-protected,.self-plinth.is-protected{border-color:#5b8fd699;animation:2s ease-in-out infinite barrierPulse}.fx-layer{width:0;height:0;z-index:var(--z-beam);pointer-events:none;position:fixed}.fx-layer>*{position:absolute;top:0;left:0;translate:-50% -50%}.fx-ring{width:calc(var(--fx-w) * 1.15);height:calc(var(--fx-w) * 1.15);border:2px solid var(--fx-tone);box-shadow:0 0 18px var(--fx-tone), inset 0 0 18px var(--fx-tone);border-radius:50%}.fx-dome{width:calc(var(--fx-w) + 16px);height:calc(var(--fx-h) + 16px);border-radius:var(--r-lg);border:1px solid var(--fx-tone);background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--fx-tone) 30%, transparent), transparent 78%);box-shadow:0 0 34px var(--fx-tone)}.fx-crest{color:var(--parchment-100);filter:drop-shadow(0 0 12px var(--fx-tone)) drop-shadow(0 0 26px var(--fx-tone));justify-content:center;align-items:center;display:flex}.settings-anchor{z-index:var(--z-popover);position:absolute;top:16px;right:16px}.settings-button{padding:var(--sp-2);color:var(--gilt-300);border-radius:50%}.settings-popover{padding:var(--sp-4);gap:var(--sp-3);min-width:260px;font-family:var(--font-ui);text-align:left;z-index:var(--z-popover);flex-direction:column;display:flex;position:absolute;top:48px;right:0}.settings-popover label{font-size:var(--fs-sm);color:var(--ink-300);font-weight:600}.settings-popover input[type=range]{accent-color:var(--gilt-400);cursor:pointer}.settings-speed{text-align:center;font-family:var(--font-display);font-size:var(--fs-md);color:var(--gilt-300);margin-bottom:var(--sp-2);font-weight:600}.settings-row{font-size:var(--fs-xs);color:var(--ink-300);justify-content:space-between;align-items:center;font-weight:400;display:flex}.settings-row input[type=number]{background:var(--surface-sunk);width:60px;color:var(--ink-100);border:1px solid var(--gilt-line);padding:2px var(--sp-1);border-radius:var(--r-sm);font-family:var(--font-ui)}.settings-experimental{font-size:12px;color:var(--danger)!important}.effect-beam{stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 7px #c9a227bf);stroke-dasharray:14 26;animation:.45s linear infinite beam-flow}@keyframes beam-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-48px}}.beam-animation{filter:drop-shadow(0 0 8px var(--gilt-glow));animation:.4s linear infinite beam-flow}.attack-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.attack-flash{animation:.5s ease-out forwards flash}@keyframes flash{0%{filter:brightness()}20%{filter:brightness(2.4) sepia(1) hue-rotate(-30deg) saturate(3) drop-shadow(0 0 20px var(--seal-500))}to{filter:brightness()}}@keyframes attackFlight{0%{transform:translate(var(--sx), var(--sy)) scale(1) rotate(0deg);opacity:1;filter:drop-shadow(0 0 15px var(--gilt-glow)) brightness(1.2)}20%{transform:translate(var(--sx), calc(var(--sy) - 8px)) scale(calc(var(--attack-peak-scale,2.3) * .85)) rotate(calc(-.3 * var(--attack-tilt-angle,18deg)));opacity:1;filter:drop-shadow(0 0 35px var(--gilt-glow)) drop-shadow(0 0 20px var(--seal-500)) brightness(1.8)}38%{transform:translate(var(--sx), calc(var(--sy) - 15px)) scale(var(--attack-peak-scale,2.3)) rotate(var(--attack-tilt-angle,18deg));opacity:1;filter:drop-shadow(0 0 50px var(--ruby-500)) brightness(2.2)}46%{transform:translate(calc(var(--sx) * .72 + var(--tx) * .28 - 4px), calc(var(--sy) * .72 + var(--ty) * .28 + 3px)) scale(calc(var(--attack-peak-scale,2.3) * .95)) rotate(calc(var(--attack-tilt-angle,18deg) + 3.5deg));opacity:1}54%{transform:translate(calc(var(--sx) * .52 + var(--tx) * .48 + 4px), calc(var(--sy) * .52 + var(--ty) * .48 - 3px)) scale(calc(var(--attack-peak-scale,2.3) * .96)) rotate(calc(var(--attack-tilt-angle,18deg) - 3.2deg));opacity:1}62%{transform:translate(calc(var(--sx) * .32 + var(--tx) * .68 - 3px), calc(var(--sy) * .32 + var(--ty) * .68 + 2px)) scale(calc(var(--attack-peak-scale,2.3) * .98)) rotate(calc(var(--attack-tilt-angle,18deg) + 2.5deg));opacity:1}72%{transform:translate(var(--tx), var(--ty)) scale(1.6) rotate(calc(.5 * var(--attack-tilt-angle,18deg)));opacity:1;filter:drop-shadow(0 0 45px var(--ruby-500)) brightness(2.6)}76%{transform:translate(calc(var(--tx) - 6px), calc(var(--ty) + 5px)) scale(.86) rotate(calc(-4deg * var(--attack-shake-intensity,1.4)));opacity:1;filter:drop-shadow(0 0 calc(60px * var(--attack-flash-intensity,1.2))) brightness(calc(3.2 * var(--attack-flash-intensity,1.2)))}82%{transform:translate(calc(var(--tx) + 5px), calc(var(--ty) - 4px)) scale(1.08) rotate(calc(3.5deg * var(--attack-shake-intensity,1.4)));opacity:1}88%{transform:translate(var(--tx), var(--ty)) scale(1.02) rotate(0deg);opacity:1;filter:brightness(1.6)}to{transform:translate(var(--tx), var(--ty)) scale(.9);opacity:0;filter:brightness()}}.flying-attack-card{width:var(--card-width);height:var(--card-height);pointer-events:none;z-index:870;will-change:transform, opacity;animation:1.05s cubic-bezier(.2,.8,.2,1) forwards attackFlight;position:fixed;top:0;left:0}.flying-attack-card .playing-card{box-shadow:0 0 35px var(--gilt-glow), 0 0 20px var(--seal-500);border-color:var(--gilt-200)}.targeting-beam{stroke-linecap:round;stroke-dasharray:10 14;will-change:stroke-dashoffset;animation:.35s linear infinite beam-flow}.fly-animation{filter:drop-shadow(0 0 5px #f7e9bccc);text-anchor:middle;dominant-baseline:middle;animation:1.5s ease-in-out forwards flyToTarget}@keyframes shakeEliminated{0%,to{filter:grayscale();transform:translate(0)}10%,30%,50%,70%,90%{transform:translateX(calc(-4px * var(--attack-shake-intensity,1))) rotate(-2deg);filter:grayscale()brightness(.8)sepia()hue-rotate(-30deg)saturate(3)}20%,40%,60%,80%{transform:translateX(calc(4px * var(--attack-shake-intensity,1))) rotate(2deg);filter:grayscale()brightness(.8)sepia()hue-rotate(-30deg)saturate(3)}}.eliminated-shake{animation:.8s ease-in-out forwards shakeEliminated}.eliminated-status{filter:grayscale();opacity:.6}@keyframes stampSkull{0%{opacity:0;transform:translate(-50%,-50%)scale(4)}50%{opacity:1;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.skull-stamp{color:var(--seal-500);pointer-events:none;z-index:var(--z-stamp);filter:drop-shadow(0 0 10px #000c);animation:.5s cubic-bezier(.175,.885,.32,1.275) .8s both stampSkull;position:absolute;top:50%;left:50%}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.confetti{background-color:var(--gilt-500);border-radius:1px;width:5px;height:11px;animation:linear forwards confettiFall;position:absolute}.confetti.wax{border-radius:50%;width:9px;height:9px}@keyframes turnGlowPulse{0%{box-shadow:0 0 5px var(--glow-color), inset 0 0 5px var(--glow-color);border-color:var(--glow-color)}50%{box-shadow:0 0 20px var(--glow-color), inset 0 0 10px var(--glow-color);border-color:var(--gilt-100)}to{box-shadow:0 0 5px var(--glow-color), inset 0 0 5px var(--glow-color);border-color:var(--glow-color)}}.turn-glow{--glow-color:var(--gilt-500);animation:2.4s ease-in-out infinite turnGlowPulse}@keyframes bannerSlide{0%{opacity:0;transform:translate(-50%,-100px)scale(.8)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,100px)scale(.8)}}.turn-banner{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);border-radius:var(--r-lg);font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.12em;z-index:var(--z-banner);-webkit-backdrop-filter:blur(10px);pointer-events:none;box-shadow:var(--el-3), inset 0 0 0 1px #c9a22733;text-align:center;background:linear-gradient(#141b40f2,#090d22f2);border:1px solid;font-weight:600;animation:2.5s cubic-bezier(.175,.885,.32,1.275) forwards bannerSlide;display:flex;position:fixed;top:15%;left:50%;transform:translate(-50%,-50%)}.turn-banner:before,.turn-banner:after{content:"";background:radial-gradient(circle at 34% 28%, var(--seal-300), var(--seal-700));border-radius:48% 52% 51% 49%/50% 46% 54% 50%;flex-shrink:0;width:8px;height:8px}.showdown-panel{align-items:center;gap:var(--sp-4);width:92%;max-width:760px;max-height:88dvh;padding:var(--sp-5);flex-direction:column;display:flex;overflow-y:auto}.showdown-title{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.3em;color:var(--gilt-300);font-weight:600}.showdown-row{justify-content:center;align-items:flex-start;gap:var(--sp-5);flex-wrap:wrap;display:flex}.showdown-seat{--card-width:108px;--card-height:154px;--power-size:30px;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px solid #0000;flex-direction:column;transition:opacity .4s,filter .4s,border-color .4s,box-shadow .4s;display:flex}.showdown-seat.is-winner{border-color:var(--gilt-500);box-shadow:0 0 24px var(--gilt-glow);background:#c9a2271a}.showdown-seat.is-dimmed{opacity:.4;filter:grayscale(.7)}.showdown-name{align-items:center;gap:var(--sp-1);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;display:flex}.showdown-cards{gap:var(--sp-2);display:flex}.showdown-card{width:var(--card-width);height:var(--card-height);perspective:900px;position:relative}.showdown-face{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.showdown-score{flex-direction:column;align-items:center;gap:2px;display:flex}.showdown-power{font-family:var(--font-display);font-size:var(--fs-xl);font-variant-numeric:tabular-nums lining-nums;color:var(--gilt-100);font-weight:700}.showdown-power.muted{color:var(--ink-500)}.showdown-mods{font-size:var(--fs-2xs);color:var(--gilt-300)}.showdown-verdict{padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);border:1px solid var(--gilt-500);font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.12em;color:var(--gilt-100);background:linear-gradient(#c9a22738,#8a6d1f1f);font-weight:600}.showdown-verdict.is-draw{border-color:var(--gilt-line);background:var(--surface-sunk);color:var(--ink-100)}@media (width<=767.98px){.showdown-seat{--card-width:76px;--card-height:108px;--power-size:22px;gap:var(--sp-1);padding:var(--sp-1)}.showdown-row{gap:var(--sp-3)}.showdown-title,.showdown-verdict{font-size:var(--fs-md)}}.board-toast{padding:10px var(--sp-5);border-radius:var(--r-md);z-index:var(--z-toast);font-family:var(--font-ui);color:var(--parchment-100);background:linear-gradient(180deg, var(--seal-500), var(--seal-700));border:1px solid var(--gilt-line);box-shadow:var(--el-2);font-weight:600;position:fixed;top:20%;left:50%}@media (width<=767.98px){:root{--card-width:110px;--card-height:160px}.card-frame{padding:var(--sp-1);background-size:14px 14px}.card-header,.card-image-container{margin-bottom:var(--sp-1)}.card-image{transform:scale(1.8)}:root{--power-size:32px}.card-name{font-size:var(--fs-sm)}.card-desc-container{height:50px;padding:var(--sp-1)}.card-desc{font-size:9px}.play-info-panel{width:100%}.play-info-counts{color:var(--ink-500);font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;white-space:nowrap;display:inline}.center-row{position:relative}.deck-area{opacity:0;pointer-events:none;position:absolute;top:0;left:50%}.lobby-title-jp{font-size:38px}.turn-banner{font-size:var(--fs-lg);padding:var(--sp-3) var(--sp-5)}.self-hand{padding-bottom:var(--sp-1);overflow-x:auto}.seat-ring{gap:6px}.seat{min-width:0;padding:6px var(--sp-2)}.seat .discard-strip{max-width:92px}.self-zone{gap:var(--sp-2)}.seat.is-spectating{--card-width:44px;--card-height:63px;--power-size:15px}.seat.is-spectating .card-name{font-size:7px}}@media (width>=768px) and (width<=1023.98px){.board-root{overflow:hidden auto}.seat-ring{gap:var(--sp-3);align-items:flex-start}.seat:nth-child(odd){margin-top:22px}}@media (width>=1024px){.table-felt{aspect-ratio:1.42;pointer-events:none;width:min(76vw,1120px);z-index:var(--z-felt);background:radial-gradient(at 50% 36%,#26326f 0%,#17204c 46%,#0c1234 100%);border-radius:50%;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 46px 100px #0000009e,inset 0 0 0 2px #c9a22766,inset 0 0 0 11px #080c1eb8,inset 0 0 0 13px #c9a22733,inset 0 34px 90px #00000073}.seat-ring{pointer-events:none;width:auto;height:auto;z-index:var(--z-board);display:block;position:absolute;inset:3% 4% 32%}.seat{pointer-events:auto;min-width:148px;padding:10px var(--sp-4);position:absolute;translate:-50% -50%}.seat .discard-strip{max-width:148px}.seat-ring[data-seat-n="1"] .seat{top:14%;left:50%}.seat-ring[data-seat-n="2"] .seat[data-seat-i="0"]{top:30%;left:20%}.seat-ring[data-seat-n="2"] .seat[data-seat-i="1"]{top:30%;left:80%}.seat-ring[data-seat-n="3"] .seat[data-seat-i="0"]{top:46%;left:13%}.seat-ring[data-seat-n="3"] .seat[data-seat-i="1"]{top:9%;left:50%}.seat-ring[data-seat-n="3"] .seat[data-seat-i="2"]{top:46%;left:87%}.seat-ring[data-seat-n="4"] .seat[data-seat-i="0"]{top:55%;left:10%}.seat-ring[data-seat-n="4"] .seat[data-seat-i="1"]{top:12%;left:28%}.seat-ring[data-seat-n="4"] .seat[data-seat-i="2"]{top:12%;left:72%}.seat-ring[data-seat-n="4"] .seat[data-seat-i="3"]{top:55%;left:90%}.seat-ring[data-seat-n="5"] .seat[data-seat-i="0"]{top:60%;left:8%}.seat-ring[data-seat-n="5"] .seat[data-seat-i="1"]{top:18%;left:21%}.seat-ring[data-seat-n="5"] .seat[data-seat-i="2"]{top:7%;left:50%}.seat-ring[data-seat-n="5"] .seat[data-seat-i="3"]{top:18%;left:79%}.seat-ring[data-seat-n="5"] .seat[data-seat-i="4"]{top:60%;left:92%}.seat-ring:not([data-seat-n="1"]):not([data-seat-n="2"]):not([data-seat-n="3"]):not([data-seat-n="4"]):not([data-seat-n="5"]) .seat{--a:calc(200deg + (140deg / var(--seat-n)) * (var(--seat-i) + .5));left:calc(50% + 42% * cos(var(--a)));top:calc(50% + 40% * sin(var(--a)))}.center-board>.game-log-wrap{width:100%;max-width:640px;z-index:var(--z-board);position:relative}.center-board>.game-log-wrap .game-log{border:1px solid var(--gilt-line);border-radius:var(--r-md)}.board-root.is-spectating .seat-ring{inset:9% 4% 12%}.center-row{z-index:var(--z-board);justify-content:center;align-items:center;gap:var(--sp-5);flex-direction:row;max-width:640px;position:relative}.center-board{padding-top:60px}.self-plinth{max-width:520px}}.motion-modal-card{border:1px solid var(--gilt-line);width:100%;max-width:1040px;max-height:92vh;box-shadow:var(--el-3), 0 0 60px #000c, inset 0 1px 0 #c9a2274d;border-radius:var(--r-xl);background:linear-gradient(#161e44f5 0%,#0a0e24fa 100%);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideInUp;display:flex;overflow:hidden}.motion-modal-header{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border-line);background:#c9a2270a;justify-content:space-between;align-items:center;display:flex}.motion-modal-title-icon{color:var(--gilt-300);filter:drop-shadow(0 0 8px var(--gilt-glow))}.motion-modal-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--gilt-200);letter-spacing:.04em;font-weight:700}.motion-modal-close-btn{padding:var(--sp-2);color:var(--ink-300);border-radius:50%}.motion-modal-close-btn:hover{color:var(--parchment-100);background:#ffffff1a}.motion-presets-bar{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-6);border-bottom:1px solid var(--border-line);background:#0c1028b3;display:flex;overflow-x:auto}.motion-presets-label{font-size:var(--fs-xs);color:var(--gilt-400);white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:flex}.motion-presets-list{align-items:center;gap:var(--sp-2);flex-wrap:nowrap;display:flex}.motion-preset-chip{border-radius:var(--r-full);color:var(--ink-200);font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;background:#1e2a5a66;border:1px solid #c9a22733;align-items:center;gap:6px;padding:4px 10px;transition:all .2s;display:inline-flex}.motion-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--sp-4);background:#060816d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.motion-modal-card{border-radius:var(--r-xl);background:linear-gradient(175deg,#0e1434f2,#080c22fa);border:1px solid #c9a22747;flex-direction:column;width:100%;max-width:1080px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #000000d9,0 0 35px #c9a2271f}.motion-modal-header{padding:var(--sp-4) var(--sp-6);background:#121a4466;border-bottom:1px solid #c9a2272e;justify-content:space-between;align-items:center;display:flex}.motion-modal-title-area{align-items:center;gap:var(--sp-3);display:flex}.motion-modal-title-icon-wrap{border-radius:var(--r-md);border:1px solid var(--gilt-500);width:38px;height:38px;color:var(--gilt-200);background:linear-gradient(135deg,#c9a22740,#a0324b4d);justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #c9a22733}.motion-modal-title{font-size:var(--fs-lg);color:var(--parchment-50);margin:0;font-weight:700;line-height:1.2}.motion-modal-subtitle{font-size:var(--fs-xs);color:var(--ink-300);margin-top:2px;display:block}.motion-modal-header-actions{align-items:center;gap:var(--sp-2);display:flex}.motion-header-reset-btn{font-size:var(--fs-xs);color:var(--ink-300);border-radius:var(--r-sm);align-items:center;gap:5px;padding:5px 10px;display:flex}.motion-header-reset-btn:hover{color:var(--gilt-200);background:#c9a2271f}.motion-tab-bar{gap:var(--sp-2);padding:var(--sp-2) var(--sp-6);background:#0a0e2699;border-bottom:1px solid #c9a2271f;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.motion-tab-btn{border-radius:var(--r-md);color:var(--ink-300);font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.motion-tab-btn:hover{color:var(--parchment-100);background:#ffffff0d}.motion-tab-btn.active{border-color:var(--gilt-500);color:var(--gilt-100);background:linear-gradient(135deg,#c9a22733,#a0324b40);font-weight:700;box-shadow:0 0 12px #c9a2272e}.motion-presets-bar{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-6);background:#10163666;border-bottom:1px solid #c9a22714;display:flex;overflow-x:auto}.motion-presets-label{color:var(--gilt-300);white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.motion-presets-list{gap:6px;display:flex;overflow-x:auto}.motion-preset-chip{color:var(--ink-200);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #c9a22729;border-radius:9999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;transition:all .18s;display:flex}.motion-preset-chip:hover{border-color:var(--gilt-400);color:var(--gilt-200);background:#c9a2271f}.motion-preset-chip.active{border-color:var(--gilt-400);color:var(--gilt-100);background:linear-gradient(135deg,#c9a2274d,#a0324b59);font-weight:700;box-shadow:0 0 10px #c9a22740}.motion-preset-badge{color:var(--gilt-300);background:#00000059;border-radius:4px;padding:1px 4px;font-size:9px}.motion-preset-chip.active .motion-preset-badge{background:var(--gilt-500);color:#0c102b;font-weight:700}.motion-preset-chip.custom-chip{color:var(--ink-300);background:#646ea026;border-style:dashed}.motion-modal-body{gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);flex:1;grid-template-columns:1.25fr 1fr;display:grid;overflow-y:auto}@media (width<=960px){.motion-modal-body{grid-template-columns:1fr}}.motion-settings-pane{gap:var(--sp-3);flex-direction:column;display:flex}.motion-param-list{flex-direction:column;gap:10px;display:flex}.motion-param-card{border-radius:var(--r-md);background:#0e1432b3;border:1px solid #c9a22724;flex-direction:column;gap:6px;padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.motion-param-card:hover{background:#121a40d9;border-color:#c9a22759;box-shadow:0 4px 16px #0006}.motion-param-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.motion-param-label-wrap{align-items:center;gap:6px;display:flex}.motion-param-icon{color:var(--gilt-400)}.motion-param-label{color:var(--parchment-100);font-size:13px;font-weight:600}.motion-value-pill{color:var(--gilt-200);letter-spacing:.02em;white-space:nowrap;background:#c9a22726;border:1px solid #c9a22766;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.motion-value-pill.muted{color:#f88;background:#b43c3c33;border-color:#dc505080}.motion-value-pill.active{color:#8fa;background:#32b46426;border-color:#50dc8280}.motion-param-help-btn{color:var(--ink-400);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .15s,transform .15s;display:flex}.motion-param-help-btn:hover{color:var(--gilt-300);box-shadow:none;background:0 0;transform:scale(1.15)}.motion-param-desc-brief{color:var(--ink-300);font-size:11px;line-height:1.35}.motion-param-control{align-items:center;gap:var(--sp-3);margin-top:2px;display:flex}.motion-param-slider{height:24px;accent-color:var(--gilt-400);cursor:pointer;flex:1}.motion-param-input-wrap{justify-content:flex-end;align-items:center;gap:4px;min-width:65px;display:flex}.motion-param-number-input{width:52px;color:var(--parchment-100);border-radius:var(--r-sm);font-size:var(--fs-xs);text-align:right;background:#060a1cd9;border:1px solid #c9a22740;padding:3px 6px;font-weight:600}.motion-param-number-input:focus{border-color:var(--gilt-400);outline:none;box-shadow:0 0 0 2px #c9a22740}.motion-param-unit{color:var(--ink-400);min-width:14px;font-size:11px}.motion-preview-pane{gap:var(--sp-3);flex-direction:column;display:flex;position:sticky;top:0}.motion-preview-card{padding:var(--sp-3);border:1px solid var(--gilt-line);border-radius:var(--r-lg);gap:var(--sp-3);background:#0a0e26d9;flex-direction:column;display:flex}.motion-preview-header{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.motion-preview-tabs{gap:4px;display:flex}.motion-preview-tab{border-radius:var(--r-sm);color:var(--ink-300);background:#ffffff0d;border:1px solid #0000;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.motion-preview-tab.active{border-color:var(--gilt-500);color:var(--gilt-200);background:#c9a22733;font-weight:600}.motion-preview-controls{align-items:center;gap:6px;display:flex}.motion-preview-loop-btn{border-radius:var(--r-sm);align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.motion-preview-loop-btn.active{color:#4cd964;background:#4cd96433;border-color:#4cd964}.motion-preview-play-btn{align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.motion-preview-stage{border-radius:var(--r-md);background:radial-gradient(circle,#1b2452 0%,#0c102b 75%);border:1px solid #c9a22733;justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.motion-preview-grid-bg{pointer-events:none;background-image:linear-gradient(#c9a2270d 1px,#0000 1px),linear-gradient(90deg,#c9a2270d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.motion-preview-slot-anchor{width:var(--card-width);height:var(--card-height);justify-content:center;align-items:center;display:flex;position:relative}.motion-preview-stage-label{text-align:center;color:var(--gilt-300);border-radius:var(--r-full);pointer-events:none;background:#00000080;width:fit-content;margin:0 auto;padding:2px 8px;font-size:11px;position:absolute;bottom:8px;left:0;right:0}.motion-preview-attack-arena{width:100%;height:100%;padding:var(--sp-4) var(--sp-6);justify-content:space-between;align-items:center;display:flex;position:relative}.motion-preview-attack-seat{border:2px solid var(--gilt-400);z-index:2;background:#141c44d9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 0 15px #0009}.motion-preview-attack-seat.target{border-color:var(--ruby-500)}.motion-preview-seat-avatar{color:var(--gilt-200);font-size:12px;font-weight:700}.motion-preview-seat-avatar.target-avatar{color:var(--ruby-400)}.motion-preview-attack-track{pointer-events:none;justify-content:flex-start;align-items:center;height:80px;display:flex;position:absolute;top:50%;left:60px;right:60px;transform:translateY(-50%)}.motion-preview-attack-flying-card{width:var(--card-width);height:var(--card-height);transform-origin:50%;position:absolute;left:0}.motion-preview-header-title{font-size:var(--fs-xs);color:var(--parchment-100);align-items:center;gap:6px;font-weight:700;display:flex}.motion-preview-tempo-arena{justify-content:center;align-items:center;gap:var(--sp-3);flex-direction:column;width:90%;max-width:360px;display:flex}.motion-preview-tempo-steps{flex-direction:column;gap:4px;width:100%;display:flex}.motion-tempo-step-chip{border-radius:var(--r-sm);color:var(--ink-300);background:#ffffff0a;border:1px solid #ffffff14;padding:4px 8px;font-size:11px;transition:all .2s}.motion-tempo-step-chip.active{border-color:var(--gilt-400);color:var(--gilt-100);background:linear-gradient(135deg,#c9a22740,#68d39133);font-weight:700;transform:translate(4px);box-shadow:0 0 10px #c9a22733}.motion-preview-tempo-card-display{justify-content:center;align-items:center;width:100%;min-height:54px;display:flex}.motion-tempo-card-box{border-radius:var(--r-md);border:1px solid var(--gilt-500);color:var(--parchment-50);background:#0e1432e6;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;animation:.15s ease-out fadeIn;display:flex}.motion-tempo-card-box.idle{color:var(--ink-300);background:#0000004d;border-color:#ffffff1a;font-size:11px;font-weight:400}.motion-tempo-card-box.info{border-color:var(--gilt-400);color:var(--gilt-100)}.motion-tempo-card-box.result{color:#a7f3d0;border-color:#68d391}.motion-health-card{padding:var(--sp-3);border:1px solid var(--gilt-line);border-radius:var(--r-lg);gap:var(--sp-3);background:#0e122cd9;flex-direction:column;display:flex}.motion-health-header{justify-content:space-between;align-items:center;display:flex}.motion-health-title-group{align-items:center;gap:6px;display:flex}.motion-health-title{font-size:var(--fs-xs);color:var(--parchment-100);font-weight:600}.motion-health-badge-icon.healthy{color:#4cd964}.motion-health-badge-icon.warning{color:#fc0}.motion-health-badge-icon.danger{color:#ff4757}.motion-health-status-badge{border-radius:var(--r-full);padding:2px 6px;font-size:10px;font-weight:700}.motion-health-status-badge.healthy{color:#4cd964;background:#4cd96426;border:1px solid #4cd9644d}.motion-health-status-badge.warning{color:#fc0;background:#ffcc0026;border:1px solid #ffcc004d}.motion-health-status-badge.danger{color:#ff4757;background:#ff475726;border:1px solid #ff47574d}.motion-health-list{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.motion-health-item{border-radius:var(--r-sm);background:#00000040;border-left:3px solid #0000;gap:8px;padding:6px 8px;font-size:11px;display:flex}.motion-health-item.healthy{border-left-color:#4cd964}.motion-health-item.warning{border-left-color:#fc0}.motion-health-item.danger{border-left-color:#ff4757}.motion-health-item-icon{margin-top:1px}.motion-health-item-content{flex-direction:column;flex:1;gap:2px;display:flex}.motion-health-item-title{color:var(--ink-100);font-weight:600}.motion-health-item-msg{color:var(--ink-300)}.motion-health-item-advice{color:var(--gilt-400);align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}.motion-modal-footer{padding:var(--sp-3) var(--sp-6);border-top:1px solid var(--border-line);background:#0c102899;justify-content:space-between;align-items:center;display:flex}.motion-modal-footer-hint{color:var(--ink-400);font-size:11px}.motion-modal-done-btn{padding:var(--sp-2) var(--sp-6);font-size:var(--fs-sm)}.motion-help-backdrop{z-index:1000;padding:var(--sp-4);background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.motion-help-card{border:1px solid var(--gilt-400);border-radius:var(--r-lg);width:100%;max-width:480px;box-shadow:var(--el-3), 0 0 40px #000000e6;padding:var(--sp-4);gap:var(--sp-3);background:linear-gradient(#1c2450fa 0%,#0e122cfa 100%);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) slideInUp;display:flex}.motion-help-header{border-bottom:1px solid var(--border-line);padding-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.motion-help-title-group{align-items:center;gap:8px;display:flex}.motion-help-icon{color:var(--gilt-300)}.motion-help-title{font-size:var(--fs-md);color:var(--gilt-200);font-weight:700}.motion-help-unit-tag{color:var(--gilt-300);border-radius:var(--r-full);background:#c9a22726;border:1px solid #c9a2274d;padding:1px 6px;font-size:10px}.motion-help-close{color:var(--ink-300);border-radius:50%;padding:2px}.motion-help-body{gap:var(--sp-3);flex-direction:column;display:flex}.motion-help-section{flex-direction:column;gap:4px;display:flex}.motion-help-label{color:var(--gilt-300);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.motion-help-text{font-size:var(--fs-xs);color:var(--parchment-100);margin:0;line-height:1.5}.motion-help-grid{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.motion-help-box{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:#0000004d;border:1px solid #ffffff14;flex-direction:column;gap:2px;display:flex}.motion-help-box.high{border-color:#c9a2274d}.motion-help-box.low{border-color:#6496ff4d}.motion-help-box-title{align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.motion-help-box.high .motion-help-box-title{color:var(--gilt-300)}.motion-help-box.low .motion-help-box-title{color:#82b1ff}.motion-help-box-desc{color:var(--ink-200);margin:0;font-size:11px;line-height:1.4}.motion-help-recommend{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-xs);background:#c9a22714;border:1px solid #c9a22740;align-items:flex-start;gap:8px;display:flex}.motion-help-check{color:#4cd964;margin-top:2px}.motion-help-rec-title{color:var(--ink-300)}.motion-help-rec-val{color:var(--gilt-200)}.motion-help-rec-range{color:var(--ink-400);margin-top:2px;font-size:10px}.motion-help-footer{justify-content:flex-end;display:flex}.motion-help-ok-btn{font-size:var(--fs-xs);padding:4px 16px}.motion-sound-test-card{margin-top:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);gap:var(--sp-2);background:#10163699;border:1px dashed #c9a22740;flex-direction:column;display:flex}.motion-sound-test-title{color:var(--gilt-300);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.motion-sound-test-btns{flex-wrap:wrap;gap:6px;display:flex}.motion-sound-chip{border-radius:var(--r-sm);color:var(--ink-200);cursor:pointer;background:#ffffff0d;border:1px solid #c9a22726;padding:3px 8px;font-size:11px;transition:all .15s}.motion-sound-chip:hover{border-color:var(--gilt-400);color:var(--gilt-200);background:#c9a22726}@media (width<=680px){.motion-modal-backdrop{padding:var(--sp-2)}.motion-modal-card{border-radius:var(--r-lg);max-height:95vh}.motion-modal-header{padding:var(--sp-3) var(--sp-4)}.motion-modal-title{font-size:15px}.motion-modal-subtitle{display:none}.motion-presets-bar{padding:var(--sp-2) var(--sp-3);gap:4px}.motion-preset-chip{padding:2px 7px;font-size:10px}.motion-modal-body{padding:var(--sp-3);gap:var(--sp-3);grid-template-columns:1fr}.motion-tab-bar{padding:var(--sp-2) var(--sp-3);grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.motion-tab-btn{justify-content:center;gap:4px;padding:6px 4px;font-size:11px}.motion-tab-btn span{font-size:11px}.motion-param-card{gap:5px;padding:10px 12px}.motion-param-label{font-size:12.5px}.motion-value-pill{padding:1px 6px;font-size:10px}.motion-param-desc-brief{font-size:10.5px;line-height:1.35}.motion-param-control{gap:8px;width:100%;min-width:0;margin-top:4px}.motion-param-slider{flex:1;height:28px}.motion-param-number-input{width:48px;padding:2px 4px;font-size:11px}.motion-preview-stage{height:170px}.motion-modal-footer{padding:var(--sp-2) var(--sp-4)}.motion-modal-footer-hint{display:none}.motion-modal-done-btn{width:100%}}@media (width<=420px){.motion-modal-header{padding:var(--sp-2) var(--sp-3)}.motion-modal-title{font-size:14px}.motion-tab-bar{grid-template-columns:repeat(5,1fr);gap:2px;padding:6px 4px}.motion-tab-btn{gap:2px;padding:6px 2px;font-size:10px}.motion-tab-btn span{font-size:10px}}.hand-action-bar{justify-content:center;align-items:center;gap:12px;margin-top:4px;animation:.2s ease-out fadeIn;display:flex}.hand-action-btn{background:linear-gradient(180deg, var(--seal-300), var(--seal-500) 55%, var(--seal-700));border:1px solid var(--gilt-300);box-shadow:0 0 14px var(--seal-glow), var(--el-2);font-size:var(--fs-sm);border-radius:var(--r-pill);color:var(--parchment-100);cursor:pointer;align-items:center;gap:6px;padding:6px 18px;font-weight:600;display:flex}.hand-action-cancel{border:1px solid var(--gilt-line);color:var(--ink-300);font-size:var(--fs-xs);border-radius:var(--r-pill);cursor:pointer;background:#efe3c814;padding:6px 14px}.discard-inspect-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--sp-4);background:#040712b3;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.discard-inspect-card{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px;display:flex}.token-container{align-items:center;gap:3px;margin-left:6px;display:inline-flex}.token-seal{background:radial-gradient(circle at 35% 30%, var(--seal-300), var(--seal-700));width:15px;height:15px;box-shadow:0 0 4px var(--seal-glow), inset 0 0 2px #fff6;border:1px solid var(--gilt-500);color:var(--parchment-100);border-radius:50%;justify-content:center;align-items:center;font-size:9px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;display:inline-flex}.token-seal.empty{border-color:var(--gilt-line);box-shadow:none;opacity:.4;background:#efe3c814}.ai-thought-wrapper{z-index:25;flex-direction:column;align-items:flex-start;gap:6px;max-width:360px;display:flex;position:absolute;top:10px;left:10px}.ai-thought-toggle-btn{border-radius:var(--r-pill);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--gilt-line);box-shadow:var(--el-1);background:#080c1ed9;align-items:center;gap:6px;padding:4px 10px;font-size:11px;transition:all .2s;display:inline-flex}.ai-thought-toggle-btn:hover{border-color:var(--gilt-400);background:#141a32f2}.ai-thought-panel{border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-shadow:var(--el-2);background:#080c1eeb;padding:8px 12px;animation:.2s ease-out fadeIn}.ai-thought-header{font-size:var(--fs-xs);border-bottom:1px solid var(--gilt-line);align-items:center;gap:6px;margin-bottom:6px;padding-bottom:4px;display:flex}.ai-thought-content{flex-direction:column;gap:4px;display:flex}.ai-thought-row{align-items:center;gap:8px;font-size:11px;display:flex}.ai-thought-target{min-width:50px;font-weight:600}.ai-thought-probs{flex-wrap:wrap;flex:1;gap:4px;display:flex}.ai-prob-chip{background:var(--surface-sunk);border:1px solid var(--gilt-line);border-radius:var(--r-pill);align-items:center;gap:3px;padding:1px 6px;font-size:10px;display:inline-flex}.ai-thought-known{color:var(--emerald-400);font-size:11px;font-weight:600}.deck-preview-wrap{background:var(--surface-sunk);border:1px solid var(--gilt-line);border-radius:var(--r-md);text-align:left;margin-top:10px;padding:10px}.deck-preview-title{font-family:var(--font-display);color:var(--gilt-300);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.deck-preview-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:4px;max-height:120px;display:grid;overflow-y:auto}.deck-preview-chip{background:#efe3c80a;border-radius:3px;align-items:center;gap:4px;padding:2px 4px;font-size:10px;display:flex}.lobby-header-controls{gap:8px;display:flex;position:absolute;top:16px;right:16px}.lobby-header-controls .settings-button{width:36px;height:36px}.playing-card.is-selected{border-color:var(--gilt-300)!important;box-shadow:0 0 24px var(--gilt-glow), 0 12px 28px #0009!important;z-index:10!important;transform:translateY(-14px)scale(1.04)!important}.motion-modal-body-full{display:block;overflow-y:auto}.motion-compare{flex-direction:column;gap:12px;padding:4px 2px 8px;display:flex}.motion-compare-toolbar{z-index:3;background:var(--surface-sunk,#0a0e1eeb);border-bottom:1px solid var(--gilt-line,#c9a22740);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 2px;display:flex;position:sticky;top:0}.motion-compare-cats{flex:1;gap:6px;min-width:220px;display:flex}.motion-tab-btn.compact{flex:1;gap:5px;padding:7px 12px;font-size:12px}.motion-compare-playall{white-space:nowrap;align-items:center;gap:6px;display:flex}.motion-compare-hint{color:var(--parchment-muted,#9aa3c7);margin:0;font-size:11px;line-height:1.6}.motion-compare-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.motion-compare-cell{border:1px solid var(--gilt-line,#c9a22740);border-radius:var(--r-md,10px);background:var(--surface-sunk,#0a0e1e8c);flex-direction:column;gap:8px;padding:10px;display:flex}.motion-compare-cell.is-active{border-color:var(--gilt-300,#e3c267);box-shadow:0 0 0 1px var(--gilt-300,#e3c267) inset}.motion-compare-cell-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.motion-compare-cell-title{align-items:center;gap:6px;min-width:0;display:flex}.motion-compare-cell-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.motion-compare-stage .motion-preview-card{background:0 0;border:none;padding:0}.motion-compare-stage .motion-preview-stage{min-height:190px}.motion-compare-stats{flex-direction:column;gap:2px;margin:0;display:flex}.motion-compare-stat{border-bottom:1px dashed #ffffff0f;justify-content:space-between;align-items:baseline;gap:8px;padding:2px 0;font-size:11px;display:flex}.motion-compare-stat dt{color:var(--parchment-muted,#9aa3c7);white-space:nowrap}.motion-compare-stat dd{font-variant-numeric:tabular-nums;color:var(--gilt-300,#e3c267);white-space:nowrap;margin:0;font-weight:700}.motion-compare-desc{color:var(--parchment-muted,#9aa3c7);flex:1;margin:0;font-size:11px;line-height:1.55}.motion-compare-apply{width:100%;padding:11px;font-size:13px}.motion-compare-apply.is-applied{opacity:.55;cursor:default}.motion-compare-current-tag{text-align:center;border-radius:var(--r-sm,8px);border:1px dashed var(--gilt-line,#c9a22759);color:var(--gilt-300,#e3c267);padding:10px;font-size:12px}@media (width<=640px){.motion-compare-grid{grid-template-columns:1fr}.motion-compare-toolbar{position:static}}.motion-compare-cell-name{white-space:normal;text-overflow:clip;line-height:1.3;overflow:visible}.motion-compare-cell-head{align-items:flex-start}.motion-compare-toolbar{border-radius:var(--r-sm,8px);background:#0d122e;margin:0 -2px;padding:8px 4px;box-shadow:0 6px 12px #060918bf}@media (width<=560px){.motion-tab-bar{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;overflow:visible}.motion-tab-btn{min-height:38px;padding:8px 4px;font-size:10.5px}.motion-compare-stage .motion-preview-stage{min-height:210px;padding-bottom:26px}}
