@font-face{font-family:Rounded;src:url(/assets/fonts/Rounded-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rounded;src:url(/assets/fonts/Rounded-Black.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--bg:#0d0f14;--bg-raised:#161a22;--bg-sunken:#090b0f;--border:#262c38;--border-strong:#39414f;--text:#e8eaee;--text-muted:#949cab;--text-faint:#5f6775;--accent:#f2c94c;--accent-ink:#2a2109;--danger:#e2622f;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-display:"Rounded", var(--font-sans);--radius:10px;--radius-lg:18px;--shell:1080px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{overflow-x:clip}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}a{color:inherit}:root,.card-panel,.repo-list{--surface-tint:color-mix(in srgb, var(--element,transparent) 7%, var(--bg-raised));--border-tint:color-mix(in srgb, var(--element,transparent) 22%, var(--border))}.brand,.hero h1,.card-headline h1,.error-state h1,.support-copy h2,.stat-grid dd,.fighter-hp span,.replay-vs,.replay-result{font-family:var(--font-display)}img,svg{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{min-height:100dvh;max-width:var(--shell);flex-direction:column;margin:0 auto;padding:0 20px;display:flex}.shell-header,.shell-footer{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.shell-footer{border-top:1px solid var(--border);color:var(--text-faint);margin-top:auto;font-size:14px}.shell-main{flex-direction:column;gap:48px;padding:24px 0 64px;display:flex}.brand{letter-spacing:-.3px;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.brand-mark,.pack-mark{background:var(--accent);-webkit-mask:url(/assets/brand/gitmon-mark.svg) 50%/contain no-repeat;mask:url(/assets/brand/gitmon-mark.svg) 50%/contain no-repeat}.brand-mark{width:24px;height:24px}.shell-actions{align-items:center;gap:14px;display:flex}.locale-toggle{border:1px solid var(--border);border-radius:999px;display:flex;overflow:hidden}.locale-toggle[data-pending]{opacity:.6}.locale-toggle button{color:var(--text-faint);letter-spacing:.6px;cursor:pointer;background:0 0;border:0;padding:5px 11px;font-size:12px;font-weight:700}.locale-toggle button[aria-pressed=true]{background:var(--bg-raised);color:var(--text)}.ghost-link{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:14px;text-decoration:none}.ghost-link:hover{color:var(--text)}.button{border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;align-items:center;padding:9px 18px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.sponsor{color:var(--accent);font-weight:700;text-decoration:none}.radar{flex-direction:column;gap:10px;margin:0;display:flex}.radar figcaption h2{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-faint);margin:0;font-size:13px}.radar figcaption p{color:var(--text-faint);margin:4px 0 0;font-size:12.5px}.radar-grid{fill:none;stroke:var(--border);stroke-width:1px}.radar-spoke{stroke:var(--border);stroke-width:1px}.radar-shape{fill:var(--element,var(--accent));fill-opacity:.28;stroke:var(--element,var(--accent));stroke-width:2px;stroke-linejoin:round}.radar-vertex{fill:var(--element,var(--accent));stroke:var(--bg);stroke-width:2px}.radar-label{fill:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:700;transition:fill .2s,opacity .25s}.radar-svg-wrap{align-self:center;width:100%;max-width:260px;position:relative}.radar-svg{width:100%;height:auto;overflow:visible}.radar-sector-active{fill:var(--element,var(--accent));fill-opacity:.12;stroke:var(--element,var(--accent));stroke-opacity:.3;stroke-width:1px;animation:.16s cubic-bezier(.16,1,.3,1) both pop}.radar-hitzone{cursor:pointer}.radar-hitzone:focus-visible{outline:2px solid var(--element,var(--accent));outline-offset:-2px}.radar-values{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.radar-values caption{text-align:left;letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);padding-bottom:8px;font-size:11px;font-weight:700}.radar-values caption span{letter-spacing:0;text-transform:none;color:var(--text-faint);margin-top:2px;font-size:11px;font-weight:400;display:block}.radar-values tr{transition:opacity .25s}.radar-values tr[data-dim]{opacity:.4}.radar-values th[scope=row]{color:var(--text-muted);white-space:nowrap;padding:5px 10px 5px 0;font-weight:600}.radar-values tr[data-active] th[scope=row]{color:var(--text)}.radar-meter-cell{width:100%;padding:5px 10px}.radar-meter{background:color-mix(in srgb, var(--element,var(--accent)) 16%, var(--bg-sunken));border-radius:3px;height:6px;display:block;overflow:hidden}.radar-meter-fill{background:var(--element,var(--accent));border-radius:0 3px 3px 0;height:100%;transition:width .3s cubic-bezier(.22,1,.36,1);display:block}.radar-values tr[data-peak] .radar-meter-fill{box-shadow:0 0 0 1px color-mix(in srgb, var(--element,var(--accent)) 60%, transparent)}.radar-raw{text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding:5px 0;font-weight:700}.radar-values tr[data-active] .radar-raw,.radar-values tr[data-peak] .radar-raw{color:var(--text)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.why ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.why li{border-radius:var(--radius);background:var(--surface-tint);box-shadow:inset 2px 0 0 color-mix(in srgb, var(--element,transparent) 55%, transparent);grid-template-columns:1fr auto;gap:0 12px;padding:10px 12px;display:grid}.why-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px;align-self:center;font-size:12px}.why-value{color:var(--element,var(--text));text-align:right;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.type-icon{vertical-align:-.15em;flex:none;display:inline-block}.headline-type{align-items:center;gap:6px;display:inline-flex}.why-reason{color:var(--text-muted);grid-column:1/-1;margin-top:3px;font-size:13px;line-height:1.45}.pack{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090b0feb;flex-direction:column;justify-content:center;align-items:center;gap:28px;animation:.22s both pack-in;display:flex;position:fixed;inset:0}.pack[data-stage=opening]{animation:.32s .62s both pack-finish}@keyframes pack-in{0%{opacity:0}}@keyframes pack-finish{to{opacity:0;visibility:hidden}}.pack-stage{flex-direction:column;align-items:center;gap:18px;display:flex}.pack-wrapper{cursor:pointer;background:0 0;border:0;width:280px;height:392px;padding:0;position:relative}.pack-float{animation:3.4s ease-in-out infinite pack-idle;display:block;position:absolute;inset:0}.pack-wrapper:disabled{cursor:default}.pack-wrapper:focus-visible{outline:2px solid var(--accent);outline-offset:8px}@keyframes pack-idle{50%{transform:translateY(-6px)}}.pack-body{background:linear-gradient(155deg, var(--bg-raised) 0%, var(--bg-sunken) 62%, var(--bg-raised) 100%);border:1px solid var(--border-strong);clip-path:polygon(0% 6%,6% 0%,14% 6%,22% 0%,30% 6%,38% 0%,46% 6%,54% 0%,62% 6%,70% 0%,78% 6%,86% 0%,94% 6%,100% 0%,100% 100%,0% 100%);border-top:0;border-radius:0 0 14px 14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:34px 0 0}.pack-mark{width:58px;height:58px}.pack-brand{color:var(--text-faint);letter-spacing:3px;font-size:11px;font-weight:800}.pack-strip{background:linear-gradient(120deg, var(--accent) 0%, #ffe08a 48%, var(--accent) 100%);clip-path:polygon(0% 0%,100% 0%,100% 58%,94% 100%,86% 58%,78% 100%,70% 58%,62% 100%,54% 58%,46% 100%,38% 58%,30% 100%,22% 58%,14% 100%,6% 58%,0% 100%);transform-origin:0%;border-radius:14px 14px 0 0;height:46px;position:absolute;top:0;left:0;right:0}.pack-glow{opacity:0;pointer-events:none;background:radial-gradient(at 50% 0,#ffffffd9,#ffecaa59 42%,#0000 72%);height:120px;position:absolute;top:26px;left:8%;right:8%}.pack[data-stage=opening] .pack-float{animation:none}.pack[data-stage=opening] .pack-strip{animation:.42s cubic-bezier(.22,1,.36,1) both pack-tear}.pack[data-stage=opening] .pack-glow{animation:.62s ease-out both pack-leak}.pack[data-stage=opening] .pack-body{animation:.56s cubic-bezier(.5,0,.75,0) .18s both pack-fall}@keyframes pack-tear{to{opacity:0;transform:translate(46%,-128%)rotate(19deg)}}@keyframes pack-leak{35%{opacity:1}to{opacity:0;transform:scaleY(2.1)}}@keyframes pack-fall{to{opacity:0;transform:translateY(58%)rotate(-4deg)}}.pack-hint{color:var(--text-faint);letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:700}.pack[data-stage=opening] .pack-hint{opacity:0}.pack-skip{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:9px 20px;font-size:13px;font-weight:700}.pack-skip:hover{color:var(--text);border-color:var(--border-strong)}@media (prefers-reduced-motion:reduce){.pack,.pack *{animation-delay:0s!important}}.support-band{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 24px;padding:24px 28px;display:flex}.support-copy h2{letter-spacing:-.3px;margin:0;font-size:19px}.support-copy p{color:var(--text-muted);max-width:46ch;margin:6px 0 0;font-size:14px}.support-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.support-star{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-sunken);align-items:center;gap:10px;padding:9px 16px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.support-star:hover{border-color:var(--accent)}.support-star-glyph{color:var(--accent);font-size:17px;line-height:1}.support-star-label{flex-direction:column;line-height:1.25;display:flex}.support-star-label b{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.hero{flex-direction:column;gap:14px;max-width:620px;padding-top:24px;display:flex}.hero h1{letter-spacing:-1px;margin:0;font-size:clamp(30px,5vw,44px);line-height:1.1}.hero p{color:var(--text-muted);margin:0;font-size:17px}.search-form{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.search-form input,.battle-form input{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-sunken);min-width:0;color:var(--text);flex:260px;padding:11px 14px}.search-form input:focus-visible,.battle-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card-panel .battle-form input:focus-visible{outline-color:var(--element,var(--accent))}.search-input-wrap{flex:260px;min-width:0;position:relative}.search-input{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-sunken);width:100%;color:var(--text);font-family:var(--font-mono);outline:none;padding:11px 14px;font-size:15px;font-weight:600;transition:border-color .2s,box-shadow .2s}.search-input:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f2c94c26}.search-dropdown{z-index:30;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);margin:0;padding:0;list-style:none;animation:.15s both dropdown-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 18px 50px #19152140}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}}.search-dropdown-status{color:var(--text-faint);padding:10px 14px;font-size:12.5px}.search-dropdown-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 12px;transition:background .12s;display:flex}.search-dropdown-item:hover{background:var(--bg-sunken)}.search-dropdown-avatar{border:1px solid var(--border);background:var(--bg-sunken);object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px}.search-dropdown-text{flex-direction:column;min-width:0;display:flex}.search-dropdown-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.search-dropdown-login{font-family:var(--font-mono);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.search-form button[type=submit],.battle-form button[type=submit]{border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;padding:11px 20px;font-weight:800}.samples{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;display:grid}.sample{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.dither{z-index:-1;pointer-events:none;opacity:.5;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0;-webkit-mask-image:radial-gradient(72% 58% at 50% 46%,#0000 6%,#00000073 44%,#000 84%);mask-image:radial-gradient(72% 58% at 50% 46%,#0000 6%,#00000073 44%,#000 84%)}@media (min-height:560px){:is(html:has(.shell[data-landing]),body:has(.shell[data-landing])){overflow-y:clip}.shell[data-landing]{height:100dvh}.shell[data-landing] .shell-header{border-bottom:1px solid var(--border);padding:16px 0}.shell[data-landing] .shell-main{flex:1;justify-content:center;align-items:center;gap:clamp(20px,4.5vh,52px);min-height:0;padding:0}.shell[data-landing] .hero{text-align:center;align-items:center;gap:clamp(8px,1.6vh,16px);max-width:38rem;padding-top:0}.shell[data-landing] .hero h1{text-wrap:balance;font-size:clamp(26px,min(4.4vh,8vw),44px)}.shell[data-landing] .hero p{text-wrap:balance;max-width:44ch;font-size:clamp(14px,1.9vh,17px)}.shell[data-landing] .search-form{flex-wrap:nowrap;justify-content:center;width:100%;max-width:27rem;margin-top:clamp(4px,1.2vh,12px)}.shell[data-landing] .search-form button{white-space:nowrap}.shell[data-landing] .samples{--sample-w:min(224px, (100vw - 40px) / 3, 22vh);--sample-lap:calc(var(--sample-w) * .04);justify-content:center;gap:0;display:flex}.shell[data-landing] .sample{width:var(--sample-w);margin-inline:calc(var(--sample-lap) * -1);font-family:var(--font-mono);letter-spacing:-.2px;gap:clamp(6px,1.2vh,12px);font-size:clamp(11px,1.5vh,13.5px);font-weight:500;transition:transform .34s cubic-bezier(.22,1,.36,1);position:relative}.shell[data-landing] .sample:hover,.shell[data-landing] .sample:focus-visible{z-index:2}.shell[data-landing] .sample .tilt-scene{transition:transform .34s cubic-bezier(.22,1,.36,1)}.shell[data-landing] .sample:hover .tilt-scene,.shell[data-landing] .sample:focus-visible .tilt-scene{transform:translateY(-6%)}.shell[data-landing] .sample:hover~.sample,.shell[data-landing] .sample:focus-visible~.sample{transform:translateX(calc(var(--sample-lap) * 3))}:is(.shell[data-landing] .sample:has(~.sample:hover),.shell[data-landing] .sample:has(~.sample:focus-visible)){transform:translateX(calc(var(--sample-lap) * -3))}.shell[data-landing] .shell-footer{padding:12px 0}}.support-band[data-compact]{background:color-mix(in srgb, var(--bg-raised) 74%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:14px;margin:0 0 14px;padding:12px 18px}.support-band[data-compact] .support-copy h2{font-size:15px}.support-band[data-compact] .support-star,.support-band[data-compact] .button{padding:7px 14px;font-size:13px}.tilt-scene{--tilt-radius:4.7cqw;perspective:1100px;width:100%;max-width:340px;container-type:inline-size}.tilt-card{border-radius:var(--tilt-radius);--active:0;--foil:0;transform:translateZ(calc(var(--active) * 26px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:transform;animation:.72s cubic-bezier(.22,1,.36,1) backwards reveal;position:relative}.tilt-card img{border-radius:var(--tilt-radius);width:100%;height:auto;filter:drop-shadow(0 calc(18px + var(--active) * 16px) calc(34px + var(--active) * 26px) rgb(0 0 0/calc(.45 + var(--active) * .2)))}.tilt-glare{border-radius:var(--tilt-radius);pointer-events:none;opacity:var(--active);background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #fff3, transparent 38%);position:absolute;inset:0}.tilt-inner{transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,1,.36,1);position:relative}.tilt-inner[data-flipped]{transform:rotateY(180deg)}.tilt-face{backface-visibility:hidden}.tilt-face-front{position:relative}.tilt-face-back{border-radius:var(--tilt-radius);position:absolute;inset:0;transform:rotateY(180deg)}.tilt-face-back img{object-fit:cover;width:100%;height:100%}.tilt-holo{border-radius:var(--tilt-radius);pointer-events:none;position:absolute;inset:0;overflow:hidden}.tilt-holo>*{position:absolute;inset:0}.tilt-foil{mix-blend-mode:screen;opacity:calc(var(--foil) * (.07 + var(--active) * .25));-webkit-mask-image:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #000 0%, #00000073 38%, transparent 74%);-webkit-mask-image:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #000 0%, #00000073 38%, transparent 74%);mask-image:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #000 0%, #00000073 38%, transparent 74%)}.tilt-foil-svg{width:100%;height:100%}.tilt-spectral{mix-blend-mode:color;opacity:calc(var(--foil) * var(--active) * .85);background:repeating-linear-gradient(112deg,#f63159 0%,#fbc72d 5%,#2aea6a 10%,#25cef8 15%,#9847f5 20%,#f73bb8 25%,#f63159 30%) 0 0/220% 220%;background-position:var(--holo-shift,50%) var(--holo-drift,50%);-webkit-mask-image:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #000 0%, #00000073 28%, transparent 58%);-webkit-mask-image:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #000 0%, #00000073 28%, transparent 58%);mask-image:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #000 0%, #00000073 28%, transparent 58%)}.tilt-sheen{mix-blend-mode:overlay;opacity:calc(var(--foil) * (.08 + var(--active) * .24));background:linear-gradient(108deg,#0000 36%,#ffffffb8 47%,#ffffff38 53%,#0000 64%) 0 0/260% 100%;background-position:var(--sheen-shift,50%) center}.tilt-grain{mix-blend-mode:overlay;opacity:calc(var(--foil) * .16);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='0.55'/></svg>")}.tilt-pattern{mix-blend-mode:overlay;opacity:calc(var(--foil) * (.06 + var(--active) * .34));background-size:116% 116%;background-position:var(--holo-shift,50%) var(--holo-drift,50%);background-repeat:no-repeat}.tilt-holo[data-pattern=linear] .tilt-pattern{background-image:url(/assets/patterns/linear.png)}.tilt-holo[data-pattern=cosmos] .tilt-pattern{background-image:url(/assets/patterns/cosmos.png)}.tilt-holo[data-pattern=confetti] .tilt-pattern{background-image:url(/assets/patterns/confetti.png)}.tilt-holo[data-pattern=cracked] .tilt-pattern{background-image:url(/assets/patterns/cracked.png)}.tilt-holo[data-pattern=tinsel] .tilt-pattern{background-image:url(/assets/patterns/tinsel.png);background-position:50%;background-size:100% 100%}.tilt-engraved{mix-blend-mode:soft-light;opacity:calc(var(--foil) * (.45 + var(--active) * .4));background-repeat:no-repeat;background-size:100% 100%}.tilt-holo[data-texture=ultra_rare] .tilt-engraved{background-image:url(/assets/textures/ultra_rare.png)}.tilt-holo[data-texture=special_illustration_rare] .tilt-engraved{background-image:url(/assets/textures/special_illustration_rare.png)}.tilt-holo[data-texture=hyper_rare] .tilt-engraved{background-image:url(/assets/textures/hyper_rare.png)}.tilt-holo[data-metal=gold] .tilt-spectral{filter:hue-rotate(-18deg)saturate(1.15)}.tilt-holo[data-metal=silver] .tilt-spectral{filter:saturate(.55)brightness(1.12)}.tilt-holo[data-fullart] .tilt-spectral{opacity:calc(var(--foil) * var(--active) * .42)}.tilt-holo[data-fullart] .tilt-sheen{opacity:calc(var(--foil) * (.05 + var(--active) * .13))}.tilt-card[data-foil]:after{content:"";border-radius:var(--tilt-radius);pointer-events:none;opacity:calc(var(--foil) * (.25 + var(--active) * .6));background:linear-gradient(calc(120deg + var(--tilt-y,0deg)), #ffffffe6, #ffffff1a 45%, #ffffffbf);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}@keyframes reveal{0%{opacity:0;filter:brightness(1.7)saturate(.35);transform:translateY(20px)scale(.94)rotateX(12deg)}60%{filter:brightness(1.12)saturate()}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.tilt-card{--active:.5;transform:none}.tilt-spectral,.tilt-glare{opacity:0}}.card-panel{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:32px;width:min(1360px,100vw - 40px);margin-inline:calc(50% + -1*min(680px,50vw - 20px));display:grid}.card-center{flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.card-center:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--element,#f2c94c) 34%, transparent) 0%, color-mix(in srgb, var(--element,#f2c94c) 12%, transparent) 34%, transparent 68%);width:620px;height:620px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.card-aside{flex-direction:column;gap:26px;min-width:0;display:flex}.card-aside-left,.card-aside-left .why li{text-align:right}.card-aside-left .why-label{order:2}.card-aside-left .why-value{text-align:left;order:1;justify-content:flex-start}.card-aside-left .why-reason{order:3}.card-aside-left .radar-values{direction:rtl}.card-aside-left .radar-values th,.card-aside-left .radar-values td,.card-aside-left .radar-values caption{direction:ltr}.card-aside-left .radar-values caption,.card-aside-left .radar-values th[scope=row]{text-align:right}.card-aside-left .radar-values th[scope=row],.card-aside-left .radar-raw{padding:5px 0 5px 10px}.card-aside-left .radar-meter-fill{border-radius:3px 0 0 3px;margin-left:auto}.card-panel>.card-side{grid-column:1/-1}@media (max-width:900px){.card-panel{grid-template-columns:minmax(0,1fr);gap:28px}.card-center{order:-1}.card-aside-left,.card-aside-left .why li{text-align:left}.card-aside-left .why-label{order:0}.card-aside-left .why-value{text-align:right;order:0;justify-content:flex-end}.card-aside-left .radar-values{direction:ltr}.card-aside-left .radar-values caption,.card-aside-left .radar-values th[scope=row]{text-align:left}.card-aside-left .radar-values th[scope=row]{padding:5px 10px 5px 0}.card-aside-left .radar-raw{padding:5px 0}.card-aside-left .radar-meter-fill{border-radius:0 3px 3px 0;margin-left:0}}.card-side{flex-direction:column;gap:26px;min-width:0;display:flex}.card-headline{text-align:center}.card-headline h1{letter-spacing:-.8px;margin:0;font-size:34px}.headline-tag{color:var(--element,var(--text-muted));letter-spacing:1.4px;vertical-align:baseline;margin-left:10px;font-size:15px;font-weight:900}.card-headline p{color:var(--element,var(--text-muted));text-transform:uppercase;letter-spacing:1.2px;margin:6px 0 0;font-size:14px;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin:0;display:grid}.stat-grid dt{color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px;font-size:12px}.stat-grid dd{margin:2px 0 0;font-size:22px;font-weight:800}.embed h2,.battle-form h2,.repo-list h2,.battle-actions h2{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-faint);margin:0 0 10px;font-size:13px}.share-actions{flex-wrap:wrap;gap:10px;display:flex}.share-button{border:1px solid var(--border-tint);border-radius:var(--radius);background:var(--surface-tint);min-width:160px;color:var(--text);font:inherit;text-align:center;cursor:pointer;flex:none;padding:11px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .24s cubic-bezier(.22,1,.36,1)}.share-button:hover{border-color:var(--element,var(--border-strong))}.copy-field{background:var(--bg-sunken);border:1px solid var(--border-tint);border-radius:var(--radius);align-items:stretch;gap:8px;padding:8px 8px 8px 12px;display:flex}.copy-field code{min-width:0;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;flex:1;align-self:center;font-size:12.5px;overflow-x:auto}.copy-field button{background:var(--bg-raised);color:var(--text);cursor:pointer;white-space:nowrap;border:0;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:700}.battle-form-row{flex-wrap:wrap;gap:10px;display:flex}.battle-form-modes{border:1px solid var(--border-tint);background:var(--bg-sunken);border-radius:999px;gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.battle-form-modes button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:800;transition:color .2s,background .2s}.battle-form-modes button:hover:not(.is-active){color:var(--text)}.battle-form-modes button.is-active{background:var(--element,var(--accent));color:var(--accent-ink)}.owner-link a{color:var(--text-muted);font-size:14px}.repo-list ul{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.repo-list a{border:1px solid var(--border-tint);border-radius:var(--radius);background:var(--surface-tint);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.repo-list a:hover{border-color:var(--element,var(--border-strong))}.repo-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.repo-meta{color:var(--text-faint);white-space:nowrap;gap:10px;font-size:12.5px;display:flex}.repo-meta em{font-style:normal}.replay{flex-direction:column;gap:24px;display:flex}.replay-fighters{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.replay-vs{color:var(--text-faint);font-size:22px;font-weight:900}.fighter-bar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);opacity:.7;flex-direction:column;flex:240px;align-items:center;gap:10px;min-width:0;padding:16px 18px;transition:opacity .24s,border-color .24s;display:flex}.fighter-bar[data-won]{opacity:1;border-color:var(--accent)}.fighter-card-img{border-radius:10px;width:100px;height:auto;box-shadow:0 4px 16px #0000004d}.fighter-head{justify-content:center;align-items:center;gap:7px;max-width:100%;display:flex}.fighter-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-mark{flex:none}.fighter-won{letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.fighter-hp{align-items:baseline;gap:6px;margin:6px 0;display:flex}.fighter-hp span{font-size:26px;font-weight:900}.fighter-hp i{color:var(--text-faint);font-style:normal}.fighter-hp small{letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.fighter-track{background:color-mix(in srgb, var(--side,var(--accent)) 18%, var(--bg-sunken));border-radius:5px;width:100%;height:10px;position:relative;overflow:hidden}.fighter-fill,.fighter-ghost{border-radius:0 5px 5px 0;height:100%;position:absolute;inset:0 auto 0 0}.fighter-fill{background:var(--side,var(--accent));transition:width .4s cubic-bezier(.22,1,.36,1)}.fighter-ghost{background:color-mix(in srgb, var(--side,var(--accent)) 55%, transparent);pointer-events:none;animation:.62s cubic-bezier(.22,1,.36,1) both hp-hit}@keyframes hp-hit{0%{opacity:1}35%{opacity:1}to{opacity:0}}.replay-log{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.replay-log li{background:var(--bg-raised);box-shadow:inset 2px 0 0 var(--turn-side,transparent);border-radius:8px;align-items:baseline;gap:10px;padding:9px 12px;animation:.26s both log-in;display:flex}.replay-log li[data-side=a]{--turn-side:var(--side-a)}.replay-log li[data-side=b]{--turn-side:var(--side-b)}.replay-log .side-mark{align-self:center}@keyframes log-in{0%{opacity:0;transform:translate(-6px)}}.turn-index{color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.turn-body{color:var(--text-muted)}.turn-body b{color:var(--text)}.effective,.resisted{text-transform:uppercase;letter-spacing:.8px;margin-left:6px;font-size:11px;font-style:normal;font-weight:800}.effective{color:var(--danger)}.resisted{color:var(--text-faint)}.skip{align-self:flex-start;font-size:13px}.replay-result{margin:0;font-size:22px;font-weight:900}.replay-result em{color:var(--text-faint);font-size:14px;font-style:normal;font-weight:600}.battle-actions{flex-direction:column;gap:12px;max-width:640px;display:flex}.battle-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mode-switch{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mode-switch a{border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:800;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.mode-switch a:hover{border-color:var(--accent);color:var(--accent)}.battle-radar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);flex-direction:column;align-items:center;gap:14px;margin:8px 0;padding:24px;display:flex}.battle-radar-caption h2{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-faint);text-align:center;margin:0;font-size:13px}.battle-radar-caption p{color:var(--text-faint);text-align:center;margin:4px 0 0;font-size:12.5px}.battle-radar-legend{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.battle-radar-legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.battle-radar-legend-item svg{flex:none}.battle-radar-svg-wrap{width:100%;max-width:260px;position:relative}.battle-radar-svg{width:100%;height:auto;overflow:visible}.battle-radar-shape{stroke-width:2px;stroke-linejoin:round;transition:fill-opacity .25s,stroke-opacity .25s}.battle-radar-marker{stroke:var(--bg-raised);stroke-width:2px;transition:opacity .25s}.battle-radar-sector{fill:var(--text);fill-opacity:.07;stroke:var(--border-strong);stroke-width:1px;animation:.16s cubic-bezier(.16,1,.3,1) both pop}.battle-radar-hitzone{cursor:pointer}.battle-radar-hitzone:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.axis-compare{border-collapse:collapse;width:100%;max-width:460px;font-size:13px}.axis-compare caption{letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);text-align:center;padding-bottom:10px;font-size:11px;font-weight:700}.axis-compare caption span{letter-spacing:0;text-transform:none;margin-top:2px;font-size:11px;font-weight:400;display:block}.axis-compare thead th{letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint);text-align:center;padding:0 8px 6px;font-size:10px;font-weight:700}.axis-compare-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.axis-compare thead th:first-child{text-align:left}.axis-compare tbody tr{transition:opacity .25s}.axis-compare tbody tr[data-dim]{opacity:.4}.axis-compare th[scope=row]{text-align:left;color:var(--text-muted);white-space:nowrap;padding:7px 10px 7px 0;font-weight:600}.axis-compare tr[data-active] th[scope=row]{color:var(--text)}.axis-compare-value{text-align:center;color:var(--text-faint);font-variant-numeric:tabular-nums;padding:7px 8px;font-weight:600}.axis-compare-value[data-lead]{color:var(--text);font-weight:800}.axis-compare-track-cell{width:100%;padding:7px 10px}.axis-compare-track{height:14px;display:block;position:relative}.axis-compare-rail{background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.axis-compare-link{background:var(--border-strong);border-radius:1px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.axis-compare-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--bg-raised);margin-top:-5px;margin-left:-5px;position:absolute;top:50%}.axis-compare-dot[data-shape=circle]{border-radius:50%}.axis-compare-dot[data-shape=diamond]{border-radius:1px;transform:rotate(45deg)}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.error-state{flex-direction:column;align-items:flex-start;gap:14px;padding:56px 0;display:flex}.error-state h1{margin:0;font-size:26px;font-weight:800}.error-subject{font-family:var(--font-mono);color:var(--text-faint);margin:0;font-size:14px}.duel{flex-direction:column;gap:18px;max-width:640px;display:flex}.duel-monster{border:1px solid var(--border);border-left:3px solid var(--side,var(--border));border-radius:var(--radius-lg);background:var(--bg-raised);align-items:center;gap:18px;padding:16px 18px;transition:border-color .25s,box-shadow .25s;display:flex}.duel-monster[data-turn]{border-left-color:var(--side);box-shadow:0 0 0 1px var(--side)}.duel-monster[data-destroyed]{opacity:.55}.duel-monster-img,.duel-card-back{object-fit:cover;border:1px solid var(--border-strong);border-radius:8px;flex:none;width:84px;height:118px}.duel-card-back{background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--side) 30%, transparent) 0 30%, transparent 31%), linear-gradient(160deg, color-mix(in srgb, var(--side) 22%, var(--bg)) 0 45%, var(--bg) 45% 55%, color-mix(in srgb, var(--side) 18%, var(--bg)) 55%)}.duel-monster-head{align-items:center;gap:8px;min-width:0;display:flex}.duel-monster-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.duel-pos{letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);background:var(--bg);white-space:nowrap;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:800}.duel-pos[data-pos=attack]{color:var(--danger)}.duel-pos[data-pos=defense]{color:var(--accent)}.duel-stats{gap:18px;margin-left:auto;display:flex}.duel-stats span{flex-direction:column;align-items:center;gap:2px;display:flex}.duel-stats i{letter-spacing:.8px;color:var(--text-faint);font-size:10px;font-style:normal;font-weight:700}.duel-stats b,.duel-lp b{font-variant-numeric:tabular-nums;font-size:18px}.duel-lp{white-space:nowrap;align-items:baseline;gap:5px;margin-left:auto;display:flex}.duel-lp b{font-size:22px;font-weight:900}.duel-lp i{letter-spacing:.8px;color:var(--text-faint);font-size:11px;font-style:normal;font-weight:700}.duel-destroyed{color:var(--danger);margin-left:auto;font-size:11px;font-weight:800}.duel-stage{flex-direction:column;align-items:center;gap:12px;min-height:96px;padding:0 4px;display:flex}.duel-narration{text-align:center;color:var(--text);margin:0;font-size:15px}.duel-status,.duel-saving{color:var(--text-faint);margin:0;font-size:12.5px}.duel-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.duel-action{border-radius:var(--radius);background:var(--bg-raised);color:var(--text);border:1px solid var(--border-strong);cursor:pointer;align-items:center;padding:8px 16px;font-size:14px;font-weight:800;display:inline-flex}.duel-action:hover{border-color:var(--accent);color:var(--accent)}.duel-replay{flex-direction:column;gap:18px;max-width:640px;display:flex}.duel-replay-fighters{align-items:stretch;gap:14px;display:flex}.duel-replay-vs{color:var(--text-faint);align-self:center;font-size:22px;font-weight:900}.duel-fighter{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;padding:16px;transition:border-color .25s;display:flex}.duel-fighter[data-won]{border-color:var(--side)}.duel-fighter-img,.duel-fighter-back{object-fit:cover;border:1px solid var(--border-strong);border-radius:10px;width:112px;height:157px}.duel-fighter-back{background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--side) 30%, transparent) 0 30%, transparent 31%), linear-gradient(160deg, color-mix(in srgb, var(--side) 22%, var(--bg)) 0 45%, var(--bg) 45% 55%, color-mix(in srgb, var(--side) 18%, var(--bg)) 55%)}.duel-fighter-head{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.duel-fighter-head strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;overflow:hidden}.duel-fighter-won,.duel-fighter-destroyed{text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:800}.duel-fighter-won{color:var(--side)}.duel-fighter-destroyed{color:var(--danger)}.duel-fighter-stats{gap:16px;display:flex}.duel-fighter-stats span{align-items:baseline;gap:5px;display:flex}.duel-fighter-stats i{letter-spacing:.8px;color:var(--text-faint);font-size:10px;font-style:normal;font-weight:700}.duel-fighter-stats b{font-variant-numeric:tabular-nums;font-size:15px}.duel-fighter-lp{align-items:baseline;gap:5px;display:flex}.duel-fighter-lp b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.duel-fighter-lp i{color:var(--text-faint);font-size:11px;font-style:normal;font-weight:700}.duel-fighter-track{background:var(--bg);border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.duel-fighter-fill,.duel-fighter-ghost{border-radius:4px;position:absolute;inset:0 auto 0 0}.duel-fighter-fill{background:var(--side)}.duel-fighter-ghost{background:color-mix(in srgb, var(--side) 35%, transparent);animation:.4s both duel-ghost-out}@keyframes duel-ghost-out{0%{opacity:1}to{opacity:0}}.duel-log{flex-direction:column;gap:10px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.duel-log li{--turn-side:var(--text-faint);border-left:3px solid var(--turn-side);background:var(--bg-raised);border-radius:0 10px 10px 0;align-items:baseline;gap:10px;padding:8px 12px;animation:.26s both log-in;display:flex}.duel-log li[data-side=a]{--turn-side:var(--side-a)}.duel-log li[data-side=b]{--turn-side:var(--side-b)}.duel-replay-result{text-align:center;margin:0;font-size:22px;font-weight:900}.duel-replay-result em{color:var(--text-faint);font-size:14px;font-style:normal;font-weight:600}.ygo{width:100%;max-width:1080px;margin:0 auto;position:relative}.ygo-arena{isolation:isolate;background:radial-gradient(120% 90% at 50% 0,#3a8ad81f 0%,#0d0f1400 60%),linear-gradient(#0a0f17 0%,#0c111b 55%,#080b11 100%);border-radius:28px;height:clamp(430px,58vw,640px);position:relative;overflow:hidden}.ygo-arena:before{content:"";z-index:2;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#3a8ad899 0%,#3a8ad814 40%,#3a8ad859 100%);padding:1px;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}.ygo-floor{transform-origin:50% 46%;background:repeating-linear-gradient(118deg,#3a8ad80d 0 2px,#0000 2px 26px),repeating-linear-gradient(62deg,#3a8ad80d 0 2px,#0000 2px 26px),linear-gradient(#3a8ad824 0%,#3a8ad805 55%,#3a8ad81a 100%);border-radius:22px;transition:box-shadow .4s;position:absolute;inset:10px;transform:perspective(1000px)rotateX(26deg);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #3a8ad82e,0 30px 60px #00000080}.ygo[data-window] .ygo-floor{box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #e2622f73,0 0 46px #e2622f4d}.ygo-half{transform-origin:50%;max-width:92%;position:absolute;left:50%}.ygo-half-opp{top:5%;transform:translate(-50%)perspective(1100px)translateZ(-40px)rotateX(-15deg)rotate(180deg)}.ygo-half-me{bottom:5%;transform:translate(-50%)perspective(1100px)translateZ(30px)rotateX(15deg)}.ygo-field{--ygo-card-w:clamp(46px, 7vw, 66px);--ygo-zone-w:calc(var(--ygo-card-w) + clamp(18px, 3vw, 34px));background:linear-gradient(#3a8ad814 0%,#3a8ad805 100%);border:1px solid #3a8ad829;border-radius:20px;flex-direction:column;align-items:center;gap:clamp(10px,1.6vw,18px);padding:clamp(14px,2.4vw,26px);display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 10px 30px #00000040}.ygo-field[data-side=a]{--side:var(--side-a)}.ygo-field[data-side=b]{--side:var(--side-b)}.ygo-zones{grid-template-columns:repeat(3, var(--ygo-zone-w));gap:clamp(8px,1.6vw,16px);display:grid}.ygo-zone{min-height:calc(var(--ygo-card-w) * 1.5);background:linear-gradient(#3a8ad817 0%,#3a8ad808 100%),radial-gradient(80% 60% at 50% 30%,#ffffff0a,#0000);border:1px solid #3a8ad847;border-radius:12px;place-items:center;transition:border-color .2s,box-shadow .2s,background .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #00000040}.ygo-zone:hover{background:linear-gradient(#3a8ad824 0%,#3a8ad80d 100%);border-color:#3a8ad88c;box-shadow:inset 0 1px #ffffff12,0 8px 20px #00000040,0 0 16px #3a8ad82e}.ygo-zone[data-flash]{border-color:var(--danger);background:linear-gradient(#e2622f2e 0%,#e2622f0f 100%);animation:.45s ygo-flash}@keyframes ygo-flash{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 55%, transparent)}to{box-shadow:0 0 0 22px #0000}}.ygo-zone-empty{width:calc(var(--ygo-card-w) - 8px);height:calc((var(--ygo-card-w) - 8px) * 1.4);background:#ffffff05;border:1px dashed #ffffff1f;border-radius:8px}.ygo-card{width:var(--ygo-card-w,clamp(46px, 7vw, 66px));aspect-ratio:5/7;background:#0c1017;border:1px solid #fff3;border-radius:clamp(6px,1vw,9px);transition:transform .18s,box-shadow .18s,opacity .2s;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000073,0 2px 6px #0000004d}.ygo-card-back{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--side,var(--accent)) 55%, transparent) 0 14%, transparent 15%), radial-gradient(circle at 28% 22%, #ffffff2e 0 3px, transparent 4px), repeating-linear-gradient(45deg, #ffffff0d 0 4px, transparent 4px 8px), linear-gradient(150deg, #1b2333 0%, #0d121c 100%)}.ygo-card-monster{background:linear-gradient(160deg,#1a2130 0%,#0b0f16 100%);display:block}.ygo-card-monster:after{content:"";pointer-events:none;background:linear-gradient(#0000,#090b0fd9);height:34%;position:absolute;inset:auto 0 0}.ygo-card-monster[data-pos=defense]{transform:rotate(90deg)}.ygo-card-monster[data-attacked]{opacity:.55;filter:saturate(.4)}.ygo-card-art{object-fit:cover;opacity:.92;border-radius:4px;width:100%;height:100%;position:absolute;inset:0}.ygo-card-level{z-index:1;letter-spacing:1.5px;color:var(--accent);text-shadow:0 1px 3px #000000e6;font-size:clamp(7px,1vw,10px);line-height:1;position:absolute;top:3px;left:50%;transform:translate(-50%)}.ygo-card-atk,.ygo-card-def{z-index:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #000000b3;background:#090b0fd9;border:1px solid #ffffff29;border-radius:5px;padding:1px 5px;font-size:clamp(8px,1.1vw,11px);font-weight:900;position:absolute;bottom:3px}.ygo-card-atk{left:3px}.ygo-card-def{right:3px}.ygo-card-skill{background:color-mix(in srgb, var(--kind-color,var(--accent)) 20%, #0c1017);border-width:2px;border-color:color-mix(in srgb, var(--kind-color,var(--accent)) 70%, transparent);place-items:center;padding:6px;display:grid}.ygo-card-skill:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff08 0 3px,#0000 3px 6px);position:absolute;inset:0}.ygo-card-skill[data-kind=spell]{--kind-color:var(--accent)}.ygo-card-skill[data-kind=trap]{--kind-color:var(--danger)}.ygo-card-name{z-index:1;text-align:center;color:#fff;text-shadow:0 1px 3px #000c;font-size:clamp(8px,1vw,10px);font-weight:900;line-height:1.2;position:relative}.ygo-zone:hover .ygo-card{box-shadow:0 14px 26px #00000080, 0 0 0 1px var(--accent), 0 0 16px #f2c94c66;z-index:2;transform:translateY(-5px)scale(1.05)}.ygo-zone:hover .ygo-card-monster[data-pos=defense]{transform:translateY(-5px)rotate(90deg)}.ygo-mid{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(620px,92%);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ygo-mid .ghost-link{pointer-events:auto}.ygo-phases{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090b0fc7;border:1px solid #3a8ad859;border-radius:999px;gap:4px;padding:5px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 12px 34px #00000073,inset 0 1px #ffffff0d}.ygo-phases[data-window]{border-color:#e2622f99;box-shadow:0 12px 34px #00000073,0 0 22px #e2622f66}.ygo-phase-seg{min-width:64px;color:var(--text-faint);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 12px;transition:color .25s,background .25s,box-shadow .25s;display:flex}.ygo-phase-seg b{font-family:var(--font-display);letter-spacing:1.4px;font-size:13px;font-weight:900;line-height:1}.ygo-phase-seg i{letter-spacing:.4px;font-size:9.5px;font-style:normal;line-height:1.1}.ygo-phase-seg[data-active]{color:var(--accent-ink);background:linear-gradient(180deg, #ffdf8a 0%, var(--accent) 100%);animation:1.6s ease-in-out infinite alternate ygo-phase-pulse;box-shadow:0 0 20px #f2c94c8c}@keyframes ygo-phase-pulse{0%{box-shadow:0 0 12px #f2c94c66}to{box-shadow:0 0 28px #f2c94cb3}}.ygo-stage{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:4px 10px;display:flex}.ygo-narration{font-family:var(--font-display);color:#eaf5ff;letter-spacing:.3px;text-shadow:0 0 14px #58b2ff59,0 2px 8px #00000080;margin:0;font-size:clamp(15px,2vw,19px);font-weight:900}.ygo-status,.ygo-saving{letter-spacing:.5px;color:var(--text-muted);margin:0;font-size:12.5px;font-weight:600}.ygo-saving,.ygo[data-window] .ygo-status{color:var(--danger)}.ygo-hud{z-index:4;position:absolute}.ygo-hud-opp{top:16px;right:16px}.ygo-hud-me{bottom:16px;left:16px}.ygo-hud-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090b0fb8;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 12px 30px #0006,inset 0 1px #ffffff0d}.ygo-hud-box[data-side=a]{--side:var(--side-a)}.ygo-hud-box[data-side=b]{--side:var(--side-b)}.ygo-hud-box[data-active]{border-color:color-mix(in srgb, var(--side) 70%, transparent);box-shadow:0 12px 30px #0006, 0 0 18px color-mix(in srgb, var(--side) 35%, transparent)}.ygo-hud-body{flex-direction:column;gap:4px;min-width:0;display:flex}.ygo-hud-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;font-weight:900;overflow:hidden}.ygo-lp-bar{background:#ffffff12;border-radius:4px;width:150px;height:8px;overflow:hidden}.ygo-lp-fill{background:linear-gradient(90deg, var(--side), color-mix(in srgb, var(--side) 55%, #fff));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--side) 60%, transparent);border-radius:4px;transition:width .5s}.ygo-lp-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 8px #0009, 0 0 12px color-mix(in srgb, var(--side) 50%, transparent);text-align:right;min-width:62px;font-size:24px;font-weight:900;animation:.4s ygo-lp-pop}@keyframes ygo-lp-pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.ygo-avatar{border:2px solid var(--side);width:44px;height:44px;box-shadow:0 0 14px color-mix(in srgb, var(--side) 45%, transparent);border-radius:12px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.ygo-avatar-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ygo-avatar-fallback{font-family:var(--font-display);color:#fff;font-size:20px;font-weight:900}.ygo-opphand{--ygo-card-w:clamp(26px, 4vw, 40px);--side:var(--side-b);z-index:3;pointer-events:none;gap:4px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.ygo-piles{z-index:4;align-items:center;gap:10px;display:flex;position:absolute}.ygo-piles[data-side=b]{top:16px;left:16px}.ygo-piles[data-side=a]{bottom:16px;right:16px}.ygo-pile{--ygo-pile-w:clamp(34px, 5vw, 46px);width:var(--ygo-pile-w);height:calc(var(--ygo-pile-w) * 1.4);background:radial-gradient(circle at 32% 26%,#ffffff1f 0 3px,#0000 4px),repeating-linear-gradient(45deg,#ffffff0d 0 4px,#0000 4px 8px),linear-gradient(150deg,#1b2333 0%,#0d121c 100%);border:1px solid #ffffff24;border-radius:8px;place-items:center;display:grid;position:relative;box-shadow:0 8px 18px #00000073}.ygo-pile:before,.ygo-pile:after{content:"";border-radius:inherit;background:inherit;border:inherit;position:absolute;inset:0}.ygo-pile:before{z-index:-1;opacity:.55;transform:translate(-3px,3px)}.ygo-pile:after{z-index:-2;opacity:.3;transform:translate(-6px,6px)}.ygo-pile[data-pile=grave]{border-color:#e2622f66;transform:rotate(8deg)}.ygo-pile-count{z-index:1;font-family:var(--font-display);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #000000b3,0 0 12px #3a8ad866;font-size:clamp(15px,2.4vw,20px);font-weight:900;position:relative}.ygo-turn{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090b0fb8;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;padding:8px 16px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0006}.ygo-turn i{letter-spacing:1.2px;color:var(--text-faint);font-size:10px;font-style:normal;font-weight:800}.ygo-turn b{font-family:var(--font-display);color:#fff;text-shadow:0 0 12px #f2c94c73;font-size:24px;font-weight:900;line-height:1}.ygo-selected{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#090b0feb 0%,#090b0fd1 100%);border:1px solid #3a8ad873;border-radius:16px;width:clamp(168px,18vw,210px);animation:.2s ygo-panel-in;position:absolute;top:50%;left:18px;overflow:hidden;transform:translateY(-50%);box-shadow:0 18px 44px #0000008c,0 0 22px #3a8ad833}@keyframes ygo-panel-in{0%{opacity:0;transform:translateY(-50%)translate(-8px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.ygo-selected-art{aspect-ratio:5/6;background:radial-gradient(circle at 50% 40%,#3a8ad840,#0000 70%),#0d121c;position:relative}.ygo-selected-img{object-fit:cover;opacity:.92;width:100%;height:100%}.ygo-selected-skill{text-align:center;font-family:var(--font-display);color:#fff;place-items:center;padding:8px;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.ygo-selected-skill[data-kind=spell]{background:linear-gradient(160deg,#3a8ad859,#3a8ad814)}.ygo-selected-skill[data-kind=trap]{background:linear-gradient(160deg,#e2622f59,#e2622f14)}.ygo-selected-body{padding:12px 14px}.ygo-selected-name{font-family:var(--font-display);color:var(--accent);margin:0 0 4px;font-size:15px;font-weight:900;line-height:1.2}.ygo-selected-meta{letter-spacing:.4px;color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:11.5px;font-weight:800}.ygo-selected-text{color:var(--text);margin:0;font-size:12.5px;line-height:1.5}.ygo-bottom{flex-direction:column;align-items:center;gap:14px;padding:20px 0 6px;display:flex}.ygo-hand{--ygo-card-w:clamp(58px, 9.5vw, 92px);--side:var(--side-a);min-height:calc(var(--ygo-card-w) * 1.45);justify-content:center;align-items:flex-end;gap:clamp(6px,1.4vw,14px);display:flex}.ygo-hand .ygo-card:hover{box-shadow:0 18px 30px #00000080, 0 0 0 1px var(--accent), 0 0 18px #f2c94c73;z-index:2;transform:translateY(-14px)scale(1.07)}.ygo-hand-empty{color:var(--text-faint);font-size:14px;font-weight:800}.ygo-actions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;display:flex}.ygo-action{color:var(--text);cursor:pointer;background:linear-gradient(#3a8ad82e 0%,#3a8ad812 100%);border:1px solid #3a8ad873;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:800;transition:transform .15s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 18px #00000059}.ygo-action:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 22px #0006,0 0 16px #f2c94c4d}.ygo[data-dragging]{cursor:grabbing}.ygo[data-dragging] .ygo-card{pointer-events:none}.ygo[data-dragging] .ygo-card[data-dragging]{opacity:.35;transform:scale(.96)}.ygo:not([data-window]) .ygo-hand .ygo-card,.ygo:not([data-window]) .ygo-half-me .ygo-zone .ygo-card{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.ygo-ghost{z-index:999;pointer-events:none;opacity:.92;filter:drop-shadow(0 14px 22px #0000008c);animation:.12s ygo-ghost-in;position:fixed;transform:translate(-50%,-50%)scale(.82)}@keyframes ygo-ghost-in{0%{opacity:.4;transform:translate(-50%,-50%)scale(.7)}}.ygo-zone[data-dragtarget]{background:linear-gradient(#58b2ff3d 0%,#58b2ff17 100%);border-color:#58b2ffe6;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #58b2ff99,0 0 22px #58b2ff66}.ygo-hint{letter-spacing:.3px;color:var(--text-muted);margin:0;font-size:12.5px;font-weight:700}.ygo-poschooser{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090b0feb;border:1px solid #3a8ad880;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-width:200px;padding:14px;animation:.18s ygo-panel-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 44px #0009,0 0 24px #3a8ad840}.ygo-poschooser strong{font-family:var(--font-display);text-align:center;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:900;overflow:hidden}.ygo-poschooser-options{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ygo-pos-option{color:var(--text);cursor:pointer;background:linear-gradient(#3a8ad82e 0%,#3a8ad812 100%);border:1px solid #3a8ad873;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;transition:transform .15s,border-color .2s,color .2s,box-shadow .2s}.ygo-pos-option:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #0006,0 0 14px #f2c94c4d}.ygo-pos-option:disabled{opacity:.4;cursor:not-allowed}.ygo-pos-option[data-position=defense]{border-color:#e2622f8c}.ygo-pos-option[data-position=face-down]{border-color:#ffffff47}.ygo-pos-option[data-position=cancel]{background:0 0;border-color:#ffffff2e}@media (max-width:760px){.ygo-arena{height:clamp(360px,128vw,520px)}.ygo-selected{display:none}.ygo-hud-name{max-width:110px}.ygo-lp-bar{width:92px}.ygo-avatar{border-radius:10px;width:36px;height:36px}.ygo-lp-value{min-width:48px;font-size:19px}.ygo-phase-seg{min-width:0;padding:5px 9px}.ygo-phase-seg i{display:none}.ygo-piles[data-side=a]{bottom:10px;right:10px}.ygo-piles[data-side=b]{top:10px;left:10px}.ygo-turn{bottom:8px}.ygo-opphand{top:6px}}.ygo-replay{flex-direction:column;gap:16px;max-width:640px;display:flex}.ygo-replay-result{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);flex-direction:column;align-items:center;gap:8px;padding:18px;display:flex}.ygo-replay-vs{align-items:center;gap:14px;font-size:18px;display:flex}.ygo-replay-vs span{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-weight:900;overflow:hidden}.ygo-replay-vs span[data-side=a]{color:var(--side-a)}.ygo-replay-vs span[data-side=b]{color:var(--side-b)}.ygo-replay-vs b{color:var(--text-faint)}.ygo-replay-winner{text-align:center;margin:0;font-size:20px;font-weight:900}.ygo-replay-winner em{color:var(--text-faint);font-size:13px;font-style:normal;font-weight:600}.ygo-log{flex-direction:column;gap:10px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ygo-log li{--turn-side:var(--text-faint);border-left:3px solid var(--turn-side);background:var(--bg-raised);border-radius:0 10px 10px 0;align-items:baseline;gap:10px;padding:8px 12px;animation:.26s both log-in;display:flex}.ygo-log li[data-side=a]{--turn-side:var(--side-a)}.ygo-log li[data-side=b]{--turn-side:var(--side-b)}