:root{--mat-textura: repeating-linear-gradient(60deg, #ffffff04 0 2px, transparent 2px 26px), repeating-linear-gradient(-60deg, #ffffff04 0 2px, transparent 2px 26px)}@supports (color: oklch(from red l c calc(h + 1))){:root[data-tema]:not([data-tema=noite]){--azul-03050a: oklch(from #03050a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-04060c: oklch(from #04060c l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-060912: oklch(from #060912 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-050a14: oklch(from #050a14 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-060b12: oklch(from #060b12 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-080c18: oklch(from #080c18 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-070d19: oklch(from #070d19 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-090d18: oklch(from #090d18 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-080d1a: oklch(from #080d1a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-070e1b: oklch(from #070e1b l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-080e1b: oklch(from #080e1b l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-080f1c: oklch(from #080f1c l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0a0f1c: oklch(from #0a0f1c l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0d1018: oklch(from #0d1018 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-071020: oklch(from #071020 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0a1020: oklch(from #0a1020 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-081222: oklch(from #081222 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0a1222: oklch(from #0a1222 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0c1220: oklch(from #0c1220 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0c1222: oklch(from #0c1222 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-091322: oklch(from #091322 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0a1322: oklch(from #0a1322 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0b1422: oklch(from #0b1422 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0a1424: oklch(from #0a1424 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0b1423: oklch(from #0b1423 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0a1425: oklch(from #0a1425 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-12141a: oklch(from #12141a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0c1424: oklch(from #0c1424 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0b1426: oklch(from #0b1426 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0c1426: oklch(from #0c1426 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0d1426: oklch(from #0d1426 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0b1526: oklch(from #0b1526 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0d1626: oklch(from #0d1626 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0f1628: oklch(from #0f1628 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0d1828: oklch(from #0d1828 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-0c1830: oklch(from #0c1830 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-10192a: oklch(from #10192a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-101a2e: oklch(from #101a2e l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-111a2e: oklch(from #111a2e l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-121a2e: oklch(from #121a2e l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-101b2d: oklch(from #101b2d l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-101b2e: oklch(from #101b2e l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-101b2f: oklch(from #101b2f l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-121b31: oklch(from #121b31 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-121c2d: oklch(from #121c2d l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-111c30: oklch(from #111c30 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-131d30: oklch(from #131d30 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-141d33: oklch(from #141d33 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-13203a: oklch(from #13203a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-142137: oklch(from #142137 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-142138: oklch(from #142138 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-16203a: oklch(from #16203a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-182038: oklch(from #182038 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-13213a: oklch(from #13213a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-13223a: oklch(from #13223a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1a2233: oklch(from #1a2233 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-18223a: oklch(from #18223a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1a2338: oklch(from #1a2338 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-18233b: oklch(from #18233b l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-16243a: oklch(from #16243a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1a2438: oklch(from #1a2438 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-16263b: oklch(from #16263b l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1a2440: oklch(from #1a2440 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1b2440: oklch(from #1b2440 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-172640: oklch(from #172640 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-18283d: oklch(from #18283d l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-19283c: oklch(from #19283c l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1a2740: oklch(from #1a2740 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-172840: oklch(from #172840 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1c2644: oklch(from #1c2644 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1b293d: oklch(from #1b293d l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1a2940: oklch(from #1a2940 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1a2943: oklch(from #1a2943 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1a2944: oklch(from #1a2944 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-232a3b: oklch(from #232a3b l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1a2a48: oklch(from #1a2a48 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-182b46: oklch(from #182b46 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-192b47: oklch(from #192b47 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-22294a: oklch(from #22294a l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1d2c47: oklch(from #1d2c47 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1b2c4d: oklch(from #1b2c4d l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-2c3036: oklch(from #2c3036 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1d304d: oklch(from #1d304d l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1d3050: oklch(from #1d3050 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-1e3458: oklch(from #1e3458 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-2a3550: oklch(from #2a3550 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-263850: oklch(from #263850 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-2a3654: oklch(from #2a3654 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-2a3658: oklch(from #2a3658 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-253953: oklch(from #253953 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-2c3754: oklch(from #2c3754 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-263b55: oklch(from #263b55 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-333c52: oklch(from #333c52 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-294163: oklch(from #294163 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-34405e: oklch(from #34405e l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-34445e: oklch(from #34445e l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-284470: oklch(from #284470 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-39445f: oklch(from #39445f l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-29466c: oklch(from #29466c l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-3a4768: oklch(from #3a4768 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-4b566b: oklch(from #4b566b l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-3b5689: oklch(from #3b5689 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-4a5a80: oklch(from #4a5a80 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-4a5f8c: oklch(from #4a5f8c l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-5c6577: oklch(from #5c6577 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-56668f: oklch(from #56668f l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-596b89: oklch(from #596b89 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-646b75: oklch(from #646b75 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-5a6a92: oklch(from #5a6a92 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-686e78: oklch(from #686e78 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-627b9b: oklch(from #627b9b l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-6e7b93: oklch(from #6e7b93 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-6e7e9d: oklch(from #6e7e9d l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-7b8496: oklch(from #7b8496 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-7d889e: oklch(from #7d889e l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-7d8aa5: oklch(from #7d8aa5 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-8b929c: oklch(from #8b929c l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-8d94a4: oklch(from #8d94a4 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-8d97a8: oklch(from #8d97a8 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-8fa3c4: oklch(from #8fa3c4 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-9aa5bb: oklch(from #9aa5bb l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-9aa6b8: oklch(from #9aa6b8 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-a7afbd: oklch(from #a7afbd l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-a9b0b8: oklch(from #a9b0b8 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-9fb0d1: oklch(from #9fb0d1 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-9fb6d8: oklch(from #9fb6d8 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-aab6ca: oklch(from #aab6ca l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-a9b6cf: oklch(from #a9b6cf l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-aab9cd: oklch(from #aab9cd l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-b8bec8: oklch(from #b8bec8 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-b9bfcc: oklch(from #b9bfcc l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-bcc5d4: oklch(from #bcc5d4 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-a9c4ff: oklch(from #a9c4ff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-9cc8ff: oklch(from #9cc8ff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-b9c7df: oklch(from #b9c7df l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-bec9dc: oklch(from #bec9dc l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-c0cbe0: oklch(from #c0cbe0 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-c3cddd: oklch(from #c3cddd l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-9fd3ff: oklch(from #9fd3ff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-c9d0de: oklch(from #c9d0de l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-9fd8ff: oklch(from #9fd8ff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-c7d2e4: oklch(from #c7d2e4 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-cbd2e1: oklch(from #cbd2e1 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-c9d3e2: oklch(from #c9d3e2 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-c9d3e4: oklch(from #c9d3e4 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-b7d7f3: oklch(from #b7d7f3 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-c8d4f0: oklch(from #c8d4f0 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-bcd7ff: oklch(from #bcd7ff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-c9d4ff: oklch(from #c9d4ff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-cfd8e6: oklch(from #cfd8e6 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-d5dcea: oklch(from #d5dcea l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-d9dde6: oklch(from #d9dde6 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-d8dfec: oklch(from #d8dfec l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-d9dfec: oklch(from #d9dfec l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-bfe6ff: oklch(from #bfe6ff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-cfe6ff: oklch(from #cfe6ff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-dbe5f5: oklch(from #dbe5f5 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-cfe8ff: oklch(from #cfe8ff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-dfe6f2: oklch(from #dfe6f2 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-dfe7f7: oklch(from #dfe7f7 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-e4e8f2: oklch(from #e4e8f2 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-d7ecff: oklch(from #d7ecff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-e6ecf8: oklch(from #e6ecf8 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-e8edf5: oklch(from #e8edf5 l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)));--azul-f3f6ff: oklch(from #f3f6ff l calc(c * var(--tema-c, 1)) calc(h + var(--tema-h)))}:root[data-tema=esmeralda]{--tema-h: -105;--mat-textura: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)'/%3E%3C/svg%3E") 0 0 / 160px 160px}:root[data-tema=violeta]{--tema-h: 30;--mat-textura: radial-gradient(circle, #ffffff05 1.2px, transparent 1.8px) 0 0 / 18px 18px}:root[data-tema=carmesim]{--tema-h: 115;--mat-textura: none}:root[data-tema=grafite]{--tema-h: 0;--tema-c: .12;--mat-textura: linear-gradient(27deg, #0000000c 2px, transparent 2px) 0 2px / 8px 8px, linear-gradient(207deg, #0000000c 2px, transparent 2px) 4px 0 / 8px 8px, linear-gradient(27deg, #ffffff02 2px, transparent 2px) 0 4px / 8px 8px, linear-gradient(207deg, #ffffff02 2px, transparent 2px) 4px 2px / 8px 8px, linear-gradient(90deg, #00000008 4px, transparent 4px) 0 0 / 8px 8px, linear-gradient(#00000008 25%, #0000000a 25% 50%, transparent 50% 75%, #ffffff02 75%) 0 0 / 8px 8px}:root[data-tema=oceano]{--tema-h: -50;--mat-textura: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66 0 50V16L28 0l28 16v34L28 66v34M28 0v0' fill='none' stroke='white' stroke-opacity='.035' stroke-width='2'/%3E%3C/svg%3E") 0 0 / 28px 50px}}:root{--ease-spring: cubic-bezier(.2, .8, .2, 1);--ease-settle: cubic-bezier(.2, .8, .2, 1)}@supports (animation-timing-function: linear(0,1)){:root{--ease-spring: linear(0, .035, .126, .252, .398, .547, .689, .817, .926, 1.012, 1.076, 1.12, 1.144, 1.153, 1.149, 1.137, 1.118, 1.096, 1.073, 1.051, 1.031, 1.014, 1, .99, .983, .978, .977, .977, .979, .981, .985, .988, .992, .995, .997, 1, 1.001, 1.003, 1.003, 1.004, 1);--ease-settle: linear(0, .019, .07, .142, .228, .32, .415, .508, .596, .677, .749, .813, .868, .914, .952, .982, 1.005, 1.023, 1.035, 1.043, 1.047, 1.049, 1.048, 1.046, 1.043, 1.038, 1.034, 1.029, 1.025, 1.02, 1.016, 1.013, 1.01, 1.007, 1.005, 1.003, 1.001, 1, .999, .998, 1)}}:root{color-scheme:dark;--bg-deep: var(--azul-060912, #060912);--mat-center: var(--azul-284470, #284470);--mat-mid: var(--azul-13203a, #13203a);--panel: color-mix(in srgb, var(--azul-090d18, #090d18) 86%, transparent);--line: rgba(255, 255, 255, .12);--ink: #eef1f8;--muted: var(--azul-9aa5bb, #9aa5bb);--gold: #f2b54c;--gold-deep: #cf7d1c;--gold-light: #ffe2a0;--glow: #59b5ff;--red: #ec5a3f;--heal: #63d68f;--display: "Outfit", "Segoe UI", system-ui, sans-serif;--body: "Inter", "Segoe UI", system-ui, sans-serif;--surface: var(--azul-131d30, #131d30);--text: var(--ink);--ease-out: cubic-bezier(.2, 0, 0, 1);--ch: clamp(70px, 15vh, 175px);--cw: calc(var(--ch) * .716);--lch: clamp(50px, 10.5vh, 125px);--lcw: calc(var(--lch) * .716);--hch: clamp(120px, 27vh, 310px);--hcw: calc(var(--hch) * .716)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{background:var(--bg-deep);color:var(--ink);font-family:var(--body);font-size:16px}body[data-screen=game]{overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:var(--gold)}.mat{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(89,181,255,.1),transparent 70%),repeating-linear-gradient(60deg,rgba(255,255,255,.018) 0 2px,transparent 2px 26px),repeating-linear-gradient(-60deg,rgba(255,255,255,.018) 0 2px,transparent 2px 26px),radial-gradient(ellipse at 50% 50%,var(--mat-center) 0%,var(--mat-mid) 45%,var(--bg-deep) 92%)}.pip{display:inline-grid;place-items:center;width:1.25em;height:1.25em;border-radius:50%;font-size:.8em;font-weight:700;line-height:1;vertical-align:-.2em;background:#cbc5b8;color:#1d1b16;box-shadow:inset 0 -1px #00000059,0 1px 1px #0006}.pip+.pip{margin-left:1px}.pip-W{background:#f7f0d2}.pip-U{background:#2f80d6}.pip-B{background:#6a5c6b}.pip-R{background:#e3593a}.pip-G{background:#3d9b54}.pip-C{background:#b7b4ad}.face{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4.8%/3.4%;background:#15161b;box-shadow:0 4px 10px #0000008c}.face img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.fb{position:absolute;top:0;right:0;bottom:0;left:0;padding:6%;display:flex;flex-direction:column;gap:4%;font-size:calc(var(--fw, var(--cw)) * .085);color:#1b1a17;background:linear-gradient(160deg,var(--c1),var(--c2))}.col-W{--c1: #efe7cc;--c2: #b9ae8c}.col-U{--c1: #6fa3e0;--c2: #24508f}.col-B{--c1: #7d6f80;--c2: #2b2430}.col-R{--c1: #e2774f;--c2: #84301b}.col-G{--c1: #6ea766;--c2: #24502c}.col-M{--c1: #ecd17a;--c2: #9b7a28}.col-L,.col-C{--c1: #aaa192;--c2: #5b554b}.fb-head,.fb-type,.fb-pt{background:#faf5e6eb;border-radius:3px;padding:2% 4%}.fb-head{display:flex;justify-content:space-between;gap:3%;align-items:center}.fb-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.fb-type{font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}.fb-pt{align-self:flex-end;font-weight:700}.screen[hidden]{display:none!important}.arena{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:grid;grid-template-rows:16vh minmax(0,1fr) 2px minmax(0,1fr) 23vh}.field{position:relative;z-index:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:1.2vh;padding-left:max(14vw,env(safe-area-inset-left,0px));padding-right:max(12vw,env(safe-area-inset-right,0px))}.field.opp{grid-row:2}.field.me{grid-row:4}.divider{grid-row:3;z-index:1;background:linear-gradient(90deg,transparent 8%,rgba(242,181,76,.35),transparent 92%)}.row{display:flex;justify-content:center;align-items:center;gap:.8vw;min-height:var(--ch)}.row.lands{--ch: var(--lch);--cw: var(--lcw);gap:1.4vw}.slot{position:relative;width:var(--cw);height:var(--ch);flex:0 1 auto;min-width:18px;transition:width .2s ease}.slot.tapped{width:var(--ch)}.stack{position:relative;display:flex}.stack-n{position:absolute;z-index:5;right:-4px;top:-6px;padding:1px 6px;border-radius:999px;pointer-events:none;background:color-mix(in srgb,var(--azul-080c18, #080c18) 90%,transparent);border:1px solid rgba(242,181,76,.6);color:var(--ink);font:700 11px var(--display)}.perm-group{display:flex;align-items:center;gap:1.4vw;min-width:0}.perm-group+.perm-group{margin-left:1.6vw;padding-left:2.2vw;border-left:1px solid rgba(242,181,76,.22)}.row.creatures>.perm-group{gap:inherit}.stack>.slot{flex-shrink:0}.stack{--spread: min(1, 3 / max(var(--n, 1) - 1, 1))}.stack>.slot+.slot{margin-left:calc(var(--cw) * (.18 * var(--spread) - 1))}.stack>.slot.tapped+.slot.tapped{margin-left:calc(var(--ch) * (.14 * var(--spread) - 1))}.bfc{position:absolute;left:50%;top:50%;width:var(--cw);height:var(--ch);--fw: var(--cw);transform:translate(-50%,-50%);transition:transform .25s ease,filter .2s;cursor:pointer}.slot.tapped>.bfc{transform:translate(-50%,-50%) rotate(90deg)}.field.me .slot.attacking>.bfc{transform:translate(-50%,-78%)}.field.me .slot.tapped.attacking>.bfc{transform:translate(-50%,-78%) rotate(90deg)}.field.opp .slot.attacking>.bfc{transform:translate(-50%,-22%)}.field.opp .slot.tapped.attacking>.bfc{transform:translate(-50%,-22%) rotate(90deg)}.slot.tapped>.bfc .face{filter:brightness(.8)}.bfc.actionable .face{box-shadow:0 0 0 2px var(--glow),0 0 14px #59b5ffbf}.slot.attacking>.bfc .face{box-shadow:0 0 0 2px var(--red),0 0 18px #ec5a3fcc}.slot.blocking>.bfc .face{box-shadow:0 0 0 2px var(--gold),0 0 16px #f2b54cb3}.bfc.targetable .face{box-shadow:0 0 0 2px #ff8a3d,0 0 10px #ff8a3d8c;cursor:crosshair}.bfc.targetable:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:2;border-radius:9px;pointer-events:none;box-shadow:0 0 0 2px #ffb070,0 0 22px 5px #ff8a3dcc;animation:halo-breathe 1.1s ease-in-out infinite alternate}.bfc.selected .face{box-shadow:0 0 0 3px #fff,0 0 22px #ffffffb3}.bfc.hit{animation:hit .5s ease}.tag{position:absolute;left:50%;top:3px;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:2px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 2px 4px #00000080}.slot.tapped .tag{transform:translate(-50%) rotate(-90deg)}.tag svg{width:12px;height:12px}.tag.atk{background:var(--red);color:#fff}.tag.blk{background:var(--gold);color:#2a1600}.tag.zzz{background:var(--azul-2a3550, #2a3550);color:var(--azul-c8d4f0, #c8d4f0);font-style:normal;padding:1px 5px}.tag.zzz .dizzy{width:16px;height:16px}.tag.zzz .dizzy{animation:dizzy-spin 2.4s linear infinite}@keyframes dizzy-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tag.zzz .dizzy{animation:none}}.combat-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.combat-arrows .beam{color:var(--gold);animation:fade-in .3s .25s ease both}.combat-arrows .beam.attack{color:var(--red)}.combat-arrows .blocked{opacity:.45}.target-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none;overflow:visible}.target-arrows .beam{animation:fade-in .25s ease both}.target-arrows .beam.mine{color:var(--gold)}.target-arrows .beam.theirs{color:var(--red)}.target-arrows .beam.choosing{color:#6cc4ff}.target-arrows .beam.aura{color:#c9a2ff}.beam path{fill:none;stroke-linecap:round;stroke-linejoin:round}.beam .arrow-glow{stroke:currentColor;stroke-width:9px;opacity:.3}.beam .arrow-under{stroke:#0a0610ab;stroke-width:5px}.beam .arrow{stroke:currentColor;stroke-width:2.6px}.beam .arrow-pulse{stroke:#fff;stroke-width:2.4px;stroke-dasharray:22px var(--len);animation:beam-pulse var(--dur) linear var(--runs, infinite);animation-fill-mode:forwards}.beam .arrow-glyph circle{fill:color-mix(in srgb,var(--azul-080e1b, #080e1b) 87%,transparent);stroke:currentColor;stroke-width:2px}.beam .arrow-glyph path,.beam .arrow-glyph>circle+circle{fill:none;stroke:currentColor;stroke-width:2px}.beam .arrow-diamond path{fill:#fff;stroke:currentColor;stroke-width:2px;filter:drop-shadow(0 0 3px currentColor)}@keyframes beam-pulse{0%{stroke-dashoffset:0}to{stroke-dashoffset:calc(-22px - var(--len))}}@media(prefers-reduced-motion:reduce){.beam .arrow-pulse{display:none}}.pt{position:absolute;right:3%;bottom:3%;z-index:2;padding:1px 6px;border-radius:4px;background:#f3efe4;color:#1b1a17;font:700 calc(var(--cw) * .14) / 1.15 var(--body);font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #0009}.pt .up{color:#1f8a3c}.kws{position:absolute;right:3%;bottom:calc(3% + var(--cw) * .2);z-index:3;max-width:90%;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;gap:2px}.ctr.kw{padding:2px;color:var(--azul-cfe6ff, #cfe6ff)}.ctr.kw svg{width:12px;height:12px}.ctr.kw .ctr-tip{left:auto;right:0}.pt.loyalty{padding:1px 8px 5px;background:#1b1a17;color:#f3efe4;border:1px solid #f3efe4;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%)}.pt.class-level{display:inline-flex;align-items:baseline;gap:1px;padding:1px 6px;background:#1b1a17;color:#f3efe4;border:1px solid var(--gold)}.pt.class-level small{font-size:.62em;font-weight:600;opacity:.8}.pt.class-level small:first-child{margin-right:2px;text-transform:uppercase}.slot.attacking,.slot.attacked{z-index:3}.slot.attacked>.bfc .face{box-shadow:0 0 0 2px var(--red),0 0 18px #ec5a3fcc}.badge{position:absolute;left:3%;top:3%;z-index:2;padding:0 5px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 1px 3px #0009}.badge.copy{background:#6a4bc4;color:#fff}.badge.token{background:#e8e2d0;color:#1b1a17}.badge.copy+.badge.token{top:calc(3% + 15px)}.badge.mutated{background:#b4462f;color:#fff}.badge+.badge.mutated,.badge.mutated+.badge.token{top:calc(3% + 15px)}.badge+.badge.mutated+.badge.token{top:calc(3% + 30px)}.bfc.mutated .face{box-shadow:3px -3px 0 -1px #b4462fcc,6px -6px 0 -2px #b4462f88}.badge.prepared{background:#2f7d6b;color:#fff}.badge+.badge.prepared{top:calc(3% + 15px)}.badge+.badge+.badge.prepared{top:calc(3% + 30px)}.badge.commander{display:inline-flex;align-items:center;justify-content:center;padding:2px 3px;border-radius:5px;background:linear-gradient(135deg,#f7d27a,#c98a1f);color:#2a1a04}.badge.commander svg{width:max(12px,calc(var(--cw) * .17));height:max(12px,calc(var(--cw) * .17))}.badge.commander+.badge.copy{top:calc(3% + max(16px,calc(var(--cw) * .17) + 4px))}.bfc:has(>.badge.commander) .face{outline:2px solid #f2b54ccc;outline-offset:1px}.badge.ring-bearer{left:auto;right:3%;display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;background:radial-gradient(circle,#3a2a08,#1a1204);color:#f2c14e;box-shadow:0 0 0 1px #f2c14e99,0 0 8px #f2c14e88}.badge.ring-bearer svg{width:max(11px,calc(var(--cw) * .15));height:max(11px,calc(var(--cw) * .15))}.slot.has-att{--att-rise: calc(var(--ch) * .12 * min(1, 1.5 / var(--atts)));margin-right:calc(var(--cw) * .22 * var(--atts));margin-top:max(0px,var(--att-rise) * var(--atts) - 6px)}.slot>.att{position:absolute;left:50%;top:50%;width:var(--cw);height:var(--ch);--fw: var(--cw);z-index:0;cursor:pointer;transform:translate(calc(-50% + var(--cw) * .22 * var(--i)),calc(-50% - var(--att-rise) * var(--i)))}.slot>.att .face{filter:brightness(.9)}.slot>.att.actionable .face{box-shadow:0 0 0 2px var(--glow),0 0 14px #59b5ffbf}.slot>.bfc{z-index:1}.att-n{position:absolute;z-index:5;display:inline-flex;right:calc(-6px - var(--cw) * .22 * var(--atts));top:calc(-10px - var(--att-rise) * var(--atts));align-items:center;gap:2px;padding:1px 6px 1px 4px;border-radius:999px;cursor:pointer;background:color-mix(in srgb,var(--azul-080c18, #080c18) 90%,transparent);border:1px solid rgba(242,181,76,.6);color:var(--ink);font:700 11px var(--display);min-height:22px}.att-n svg{width:13px;height:13px}.att-n.actionable{border-color:var(--glow);box-shadow:0 0 10px #59b5ffbf}.slot.has-exu{--exu-drop: calc(var(--ch) * .2 * min(1, 1.5 / var(--exus)));margin-bottom:max(0px,var(--exu-drop) * var(--exus) - 6px)}.slot>.exu{position:absolute;left:50%;top:50%;width:var(--cw);height:var(--ch);--fw: var(--cw);z-index:0;cursor:pointer;transform:translate(calc(-50% - var(--cw) * .06 * var(--j)),calc(-50% + var(--exu-drop) * var(--j)))}.slot>.exu .face{filter:grayscale(.6) brightness(.62);box-shadow:0 0 0 1px #8fa6ff66}.slot>.exu.actionable .face{filter:none;box-shadow:0 0 0 2px var(--glow),0 0 14px #59b5ffbf}.exu-n{position:absolute;z-index:5;left:50%;top:-10px;translate:-50% 0;display:inline-flex;align-items:center;gap:2px;min-height:22px;padding:1px 6px 1px 4px;border-radius:999px;cursor:pointer;background:color-mix(in srgb,var(--azul-080c18, #080c18) 90%,transparent);border:1px solid #8fa6ffaa;color:var(--ink);font:700 11px var(--display)}.exu-n svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2}.exu-n.actionable{border-color:var(--glow);box-shadow:0 0 10px #59b5ffbf}.preview-note{color:var(--gold-light)}.pt .down{color:#c62f17}.avatar-slot{position:absolute;z-index:6}.avatar-slot.opp{top:1vh;left:50%;transform:translate(-50%)}.avatar-slot.me{bottom:3vh;left:max(2.5vw,env(safe-area-inset-left,0px))}.avatar{position:relative;display:grid;justify-items:center}.portrait{width:9.5vh;height:9.5vh;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--azul-4a5f8c, #4a5f8c),var(--azul-1a2440, #1a2440)) center / cover;border:3px solid var(--azul-34405e, #34405e);box-shadow:0 4px 14px #0009;transition:border-color .2s,box-shadow .2s}.avatar.active .portrait{border-color:var(--gold);box-shadow:0 0 0 2px #f2b54c59,0 0 22px #f2b54c8c}.avatar.opp.active .portrait{border-color:var(--red);box-shadow:0 0 0 2px #ec5a3f59,0 0 22px #ec5a3f8c}.avatar.targetable{cursor:crosshair}.avatar.targetable .portrait{border-color:#ff8a3d}.avatar.targetable .portrait:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px #ffb070,0 0 22px 6px #ff8a3dbf;animation:halo-breathe 1.1s ease-in-out infinite alternate}.life{margin-top:-2.6vh;min-width:5.6vh;height:5.6vh;padding:0 .6vh;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at 50% 30%,var(--azul-2a3654, #2a3654),var(--azul-0c1222, #0c1222));border:2px solid var(--azul-5a6a92, #5a6a92);font:800 2.7vh / 1 var(--body);font-variant-numeric:tabular-nums;text-shadow:0 2px 2px #000}.avatar.hit .life{animation:lifehit .6s ease}.avatar.life-up .life{color:#7dffae;border-color:#3fbf73;transition:color .2s,border-color .2s}.avatar.life-down .life{color:#ff9a85;border-color:#d9563f;transition:color .2s,border-color .2s}.avatar.life-up .portrait{animation:life-pulse-up .6s ease-out}.avatar.life-down .portrait{animation:life-pulse-down .6s ease-out}@keyframes life-pulse-up{40%{box-shadow:0 0 0 3px #3fbf7388,0 0 22px #7dffae99}}@keyframes life-pulse-down{40%{box-shadow:0 0 0 3px #d9563f88,0 0 22px #ff6a4f99}}@media(prefers-reduced-motion:reduce){.avatar.life-up .portrait,.avatar.life-down .portrait{animation:none}}.pname{margin-top:2px;font-size:clamp(11px,1.5vh,14px);color:var(--muted);font-weight:600}.emblems{position:absolute;left:calc(100% + 6px);bottom:0;display:flex;gap:4px}.emblem{width:4.2vh;height:4.2vh;min-width:28px;min-height:28px;border-radius:50%;padding:2px;cursor:zoom-in;background:conic-gradient(from 45deg,#f2b54c,#8c5523,#f2b54c,#8c5523,#f2b54c);box-shadow:0 2px 8px #0009}.emblem-art{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--azul-4a5f8c, #4a5f8c),var(--azul-1a2440, #1a2440)) 50% 18% / 260% auto no-repeat}.emblem:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.portrait{position:relative;container-type:size}.pool{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;box-sizing:border-box;padding:6% 6% 30%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:1px 4%;border-radius:50%;background:color-mix(in srgb,var(--azul-080c18, #080c18) 45%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font-size:15cqh}.avatar .life{position:relative;z-index:2}.pool[data-n="1"]{font-size:38cqh}.pool[data-n="2"]{font-size:28cqh}.pool[data-n="3"]{font-size:20cqh}.pool.spend{box-shadow:inset 0 0 0 2px var(--glow),0 0 14px #59b5ffbf}.pool-stack{display:inline-flex;align-items:center}.pool-n{margin-left:1px;font:700 .6em var(--display);color:var(--ink);text-shadow:0 1px 2px #000}.mana-option{display:inline-flex;align-items:center;gap:.4em}.mana-option .pip{font-size:1.1em}.pool-mana{all:unset;display:inline-flex;align-items:center;cursor:pointer;border-radius:999px;transition:transform .12s ease}.pool-mana:hover,.pool-mana:focus-visible{transform:scale(1.25)}.pool-mana:focus-visible{outline:2px solid var(--glow);outline-offset:1px}.opp-hand{position:absolute;top:-3.6vh;left:calc(50% + 7.5vh);z-index:4;display:flex}.opp-hand .back{width:5.4vh;height:7.6vh;margin-left:-3vh;transform:translateY(var(--dy)) rotate(var(--rot));transform-origin:50% 0}.back{border-radius:6%/4.5%;border:2px solid var(--sleeve-edge, #1d1209);background:radial-gradient(ellipse 34% 26% at 50% 50%,var(--sleeve-light, #e3b363) 0 30%,var(--sleeve-mid, #8c5523) 31% 55%,transparent 56%),radial-gradient(ellipse at 50% 50%,var(--sleeve-base, #6b3d18),var(--sleeve-dark, #2b170a) 75%);box-shadow:0 2px 6px #0009}.sleeve-0{--sleeve-light: #e3b363;--sleeve-mid: #8c5523;--sleeve-base: #6b3d18;--sleeve-dark: #2b170a;--sleeve-edge: #1d1209}.sleeve-1{--sleeve-light: #7fb4ff;--sleeve-mid: #2a62d0;--sleeve-base: #1c46a8;--sleeve-dark: #0c2066;--sleeve-edge: #0a1a5e}.sleeve-2{--sleeve-light: #ff9e8c;--sleeve-mid: #a3322b;--sleeve-base: #741d1d;--sleeve-dark: #2b0a0b;--sleeve-edge: #1d0708}.sleeve-3{--sleeve-light: #86e6d4;--sleeve-mid: #217e71;--sleeve-base: #14574e;--sleeve-dark: #062420;--sleeve-edge: #041715}.sleeve-4{--sleeve-light: #d2adff;--sleeve-mid: #6b40aa;--sleeve-base: #482973;--sleeve-dark: #1a0d2c;--sleeve-edge: #12081f}.sleeve-5{--sleeve-light: #f0f0f0;--sleeve-mid: #838383;--sleeve-base: #505050;--sleeve-dark: #1e1e1e;--sleeve-edge: #141414}.sleeve-6{--sleeve-light: #ffaedc;--sleeve-mid: #ad3c7e;--sleeve-base: #732354;--sleeve-dark: #2b0b20;--sleeve-edge: #1c0715}.sleeve-7{--sleeve-light: #fff08f;--sleeve-mid: #9b8a12;--sleeve-base: #5e540b;--sleeve-dark: #211d04;--sleeve-edge: #161303}.face .face-back{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;box-shadow:none}.piles{position:absolute;z-index:5;display:flex;gap:10px}.piles.opp{top:1.5vh;right:max(2vw,env(safe-area-inset-right,0px))}.piles.me{bottom:4vh;left:calc(max(2.5vw,env(safe-area-inset-left,0px)) + 14vh)}.pile{position:relative;width:6vh;height:8.4vh;--fw: 6vh}.pile .back,.pile .gy-top,.pile .gy-empty{width:100%;height:100%}.pile.gy{cursor:pointer}.pile .gy-top{cursor:zoom-in}.gy-empty{border-radius:6%/4.5%;border:1px dashed var(--line)}.pile.exile .gy-top{filter:saturate(.6) brightness(.85)}.pile.exile>span{color:var(--muted)}.pile.actionable .gy-top .face,.pile.actionable .gy-top{box-shadow:0 0 0 2px var(--glow),0 0 14px #59b5ffbf;border-radius:6%/4.5%}.pile.actionable.exile .gy-top{filter:none}.pile.lib.actionable .gy-top{cursor:pointer}.pile-icon{position:absolute;z-index:2;left:-6px;top:-6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 5px #0007;pointer-events:none}.pile-icon svg{width:11px;height:11px}.pile-icon.gy-icon{color:#d9cfbf}.pile-icon.exile-icon{color:#b9a7ff;border-color:#b9a7ff55}.pile>span{position:absolute;right:-6px;bottom:-6px;min-width:22px;padding:1px 5px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:12px;font-weight:700;text-align:center}.hand{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:8;display:flex;align-items:flex-end;height:23vh;max-width:64vw;padding-bottom:env(safe-area-inset-bottom,0px)}.hcard{position:relative;flex:0 0 auto;width:var(--hcw);height:var(--hch);--fw: var(--hcw);margin-left:calc(var(--hcw) * -.34);cursor:pointer;transform-origin:50% 100%;transform:translateY(calc(34% + var(--dy))) rotate(var(--rot));transition:transform .18s ease}.hcard:first-child{margin-left:0}.hcost{position:absolute;left:5%;top:0;transform:translateY(-62%);z-index:1;pointer-events:none;display:flex;padding:.22em .32em;border-radius:999px;white-space:nowrap;font-size:clamp(9px,calc(var(--hcw) * .07),14px);background:color-mix(in srgb,var(--azul-080c18, #080c18) 88%,transparent);border:1px solid rgba(242,181,76,.55);box-shadow:0 2px 6px #0009}.hcost .pip{font-size:.95em;vertical-align:0}.hcost.cheaper{border-color:var(--heal, #5fd38a);box-shadow:0 0 0 1px color-mix(in srgb,var(--heal, #5fd38a) 45%,transparent),0 2px 6px #0009}.hcost.pricier{border-color:#ff8f78;box-shadow:0 0 0 1px #ff8f7873,0 2px 6px #0009}.hcost-zero{font-weight:800;padding:0 .2em;color:var(--heal, #5fd38a)}.hcard:hover,.hcard:focus-visible{transform:translateY(-2%) scale(1.1);z-index:60!important}.hcard.hidden-card{cursor:default}.hcard.hidden-card .back{width:100%;height:100%;box-sizing:border-box}.hcard.hidden-card:hover{transform:translateY(calc(34% + var(--dy))) rotate(var(--rot))}.hcard.playable .face{box-shadow:0 0 0 2px var(--glow),0 0 18px #59b5ffcc}.hcard.outside:not(:first-child){margin-left:calc(var(--hcw) * .12)}.hcard.outside+.hcard.outside{margin-left:calc(var(--hcw) * -.34)}.hzone{position:absolute;left:50%;bottom:36%;transform:translate(-50%);z-index:1;pointer-events:none;padding:.2em .6em;border-radius:999px;white-space:nowrap;max-width:96%;overflow:hidden;text-overflow:ellipsis;font-size:clamp(9px,calc(var(--hcw) * .07),13px);font-weight:700;color:var(--azul-cfe8ff, #cfe8ff);background:color-mix(in srgb,var(--azul-080c18, #080c18) 90%,transparent);border:1px solid var(--glow);box-shadow:0 2px 6px #0009}.phase-rail{position:absolute;z-index:5;right:max(1.2vw,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.55vh;padding:1.2vh 1vw;border-radius:12px;background:color-mix(in srgb,var(--azul-060912, #060912) 55%,transparent);border:1px solid var(--line);font-size:clamp(10px,1.45vh,14px)}.turn-no{font:700 1.1em var(--display);color:var(--gold);margin-bottom:.4vh}.turn-owner{align-self:flex-start;max-width:14vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.6vh;padding:2px 10px;border-radius:999px;font:700 .85em var(--display);letter-spacing:.04em;text-transform:uppercase}.turn-owner.mine{color:#1d1408;background:var(--gold);box-shadow:0 0 12px #f2b54c80}.turn-owner.theirs{color:#fff;background:var(--red);box-shadow:0 0 12px #ec5a3f80}.field:before{content:"";position:absolute;top:0;right:6vw;bottom:0;left:6vw;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s ease;border-radius:40px;background:radial-gradient(ellipse 60% 70% at 50% 50%,var(--turn-tint),transparent 75%)}.field.me{--turn-tint: rgba(242, 181, 76, .2)}.field.opp{--turn-tint: rgba(236, 90, 63, .18)}.field.turn:before{opacity:1}:root{--turn-ring-mine: inset 0 0 0 1px rgba(242, 181, 76, .5), inset 0 0 22px rgba(242, 181, 76, .13);--turn-ring-theirs: inset 0 0 0 1px rgba(236, 90, 63, .5), inset 0 0 22px rgba(236, 90, 63, .13)}.field:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:-1;pointer-events:none;border-radius:18px;box-shadow:var(--turn-ring);opacity:0;transition:opacity .35s ease}.field.me{--turn-ring: var(--turn-ring-mine)}.field.opp{--turn-ring: var(--turn-ring-theirs)}.field.turn:after{opacity:1}@media(prefers-reduced-motion:reduce){.field:after{transition:none}}.ph{display:flex;align-items:center;gap:7px;color:var(--muted);letter-spacing:.02em}.ph .dot{width:7px;height:7px;border-radius:50%;background:var(--azul-39445f, #39445f)}.ph.on{color:var(--ink);font-weight:700}.ph.on.mine .dot{background:var(--gold);box-shadow:0 0 8px var(--gold)}.ph.on.theirs .dot{background:var(--red);box-shadow:0 0 8px var(--red)}.action{position:absolute;z-index:9;right:max(2vw,env(safe-area-inset-right,0px));bottom:calc(4vh + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-end;gap:1vh;max-width:min(320px,40vw)}.prompt{text-align:right;font-size:clamp(12px,1.7vh,16px);color:var(--ink);text-shadow:0 1px 3px #000}.prompt:empty{display:none}.prompt-card{width:clamp(130px,13vw,200px);aspect-ratio:488 / 680;--fw: clamp(130px, 13vw, 200px);cursor:zoom-in;border-radius:4.8%/3.4%;box-shadow:0 0 0 2px var(--gold),0 10px 30px #000000b3}.hint{display:block;color:#ff9f86;margin-top:2px}.btns{display:flex;flex-direction:column;align-items:flex-end;gap:.9vh}.arena-btn{min-width:clamp(130px,14vw,230px);padding:1.15vh 1.6vw;border-radius:999px;cursor:pointer;font:700 clamp(13px,1.8vh,18px) / 1.2 var(--display);letter-spacing:.04em;text-transform:uppercase;border:2px solid transparent;transition:filter .15s,transform .15s,box-shadow .2s,border-color .15s}.arena-btn:hover:not(:disabled){transform:translateY(-2px)}.arena-btn:active:not(:disabled){transform:translateY(1px) scale(.97);transition-duration:.05s}.arena-btn.primary{background:linear-gradient(180deg,#ffd27a,var(--gold) 45%,var(--gold-deep));color:#2b1700;border-color:var(--gold-light);box-shadow:0 0 18px #f2b54c8c,inset 0 1px #ffffff80}.arena-btn.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 0 28px #f2b54ccc,inset 0 1px #ffffff80}.arena-btn.secondary{background:color-mix(in srgb,var(--azul-121a2e, #121a2e) 92%,transparent);color:var(--ink);border-color:var(--azul-4a5a80, #4a5a80)}.arena-btn.secondary:hover{border-color:var(--gold)}.arena-btn.danger{border-color:#8a3a2c}.arena-btn.waiting{background:var(--azul-232a3b, #232a3b);color:var(--muted);border-color:var(--azul-333c52, #333c52);cursor:default}.arena-btn.waiting.showing{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent);animation:showing-breathe 1.4s ease-in-out infinite}@keyframes showing-breathe{50%{opacity:.62}}@media(prefers-reduced-motion:reduce){.arena-btn.waiting.showing{animation:none}}.arena-btn.big{min-width:200px;padding:14px 32px;font-size:20px}.topbar{position:absolute;z-index:12;top:max(1vh,env(safe-area-inset-top,0px));left:max(1vw,env(safe-area-inset-left,0px));display:flex;gap:6px}.icon-btn{padding:5px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);cursor:pointer;font-size:13px}.icon-btn{transition:border-color .15s,transform .12s}.icon-btn:hover{border-color:var(--gold)}.icon-btn:active{transform:scale(.94)}.fs-btn{display:inline-grid;place-items:center;padding:5px 9px}.fs-btn svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.fs-btn .fs-exit,:fullscreen .fs-btn .fs-enter{display:none}:fullscreen .fs-btn .fs-exit{display:inline}.menu{position:absolute;z-index:13;top:6vh;left:1vw;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.menu .btn{padding:8px 14px;border-radius:8px;background:var(--azul-1a2338, #1a2338);border:1px solid var(--line);cursor:pointer;text-align:left}.menu .btn{transition:border-color .15s,transform .15s}.menu .btn:hover{border-color:var(--gold);transform:translate(3px)}.menu{animation:drop-in .22s cubic-bezier(.2,.8,.2,1);transform-origin:top left}.log-drawer{animation:slide-in .28s cubic-bezier(.2,.8,.2,1)}.log-drawer{position:absolute;z-index:11;top:6vh;left:1vw;bottom:26vh;width:min(340px,80vw);padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);overflow-y:auto}.log-drawer h2{margin:0 0 8px;font:700 15px var(--display);color:var(--gold)}.log-drawer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.log-drawer li.mine{color:var(--ink)}.log-drawer li.sep{color:var(--gold);font-family:var(--display);font-weight:700;margin-top:6px}.preview{position:fixed;z-index:45;left:max(1.5vw,env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%);width:min(24vw,40vh);pointer-events:none;display:flex;flex-direction:column;gap:8px;animation:preview-in .18s ease-out}.preview-card{aspect-ratio:488 / 680;width:100%;--fw: min(24vw, 40vh)}.preview-card .face{box-shadow:0 10px 30px #000000bf}.preview-text{padding:8px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-size:13px}.preview-text p{margin:2px 0}.banner{position:absolute;z-index:25;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none;padding:1.6vh 0;text-align:center;font:800 clamp(26px,5.5vh,56px) var(--display);letter-spacing:.01em;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--azul-060912, #060912) 88%,transparent) 30%,color-mix(in srgb,var(--azul-060912, #060912) 88%,transparent) 70%,transparent);animation:banner 1.2s cubic-bezier(.2,.8,.2,1) forwards}.banner:before,.banner:after{content:"";position:absolute;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.8}.banner:before{top:0}.banner:after{bottom:0}.banner.mine{color:var(--gold);text-shadow:0 0 24px rgba(242,181,76,.55),0 2px 0 #2b1700}.banner.theirs{color:var(--red);text-shadow:0 0 24px rgba(236,90,63,.55),0 2px 0 #2a0a04}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:color-mix(in srgb,var(--azul-03050a, #03050a) 72%,transparent);animation:fade-in .3s ease}.result{text-align:center}.overlay>.result h2{animation:result-in .7s cubic-bezier(.2,.8,.2,1) both}.overlay>.result p,.overlay>.result .result-btns{animation:rise-in .5s .35s cubic-bezier(.2,.8,.2,1) both}.result h2{margin:0;font:800 clamp(48px,12vh,120px) / 1 var(--display);letter-spacing:-.01em}.result.win h2{color:var(--gold);text-shadow:0 0 30px rgba(242,181,76,.6)}.result.lose h2{color:var(--red);text-shadow:0 0 30px rgba(236,90,63,.5)}.result.draw h2{color:var(--ink)}.result p{color:var(--muted);font-size:18px;margin:10px 0 24px}.result-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.result-btns .arena-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.result-btns .arena-btn svg{width:1.2em;height:1.2em;flex:none}.result-report{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:6px 10px;border:0;border-radius:8px;background:none;color:var(--muted);font:500 14px var(--body);cursor:pointer}.result-report svg{width:15px;height:15px;flex:none}.result-report:hover,.result-report:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.result-report:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.overlay>.result .result-report{animation:rise-in .5s .45s cubic-bezier(.2,.8,.2,1) both}@keyframes halo-breathe{0%{opacity:.35;transform:none}to{opacity:1;transform:scale(var(--halo-grow, 1.03))}}@media(prefers-reduced-motion:reduce){.bfc.targetable:after,.avatar.targetable .portrait:after{animation:none;opacity:.85}}@keyframes hit{0%,to{translate:0 0;filter:none}20%{translate:-4px 0;filter:brightness(1.8) saturate(1.5) drop-shadow(0 0 10px #ff5a2d)}40%{translate:4px 0}60%{translate:-2px 0}}@keyframes lifehit{30%{color:var(--red);transform:scale(1.25)}}@keyframes banner{0%{opacity:0;clip-path:inset(0 50%);letter-spacing:.3em}18%{opacity:1;clip-path:inset(0 0);letter-spacing:.08em}75%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%) scale(1.04)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}}@keyframes slide-in{0%{opacity:0;transform:translate(-24px)}}@keyframes preview-in{0%{opacity:0;translate:-12px 0}}@keyframes result-in{0%{opacity:0;transform:scale(1.6);filter:blur(8px)}60%{opacity:1;transform:scale(.96);filter:blur(0)}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-80%) scale(1.25)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}.fly{position:fixed;z-index:35;pointer-events:none}.fly>.face{box-shadow:0 14px 34px #000000b3}.float-num{position:fixed;z-index:36;pointer-events:none;transform:translate(-50%,-50%);font:800 clamp(22px,4vh,40px) / 1 var(--display);text-shadow:0 2px 0 #000,0 0 12px currentColor;animation:float-up 1.1s cubic-bezier(.2,.8,.2,1) forwards}.float-num.small{font-size:clamp(16px,2.6vh,26px)}.float-num.dmg{color:#ff6a4d}.float-num.heal{color:var(--heal)}.lobby{position:relative;min-height:100vh;box-sizing:border-box;padding:20px 16px 40px;overflow-x:clip}.lobby-top,.lobby-main{position:relative;z-index:1;width:min(1240px,100%);margin:0 auto}.lobby-top{z-index:3}.lobby-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px;animation:rise-in .5s cubic-bezier(.2,.8,.2,1) both}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{flex:0 0 auto;width:44px;height:44px;border-radius:12px;transform:rotate(45deg) scale(.8);background:linear-gradient(135deg,var(--gold-light),var(--gold) 45%,var(--gold-deep));box-shadow:0 0 24px #f2b54c73,inset 0 0 0 3px #ffffff40}.brand h1{margin:0;font:800 clamp(24px,3.4vw,34px) / 1.05 var(--display);color:var(--gold);letter-spacing:-.01em}.brand p{margin:4px 0 0;color:var(--muted);font-size:14px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions .news{position:relative;top:auto;right:auto}.ghost-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;cursor:pointer;background:var(--panel);border:1px solid var(--line);font-size:14px;font-weight:600;transition:border-color .15s,background .15s}.ghost-btn:hover{border-color:var(--gold);background:color-mix(in srgb,var(--azul-182038, #182038) 95%,transparent)}.ghost-btn svg{width:16px;height:16px;color:var(--gold)}.lobby-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;animation:rise-in .6s .08s cubic-bezier(.2,.8,.2,1) both}.step{display:flex;align-items:center;gap:10px;margin:0 0 12px}.step h2{margin:0;font:700 17px var(--display);letter-spacing:0}.step-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;flex:0 0 auto;background:#f2b54c26;border:1px solid rgba(242,181,76,.6);color:var(--gold);font-size:13px;font-weight:700}.step-count{margin-left:auto;color:var(--muted);font-size:13px}.pick>.step:not(:first-child){margin-top:30px}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.mode-card{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:14px;cursor:pointer;background:color-mix(in srgb,var(--azul-0f1628, #0f1628) 85%,transparent);border:1px solid var(--azul-2c3754, #2c3754);transition:border-color .15s,transform .15s,background .15s}.mode-card:hover{border-color:var(--azul-56668f, #56668f);transform:translateY(-2px)}.mode-card input{position:absolute;opacity:0;pointer-events:none}.mode-card:has(input:focus-visible){outline:2px solid var(--glow);outline-offset:2px}.mode-card:has(input:checked){border-color:var(--gold);background:linear-gradient(135deg,#f2b54c24,color-mix(in srgb,var(--azul-0f1628, #0f1628) 90%,transparent) 60%);box-shadow:0 0 22px #f2b54c2e}.mode-icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--azul-1a2440, #1a2440);color:var(--muted)}.mode-icon svg{width:26px;height:26px}.mode-card:has(input:checked) .mode-icon{background:var(--gold);color:#1d1406}.mode-text{display:flex;flex-direction:column;gap:3px;padding-right:22px}.mode-text b{font:700 16px var(--display)}.mode-text small{color:var(--muted);font-size:13px;line-height:1.4}.mode-check{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--azul-3a4768, #3a4768);display:grid;place-items:center}.mode-check svg{width:14px;height:14px;opacity:0}.mode-card:has(input:checked) .mode-check{background:var(--gold);border-color:var(--gold);color:#1d1406}.mode-card:has(input:checked) .mode-check svg{opacity:1}.deck-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.search{flex:1 1 200px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;background:var(--azul-111a2e, #111a2e);border:1px solid var(--azul-3a4768, #3a4768)}.search:focus-within{border-color:var(--gold)}.search svg{width:17px;height:17px;color:var(--muted);flex:0 0 auto}.search input{flex:1;min-width:0;padding:9px 0;background:none;border:0;outline:0;color:var(--ink);font:inherit}.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--azul-111a2e, #111a2e);border:1px solid var(--azul-3a4768, #3a4768)}.seg label{position:relative;padding:6px 12px;border-radius:7px;cursor:pointer;color:var(--muted);font-size:14px;font-weight:600}.seg input{position:absolute;opacity:0;pointer-events:none}.seg label:has(input:checked){background:var(--azul-2a3658, #2a3658);color:var(--ink)}.seg label:has(input:focus-visible){outline:2px solid var(--glow)}.color-filter{display:inline-flex;gap:4px}.cf{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;cursor:pointer;background:var(--azul-111a2e, #111a2e);border:1px solid var(--azul-3a4768, #3a4768);opacity:.55;transition:opacity .15s,border-color .15s}.cf .pip{font-size:20px}.cf:hover{opacity:.9}.cf[aria-pressed=true]{opacity:1;border-color:var(--gold);background:var(--azul-1c2644, #1c2644)}.deck-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.tile-wrap{position:relative;display:flex}.deck-tile{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;cursor:pointer;border-radius:12px;background:var(--azul-111a2e, #111a2e);border:2px solid var(--azul-2c3754, #2c3754);transition:border-color .15s,transform .15s,box-shadow .15s}.tile-wrap:hover .deck-tile,.tile-wrap:hover .tile-more{transform:translateY(-3px)}.tile-wrap:hover .deck-tile{border-color:var(--azul-56668f, #56668f);box-shadow:0 10px 24px #0006}.deck-tile:active{transform:scale(.98)}.deck-tile.on{border-color:var(--gold);box-shadow:0 0 20px #f2b54c59}.tile-art{display:block;aspect-ratio:16 / 9;background:radial-gradient(circle at 40% 35%,var(--azul-3b5689, #3b5689),var(--azul-141d33, #141d33)) center / cover;transition:transform .4s ease}.tile-wrap:hover .tile-art{transform:scale(1.05)}.tile-check{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#1d1406;box-shadow:0 2px 8px #00000080}.tile-check svg{width:16px;height:16px}.tile-check.empty{background:color-mix(in srgb,var(--azul-090d18, #090d18) 55%,transparent);border:2px solid rgba(255,255,255,.75);box-shadow:0 2px 6px #00000073;color:transparent;transition:border-color .15s,color .15s}.tile-wrap:hover .tile-check.empty,.deck-tile:focus-visible .tile-check.empty{border-color:var(--gold);color:#f2b54c99}.tile-wrap:hover .tile-check.empty:before,.deck-tile:focus-visible .tile-check.empty:before{content:"✓";font-size:13px;font-weight:700}.tile-tag{position:absolute;top:8px;left:8px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--azul-090d18, #090d18) 85%,transparent);color:var(--gold-light);font-size:11px;font-weight:700}.tile-info{display:flex;flex-direction:column;gap:4px;padding:9px 44px 11px 12px}.tile-more{position:absolute;right:8px;bottom:10px;display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;cursor:pointer;background:#ffffff0a;border:0;color:var(--muted);transition:transform .15s,color .15s,background .15s}.tile-more:hover,.tile-more[aria-expanded=true]{color:var(--ink);background:#ffffff14}.tile-more:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tile-more svg{width:18px;height:18px;fill:currentColor}.tile-menu{position:absolute;right:8px;top:calc(100% - 6px);z-index:5;display:flex;flex-direction:column;min-width:160px;padding:6px;border-radius:10px;background:var(--azul-18233b, #18233b);border:1px solid #ffffff1f;box-shadow:0 12px 28px #00000080}.tile-menu[hidden]{display:none}.tile-menu button{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border:0;border-radius:7px;background:none;color:var(--ink);font:500 14px var(--body);text-align:left;cursor:pointer}.tile-menu button:hover,.tile-menu button:focus-visible{background:#ffffff12;outline:none}.tile-menu button:disabled{opacity:.5;cursor:default}.tile-menu svg{width:18px;height:18px;flex:none;color:var(--muted)}.tile-name{font:700 15px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-meta{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:13px}.tile-meta .pip{font-size:15px}.tile-meta .pip+span{margin-left:3px}.tile-meta{position:relative}.tile-meta .tile-price{color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px}.deck-price,.tile-meta .deck-bracket{cursor:help}.deck-price:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}.deck-price-tip{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:5;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,var(--azul-050a14, #050a14) 94.9%,transparent);border:1px solid color-mix(in srgb,var(--azul-b9c7df, #b9c7df) 20%,transparent);box-shadow:0 6px 18px #00000073;color:var(--ink);font:400 12px/1.4 var(--body);text-align:left;white-space:normal;transition:opacity .15s,transform .15s,visibility .15s}.deck-price:hover .deck-price-tip,.deck-price:focus .deck-price-tip{opacity:1;visibility:visible;transform:none}@media(prefers-reduced-motion:reduce){.deck-price-tip{transition:none}}.tiles-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px;border-radius:12px;border:1px dashed var(--azul-3a4768, #3a4768);color:var(--muted)}.tiles-empty p{margin:0}.match{position:sticky;top:16px;display:flex;flex-direction:column;padding:18px;border-radius:16px;background:color-mix(in srgb,var(--azul-0a0f1c, #0a0f1c) 90%,transparent);border:1px solid var(--azul-2c3754, #2c3754);box-shadow:0 16px 40px #00000073}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;margin-bottom:16px}.vs-side{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}.vs-art{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:14px;background:radial-gradient(circle at 40% 35%,var(--azul-3b5689, #3b5689),var(--azul-141d33, #141d33)) center / cover;border:2px solid var(--gold);box-shadow:0 6px 18px #00000080;font:800 34px var(--display);color:var(--muted)}.vs-side.opp .vs-art{border-color:var(--red)}.vs-art.unknown{border-style:dashed}.vs-who{margin-top:4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.vs-name{font:700 14px / 1.2 var(--display);max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vs-pips{display:flex;gap:2px;min-height:16px}.vs-pips .pip{font-size:15px}.vs{align-self:center;margin-top:-28px;font:800 18px var(--display);color:var(--gold);text-shadow:0 0 14px rgba(242,181,76,.5)}.match-panel{display:flex;flex-direction:column;gap:8px}.field-label{color:var(--muted);font-size:13px}.input-field{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;background:var(--azul-111a2e, #111a2e);border:1px solid var(--azul-3a4768, #3a4768);color:var(--ink);font:inherit;min-width:0}.input-field:focus{border-color:var(--gold);outline:0}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;text-align:left;text-align-last:left;text-overflow:ellipsis;background:var(--azul-111a2e, #111a2e) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%239aa5bb' stroke-width='2.5'/%3E%3C/svg%3E") right 10px center / 16px no-repeat}.play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;margin-top:8px}.play-btn svg{width:20px;height:20px}.lobby-status{min-height:1.4em;max-height:7em;overflow-y:auto;overflow-wrap:anywhere;margin:12px 0 0;color:var(--muted);font-size:14px}.lobby-status:empty{display:none}.lobby-status.error{color:#ff9f86}@media(max-width:900px)and (orientation:portrait){.lobby-main{grid-template-columns:1fr}.match{position:sticky;top:auto;bottom:8px;order:2;padding:12px 14px;max-height:70vh;overflow-y:auto;background:color-mix(in srgb,var(--azul-0a0f1c, #0a0f1c) 97%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -8px 30px #0009}.match .field-label[for=oppSel]{display:none}.match .play-btn.big{padding:11px 24px;font-size:18px}.vs-who{display:none}.versus{grid-template-columns:1fr auto 1fr;margin-bottom:10px}.vs-art{width:56px;border-radius:10px;font-size:22px}.match>.step{display:none}.vs{margin-top:-18px}}@media(max-width:520px){.brand p{display:none}.ghost-btn span{display:inline}.deck-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}body[data-screen=lobby] .credits,body[data-screen=decks] .credits,body[data-screen=lab] .credits{position:static;padding:0 16px 16px}.credits{position:fixed;bottom:8px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted);z-index:2;pointer-events:none}.credits a{pointer-events:auto}body[data-screen=game] .credits,body[data-screen=lobby] .credits{display:none}.builder{min-height:100vh;box-sizing:border-box;padding:18px max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px));background:radial-gradient(ellipse at 50% 0%,var(--azul-1a2a48, #1a2a48),var(--bg-deep) 70%) fixed}.builder-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 auto 16px;max-width:1600px}.builder-head h1{margin:0;font:800 26px var(--display);color:var(--gold);letter-spacing:-.01em}.builder-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.builder-actions .arena-btn{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:8px 18px;font-size:14px}.builder-actions .arena-btn svg{width:18px;height:18px}.builder-grid{display:grid;grid-template-columns:290px minmax(0,1fr) minmax(0,1.25fr);gap:14px;align-items:start;max-width:1600px;margin:0 auto}.panel-box{background:color-mix(in srgb,var(--azul-0c1220, #0c1220) 90%,transparent);border:1px solid var(--line);border-radius:14px;padding:14px;min-width:0}.panel-box h2{margin:0 0 10px;font:700 16px var(--display)}.panel-box h2 small{margin-left:4px;color:var(--muted);font:600 13px var(--body)}.ghost-btn.danger:hover{border-color:var(--red)}.ghost-btn.danger svg{color:#ff9f86}.deck-list,.card-search{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;box-sizing:border-box}.list-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;background:var(--azul-0d1426, #0d1426);border:1px solid var(--azul-3a4768, #3a4768)}.list-search:focus-within{border-color:var(--gold)}.list-search svg{width:17px;height:17px;flex:0 0 auto;color:var(--muted)}.list-search input{flex:1;min-width:0;padding:9px 0;background:none;border:0;outline:0;color:var(--ink);font:inherit}.deck-list .list-search{margin-bottom:14px}.deck-list h2{margin-top:14px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.deck-list h2:first-child{margin-top:0}.deck-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.deck-item{width:100%;display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid transparent;transition:background .15s,border-color .15s}.deck-item:hover{background:var(--azul-18223a, #18223a)}.deck-item.on{border-color:var(--gold);background:var(--azul-1b2440, #1b2440);box-shadow:0 0 14px #f2b54c2e}.di-cover{flex:0 0 auto;width:64px;aspect-ratio:4 / 3;border-radius:7px;background:radial-gradient(circle at 40% 35%,var(--azul-3b5689, #3b5689),var(--azul-141d33, #141d33)) center / cover;box-shadow:0 2px 6px #00000080}.deck-item.on .di-cover{box-shadow:0 0 0 2px var(--gold)}.di-info{display:flex;flex-direction:column;gap:3px;min-width:0}.di-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.di-meta{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:12px}.di-meta .pip{font-size:14px}.di-meta .pip+span{margin-left:4px}.list-empty{padding:14px;border-radius:10px;border:1px dashed var(--azul-3a4768, #3a4768);text-align:center}.list-empty p{margin:0 0 4px}.deck-edit{padding:0;overflow:hidden}.deck-edit>:not(.edit-hero){margin-left:16px;margin-right:16px}.edit-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:120px;padding:16px;box-sizing:border-box;background:linear-gradient(180deg,color-mix(in srgb,var(--azul-0c1220, #0c1220) 15%,transparent),color-mix(in srgb,var(--azul-0c1220, #0c1220) 95%,transparent)),var(--cover, radial-gradient(circle at 40% 35%, var(--azul-3b5689, #3b5689), var(--azul-141d33, #141d33))) center 30% / cover;border-bottom:1px solid var(--line)}.edit-title{flex:1;min-width:200px}.edit-title h2{margin:0;font:800 22px var(--display);text-shadow:0 2px 8px #000}.deck-edit>.edit-title{padding-top:14px}.name-input{width:100%;box-sizing:border-box;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--azul-0d1426, #0d1426) 75%,transparent);border:1px solid var(--azul-3a4768, #3a4768);color:var(--ink);font:800 21px var(--display)}.name-input:focus{outline:0;border-color:var(--gold)}.edit-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin:8px 0 0;color:var(--muted);font-size:13px;text-shadow:0 1px 4px #000}.edit-meta .pip{font-size:17px}.size{padding:1px 9px;border-radius:999px;background:#63d68f26;color:var(--heal);font-weight:700;white-space:nowrap;text-shadow:none}.size.short{background:#ffb86b26;color:#ffb86b}.edit-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ro-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:10px 12px;border-radius:10px;background:#f2b54c14;border:1px solid rgba(242,181,76,.35);font-size:14px}.ro-banner svg{width:18px;height:18px;color:var(--gold);flex:0 0 auto}.ro-banner .arena-btn{margin-left:auto;min-width:0;padding:7px 16px;font-size:13px}.deck-stats{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px}.stat-chips{display:flex;flex-wrap:wrap;gap:6px}.stat{padding:4px 10px;border-radius:999px;background:var(--azul-16203a, #16203a);border:1px solid var(--azul-2c3754, #2c3754);color:var(--muted);font-size:13px}.stat b{color:var(--ink)}.curve{display:flex;align-items:flex-end;gap:4px;height:64px}.curve .bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:22px;height:100%;font-size:11px;color:var(--muted)}.curve .bar b{color:var(--ink);font-size:11px;min-height:13px}.curve .bar i{display:block;width:100%;min-height:2px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--gold-light),var(--gold-deep))}.edit-empty{margin-top:16px}.note{color:var(--muted);font-size:13px}.note.error{color:#ff9f86}.note.warn{color:#ffb86b}.entry-groups{columns:2 260px;column-gap:18px;padding-bottom:14px}.entry-group{break-inside:avoid}.deck-edit h3{margin:16px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--line);font:700 14px var(--display);color:var(--gold)}.deck-edit h3 small{color:var(--muted);font-family:var(--body)}.entries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.entry{display:flex;align-items:center;gap:8px;padding:3px 4px;border-radius:8px}.entry:hover{background:var(--azul-18223a, #18223a)}.e-art{flex:0 0 auto;width:34px;height:25px;border-radius:5px;background:var(--azul-1a2440, #1a2440) center 25% / cover}.entry .ename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.entry .ecost{font-size:14px;white-space:nowrap}.entry .count{min-width:20px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.stepper{display:flex;align-items:center;gap:2px}.mini{min-width:26px;height:26px;padding:0 6px;border-radius:7px;background:var(--azul-1a2440, #1a2440);border:1px solid var(--azul-3a4768, #3a4768);cursor:pointer;font-weight:700;line-height:1}.mini:hover:not(:disabled){border-color:var(--gold);color:var(--gold-light)}.mini:disabled{opacity:.35;cursor:not-allowed}.import-form{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-bottom:16px}.import-form textarea{width:100%;box-sizing:border-box;min-height:260px;resize:vertical;padding:10px;border-radius:8px;background:var(--azul-0d1426, #0d1426);border:1px solid var(--azul-3a4768, #3a4768);color:var(--ink);font:13px/1.45 ui-monospace,monospace}.import-form textarea:focus{outline:0;border-color:var(--gold)}.import-form .note{margin:0}.import-form .edit-actions .arena-btn{min-width:0;padding:8px 18px;font-size:14px}.search-form{display:flex;gap:8px}.search-form .list-search{flex:1}.search-form .arena-btn{min-width:0;padding:8px 18px;font-size:14px}.search-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px}.type-chips{display:flex;flex-wrap:wrap;gap:5px}.chip{padding:5px 11px;border-radius:999px;background:var(--azul-111a2e, #111a2e);border:1px solid var(--azul-3a4768, #3a4768);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{background:var(--azul-2a3658, #2a3658);border-color:var(--gold);color:var(--ink)}.tips{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.6}.tips summary{cursor:pointer;width:max-content}.tips summary:hover{color:var(--ink)}.tips p{margin:6px 0 0}.tips code{background:var(--azul-18223a, #18223a);padding:1px 5px;border-radius:4px;color:var(--ink)}.results{margin-top:6px}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;margin-bottom:12px}.results .result{display:flex;flex-direction:column;gap:6px;text-align:left}.r-img{position:relative;display:block;padding:0;border:0;background:none;border-radius:5%/3.6%;cursor:copy}.r-img:disabled{cursor:default}.r-img img{width:100%;aspect-ratio:488 / 680;object-fit:cover;border-radius:5%/3.6%;display:block;transition:transform .18s ease,box-shadow .18s}.r-img:hover:not(:disabled) img{transform:translateY(-3px);box-shadow:0 8px 18px #0009,0 0 0 2px var(--glow)}.result.in-deck .r-img img{box-shadow:0 0 0 2px var(--gold)}.r-have{position:absolute;top:6px;right:6px;padding:1px 8px;border-radius:999px;background:var(--gold);color:#1d1406;font-size:12px;font-weight:800;box-shadow:0 2px 6px #0009}.noimg{aspect-ratio:488 / 680;display:grid;place-items:center;padding:8px;border-radius:8px;background:var(--azul-18223a, #18223a);font-size:12px;text-align:center}.r-foot{display:flex;align-items:center;gap:4px}.r-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted);text-align:center}.more-btn{width:100%}.builder-preview{position:fixed;left:16px;bottom:16px;z-index:20;width:250px;pointer-events:none;display:flex;flex-direction:column;gap:6px}.builder-preview:not([hidden]){animation:preview-in .18s ease-out}.builder-preview img{width:100%;border-radius:4.8%/3.4%;box-shadow:0 10px 30px #000000b3}@media(max-width:1250px){.builder-grid{grid-template-columns:250px minmax(0,1fr)}.card-search{grid-column:2;position:static;max-height:none}.deck-list{grid-row:span 2}}@media(max-width:700px){.builder-grid{grid-template-columns:1fr}.card-search,.deck-list{grid-column:auto;grid-row:auto;position:static;max-height:none}.deck-list ul{flex-direction:row;overflow-x:auto;padding-bottom:4px}.deck-item{flex:0 0 200px}.builder-actions .ghost-btn span,.builder-head .ghost-btn span{display:inline}}@media(max-width:760px){.phase-rail{display:none}.field{padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}.hand{max-width:70vw}.action{max-width:34vw}.arena-btn{min-width:110px;padding:8px 12px;font-size:12px}.preview{width:46vw}.piles.me{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.room-tag{align-self:center;padding:3px 10px;border-radius:999px;font-size:12px;color:var(--gold);border:1px solid rgba(242,181,76,.4);background:var(--panel)}.arena-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.counters{position:absolute;left:3%;bottom:3%;z-index:3;max-width:70%;display:flex;flex-wrap:wrap-reverse;gap:2px}.ctr{position:relative;display:inline-flex;align-items:center;gap:1px;padding:1px 4px 1px 2px;border-radius:4px;cursor:help;background:color-mix(in srgb,var(--azul-090d18, #090d18) 90%,transparent);color:var(--gold-light);font-size:10px;font-weight:700;line-height:1.3;box-shadow:0 1px 3px #0009}.ctr svg{width:11px;height:11px}.ctr-tip{position:absolute;left:0;bottom:calc(100% + 4px);z-index:5;display:none;padding:3px 7px;border-radius:6px;background:var(--azul-0d1426, #0d1426);border:1px solid var(--gold);color:var(--ink);font-size:11px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px #0009}.ctr:hover .ctr-tip,.ctr:focus-visible .ctr-tip,.ctr.open .ctr-tip{display:block}.slot.tapped .ctr-tip{transform:rotate(-90deg);transform-origin:left bottom}.slot.tapped .ctr.kw .ctr-tip{transform-origin:right bottom}.ctr-sum{display:none;cursor:pointer}.bfc.crowded>.counters,.bfc.crowded>.kws{display:none}.slot:has(.ctr:hover,.ctr:focus-visible,.ctr.open){z-index:8}.slot>.bfc:has(.ctr:hover,.ctr:focus-visible,.ctr.open){z-index:8}.bfc.crowded>.ctr-sum{display:inline-flex;position:absolute;left:3%;bottom:3%;z-index:3}.ctr-sum .ctr-tip{width:max-content;max-width:220px;white-space:normal;line-height:1.35;font-weight:500}.ctr-sum .ctr-tip small{display:block;margin-top:2px;color:var(--gold-light)}.stack-panel{position:absolute;z-index:9;right:calc(max(1.2vw,env(safe-area-inset-right,0px)) + 150px);top:50%;transform:translateY(-50%);width:min(280px,30vw);max-height:56vh;overflow-y:auto;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid rgba(242,181,76,.45);box-shadow:0 8px 30px #0009}.stack-panel h2{margin:0 0 8px;font:700 14px var(--display);color:var(--gold)}.stack-panel ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.stack-panel li{display:flex;gap:8px;align-items:flex-start;padding:6px;border-radius:8px;background:#ffffff0a;border-left:3px solid var(--glow)}.stack-panel li.theirs{border-left-color:var(--red)}.stack-panel li p{margin:0;font-size:12px;line-height:1.35}.stack-card{flex:0 0 auto;width:54px;height:75px;--fw: 54px;cursor:zoom-in}.question{width:min(860px,94vw);max-height:86vh;overflow-y:auto;padding:20px 22px;border-radius:16px;background:var(--azul-0d1426, #0d1426);border:1px solid var(--gold);box-shadow:0 20px 60px #000000b3}.zone-view .q-face{cursor:zoom-in}.zone-view .q-face.actionable{cursor:pointer}.zone-view .q-face{position:relative}.zone-card{display:flex;flex-direction:column;gap:6px;width:min-content}.zone-view .zone-card .icon-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:32px;padding:4px;border-radius:8px;background:#ffffff0a;color:var(--muted);font-size:12px;font-weight:600}.zone-view .zone-card .icon-btn:hover,.zone-view .zone-card .icon-btn:focus-visible{color:var(--ink)}.zone-card .icon-btn svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}@media(pointer:coarse){.zone-view .zone-card .icon-btn{min-height:40px}}.zone-tag{position:absolute;left:50%;bottom:8px;transform:translate(-50%);padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--azul-060912, #060912) 85%,transparent);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.zone-view .q-face.actionable .face{box-shadow:0 0 0 2px var(--glow),0 0 14px #59b5ffbf}.zone-view .exile-status{left:8px;right:8px;bottom:8px;padding:6px 4px;border-radius:6px;font-size:12px}.zone-view .q-face.actionable .exile-status{color:var(--azul-cfe8ff, #cfe8ff);box-shadow:inset 0 0 0 1px #59b5ff66}.zone-view .q-face:has(.exile-status) .zone-tag{bottom:40px}.question.enter{animation:rise-in .3s cubic-bezier(.2,.8,.2,1)}.question h2{margin:0 0 10px;font:700 20px var(--display);color:var(--ink)}.q-hint{color:var(--muted);margin:0 0 10px}.q-card{width:180px;aspect-ratio:488 / 680;--fw: 180px;margin:0 auto 12px}.q-opts{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.q-opts.cards{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.q-opt{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;background:var(--azul-16203a, #16203a);border:1px solid var(--azul-34405e, #34405e);text-align:left}.q-opt{transition:border-color .15s,transform .15s,background .15s}.q-opt:hover{border-color:var(--glow);transform:translateY(-2px)}.q-opt:active{transform:scale(.97)}.q-opt.on{border-color:var(--gold);background:var(--azul-22294a, #22294a)}.q-opt.has-card{flex-direction:column;width:150px;padding:6px;font-size:12px;text-align:center}.q-face{width:136px;aspect-ratio:488 / 680;--fw: 136px}.q-opt.unavailable{cursor:zoom-in;opacity:.45;filter:grayscale(.6)}.q-opt.unavailable:hover{border-color:var(--azul-34405e, #34405e);transform:none}.q-badge{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--gold);color:#2b1700;font-weight:800}.q-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.q-actions .arena-btn{min-width:140px}.q-text{display:flex;gap:10px}.q-text input{flex:1;min-width:0;padding:10px 12px;border-radius:8px;background:var(--azul-0a1020, #0a1020);border:1px solid var(--azul-3a4768, #3a4768);color:var(--ink);font:inherit}.toasts{position:absolute;z-index:45;top:9vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{animation:toast-in .3s cubic-bezier(.2,.8,.2,1);transition:opacity .4s,transform .4s}.toast.out{opacity:0;transform:translateY(-10px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px) scale(.95)}}.toast{padding:9px 16px;border-radius:10px;background:var(--panel);border:1px solid var(--line);box-shadow:0 6px 20px #00000080;max-width:min(560px,90vw)}.toast.error{border-color:var(--red);color:#ffb3a3}.toast.detailed{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-color:var(--red);pointer-events:auto;cursor:pointer;text-align:left}.toast.detailed .notice-cards{display:flex;gap:6px;flex:none}.toast.detailed .notice-card{width:60px;aspect-ratio:63 / 88;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--panel) center / cover no-repeat;color:var(--muted);font:600 9px/1.2 var(--body, inherit);cursor:zoom-in;overflow:hidden}.toast.detailed .notice-card span{display:block;padding:4px}.toast.detailed .notice-text{display:grid;gap:3px;min-width:0;line-height:1.35}.toast.detailed .notice-text strong{color:#ffb3a3;font-weight:700}.toast.expandable{pointer-events:auto;text-align:left;font-size:.92em;color:var(--muted)}.toast.expandable .notice-line{display:flex;align-items:center;gap:12px}.toast.expandable .notice-line strong{color:var(--text, #eee);font-weight:600}.toast.expandable .notice-more{flex:none;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer}.toast.expandable .notice-more:hover{color:var(--text, #fff);border-color:currentColor}.toast.expandable .notice-groups{display:grid;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);max-height:40vh;overflow:auto}.toast.expandable .notice-group ul{display:flex;flex-wrap:wrap;gap:4px 6px;margin:4px 0 0;padding:0;list-style:none}.toast.expandable .notice-name{padding:2px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text, #eee);font:inherit;cursor:zoom-in}@media(max-width:760px){.stack-panel{right:8px;width:46vw}}.net-or{display:flex;align-items:center;gap:10px;margin:8px 0 2px;color:var(--muted);font-size:13px}.net-or:before,.net-or:after{content:"";flex:1;height:1px;background:var(--line)}.net-join{display:flex;gap:8px}.net-join input{flex:1;text-transform:uppercase;letter-spacing:.25em;font-weight:700;text-align:center}.net-join .arena-btn{min-width:0;padding:8px 18px;font-size:15px}.net-adv{margin-top:6px;color:var(--muted);font-size:13px}.net-adv summary{cursor:pointer;padding:4px 0}.net-adv summary:hover{color:var(--ink)}.net-adv .input-field{margin-top:6px}.net-adv p{margin:8px 0 0;line-height:1.45}.net-adv code{background:var(--azul-18223a, #18223a);padding:1px 5px;border-radius:4px;color:var(--ink)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 1.2s ease-in-out infinite;flex:0 0 auto}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.avatar .offline{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);white-space:nowrap;padding:1px 8px;border-radius:999px;background:#3b1d1d;color:#ffb3a3;font-size:11px}.overlay>.result.still h2,.overlay>.result.still p,.overlay>.result.still .result-btns{animation:none}.news{position:absolute;z-index:5;top:16px;right:16px}.news-btn{position:relative;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--line);cursor:pointer;font-size:14px}.news-btn:hover,.news-btn[aria-expanded=true]{border-color:var(--gold)}.news-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.news-sync{display:none;position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:2px solid transparent;border-top-color:var(--gold);border-right-color:var(--gold);animation:news-sync .9s linear infinite;pointer-events:none}html[data-pwa-update] .news-sync{display:block}html[data-pwa-update=downloading] .news-sync{border-bottom-color:var(--gold);animation-duration:.6s}@keyframes news-sync{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.news-sync{animation-duration:2.4s}}.news-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(420px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;padding:4px 18px 14px;border-radius:12px;background:color-mix(in srgb,var(--azul-0c1220, #0c1220) 97%,transparent);border:1px solid var(--line);box-shadow:0 12px 36px #0009;font-size:14px;line-height:1.45}.news-rel+.news-rel{border-top:1px solid var(--line)}.news-rel h3{margin:14px 0 6px;font:700 17px var(--display);color:var(--gold)}.news-rel h3 small{margin-left:6px;font:400 13px var(--body);color:var(--muted)}.news-rel h4{margin:10px 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.news-rel p{margin:4px 0}.news-rel ul{margin:4px 0;padding-left:18px}.news-rel li{margin:3px 0}.news-rel code{background:var(--azul-18223a, #18223a);padding:1px 5px;border-radius:4px}.news-rel h3:focus{outline:none}.news-rel h3:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.news-more{display:block;width:100%;margin:12px 0 2px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#ffffff08;color:var(--ink);font:600 14px var(--body);cursor:pointer}.news-more:hover{border-color:var(--gold)}.news-more[hidden]{display:none}.news-visual-all{display:block;margin:12px 0 2px;padding:8px 12px;border-radius:10px;border:1px solid #f2b54c55;background:#f2b54c12;color:var(--gold-light);font-weight:600;text-align:center;text-decoration:none}.news-visual-all:hover{border-color:var(--gold)}.news-visual{margin-left:8px;font:500 12px var(--body);white-space:nowrap}@media(orientation:landscape)and (max-height:500px){:root{--ch: 15.5vh;--lch: 10.5vh;--hch: 26vh}.arena{grid-template-rows:13vh minmax(0,1fr) 2px minmax(0,1fr) 21vh}.field{gap:.8vh;padding-left:max(11vw,env(safe-area-inset-left,0px));padding-right:max(10vw,env(safe-area-inset-right,0px))}.hand{height:21vh;max-width:56vw}.hcard{transform:translateY(calc(40% + var(--dy))) rotate(var(--rot))}.hcard:hover,.hcard:focus-visible{transform:translateY(-8%) scale(1.15)}.phase-rail{display:flex;top:50%;padding:6px 8px;gap:2px;font-size:11px}.phase-rail .ph:not(.on){display:none}.turn-owner{max-width:18vw;margin-bottom:2px}.action{bottom:calc(2vh + env(safe-area-inset-bottom,0px));gap:6px;max-width:30vw}.prompt{font-size:12px}.prompt-card{width:22vh;--fw: 22vh}.btns{gap:6px}.arena-btn{min-width:104px;padding:7px 12px;font-size:12px}.arena-btn.big{min-width:0;padding:9px 20px;font-size:16px}.portrait{width:11vh;height:11vh;border-width:2px}.life{min-width:24px;height:24px;margin-top:-10px;font-size:13px}.pname{font-size:10px}.avatar-slot.me{bottom:2vh}.piles.me{display:flex;bottom:2vh;left:calc(max(2vw,env(safe-area-inset-left,0px)) + 15vh)}.pile{width:7vh;height:9.8vh;--fw: 7vh}.pile>span{min-width:18px;font-size:10px}.topbar{top:max(6px,env(safe-area-inset-top,0px))}.icon-btn{padding:4px 10px;font-size:12px}.menu,.log-drawer{top:40px}.log-drawer{bottom:8px}.stack-panel{max-height:70vh;width:min(260px,32vw)}.preview{flex-direction:row;align-items:flex-start;width:auto;max-width:74vw;top:50%}.preview-card{flex:0 0 auto;width:56vh;--fw: 56vh}.preview-text{max-width:34vw;max-height:86vh;overflow-y:auto;font-size:12px}.question{max-height:92vh;padding:12px 16px}.question h2{font-size:16px;margin-bottom:6px}.q-card{width:120px;--fw: 120px}.q-opt.has-card{width:110px}.q-face{width:96px;--fw: 96px}.lobby{padding:10px max(14px,env(safe-area-inset-right,0px)) 24px max(14px,env(safe-area-inset-left,0px))}.lobby-top{margin-bottom:12px}.brand-mark{width:32px;height:32px}.brand h1{font-size:22px}.brand p{display:none}.lobby-main{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.pick>.step:not(:first-child){margin-top:16px}.step{margin-bottom:8px}.modes{grid-template-columns:1fr 1fr;gap:10px}.mode-card{padding:10px 12px;gap:10px}.mode-icon{width:36px;height:36px}.mode-text small{display:none}.mode-text{justify-content:center;min-height:36px}.mode-check{top:50%;transform:translateY(-50%)}.deck-tools{margin-bottom:10px;gap:8px}.deck-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.match{top:8px;max-height:calc(100vh - 16px);overflow-y:auto;padding:12px}.match>.step{display:none}.versus{margin-bottom:10px}.vs-art{width:64px;border-radius:10px;font-size:24px}.vs{margin-top:-20px}.vs-who{display:none}.match .play-btn.big{padding:10px 20px;font-size:18px}.builder{padding-top:10px}.builder-head{margin-bottom:10px}.builder-head h1{font-size:20px}.builder-grid{grid-template-columns:220px minmax(0,1fr);gap:10px}.di-cover{width:52px}.edit-hero{min-height:84px;padding:12px}.builder-preview{width:30vh}}.rotate-gate{display:none}@media(pointer:coarse)and (orientation:portrait)and (max-width:900px){body[data-screen=game] .rotate-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 40%,var(--azul-1b2c4d, #1b2c4d),var(--bg-deep) 75%)}.rotate-gate h2{margin:6px 0 0;font:700 24px var(--display);color:var(--gold)}.rotate-gate p{margin:0 0 10px;color:var(--muted)}.rotate-phone{width:96px;height:96px;color:var(--gold);animation:rotate-hint 2.4s ease-in-out infinite}body[data-screen=game]:has(.rotate-gate){overflow:hidden}}@keyframes rotate-hint{0%,25%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.deck-preview{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden;display:flex;flex-direction:column;color:var(--ink);border-radius:16px;background:var(--azul-0d1426, #0d1426);border:1px solid var(--azul-3a4768, #3a4768);box-shadow:0 24px 70px #000000bf}.deck-preview:not([open]){display:none}.deck-preview[open]{animation:rise-in .25s cubic-bezier(.2,.8,.2,1)}.deck-preview::backdrop{background:color-mix(in srgb,var(--azul-04060c, #04060c) 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 16px 22px;background:var(--azul-121b31, #121b31) center / cover;border-bottom:1px solid var(--line)}.dp-head h2{margin:0;font:800 24px var(--display);color:var(--gold);letter-spacing:-.01em}.dp-head p{display:flex;align-items:center;gap:4px;margin:6px 0 0;color:var(--muted);font-size:14px}.dp-head p .pip{font-size:17px}.dp-head p span:last-child{margin-left:6px}.dp-close{flex:0 0 auto;width:34px;height:34px;border-radius:50%;cursor:pointer;background:color-mix(in srgb,var(--azul-090d18, #090d18) 80%,transparent);border:1px solid var(--line);font-size:15px}.dp-close:hover{border-color:var(--gold)}.dp-main{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 250px}.dp-body{min-height:0;overflow-y:auto;padding:16px 22px 20px}.dp-stats{display:flex;align-items:flex-end;gap:22px;margin-bottom:14px}.dp-curve{display:flex;align-items:flex-end;gap:6px;height:92px}.dp-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:28px;height:100%}.dp-bar b{font-size:12px;color:var(--muted);min-height:15px}.dp-bar i{display:block;width:100%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(var(--gold-light),var(--gold-deep))}.dp-bar small{margin-top:4px;font-size:12px;color:var(--muted)}.dp-avg{margin:0;color:var(--muted);font-size:14px}.dp-avg b{display:block;font:700 26px var(--display);color:var(--ink)}.dp-list{columns:2 240px;column-gap:22px}.dp-group{break-inside:avoid;margin-bottom:14px}.dp-group h3{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.dp-group h3 small{color:var(--gold);font-size:13px}.dp-group ul{margin:0;padding:0;list-style:none}.dp-card{display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px;border-radius:7px;cursor:pointer;background:none;border:0;text-align:left}.dp-card:hover,.dp-card:focus-visible{background:var(--azul-1c2644, #1c2644)}.dp-n{flex:0 0 18px;color:var(--gold);font-weight:700;text-align:right}.dp-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-cost{flex:0 0 auto;font-size:14px}.dp-zoom{margin:0;padding:16px 18px 16px 0}.dp-zoom img{display:block;width:100%;border-radius:4.75%/3.5%;box-shadow:0 10px 30px #0009}.dp-zoom.empty img{visibility:hidden}.dp-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid var(--line);background:var(--azul-0a1020, #0a1020)}@media(max-width:720px),(max-height:520px){.deck-preview{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.dp-main{grid-template-columns:minmax(0,1fr)}.dp-zoom{display:none}.dp-zoom.pinned{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;padding:10px;background:color-mix(in srgb,var(--azul-04060c, #04060c) 85%,transparent);cursor:zoom-out}.dp-zoom.pinned img{width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none}.dp-head{padding:12px 12px 10px 16px}.dp-head h2{font-size:20px}.dp-body{padding:12px 14px 16px}.dp-curve{height:70px}}body{line-height:1.5}input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}button{touch-action:manipulation}button svg{flex-shrink:0}.mat{background:radial-gradient(ellipse at 50% 40%,var(--mat-center),var(--mat-mid) 52%,var(--bg-deep))}.arena-btn{min-height:44px;border-radius:999px;font-size:16px;letter-spacing:0;text-transform:none;font-weight:600;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out),transform .1s var(--ease-out)}.arena-btn.primary{background:linear-gradient(180deg,#ffd27a,var(--gold) 45%,var(--gold-deep));border-color:var(--gold-light);box-shadow:0 2px 12px #f2b54c30,inset 0 1px #ffffff80;color:#2b1700}.arena-btn.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 3px 16px #f2b54c50,inset 0 1px #ffffff80}.arena-btn.secondary{background:var(--surface);border-color:var(--line)}.arena-btn:hover:not(:disabled){transform:none}.arena-btn:active:not(:disabled),.icon-btn:active,.ghost-btn:active,.q-opt:active{transform:scale(.96)}.ghost-btn,.icon-btn,.news-btn{min-height:44px;border-radius:10px}.icon-btn,.field-label,.note,.room-tag,.net-adv{font-size:14px}.ghost-btn:hover{background:var(--surface)}.brand-mark{box-shadow:0 2px 12px #f2b54c30}.face{outline:1px solid rgb(255 255 255 / .1)}.pip svg{width:77%;height:77%;fill:currentColor}.pip .hybrid-glyph{font-size:.68em;font-weight:800}.pip-B{color:#fff}.menu .btn{min-height:44px;font-size:15px;background:var(--surface)}.menu .btn:hover{transform:none}.question,.deck-preview{background:var(--azul-0d1426, #0d1426)}.prompt,.q-hint{font-size:16px}.log-drawer ul{font-size:14px;line-height:1.5}.log-drawer h2{font-size:18px}.turn-owner{letter-spacing:0;text-transform:none}.banner{animation-duration:1.2s}.overlay>.result h2,.overlay>.result p,.overlay>.result .result-btns{animation:none}.result.win h2,.result.lose h2{text-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(pointer:coarse){.mini,.dp-close,.tile-more{min-width:44px;min-height:44px}}@media(hover:none){.tile-wrap:hover .deck-tile,.tile-wrap:hover .tile-more,.tile-wrap:hover .tile-art,.mode-card:hover,.r-img:hover:not(:disabled) img{transform:none}.hcard:hover{transform:translateY(calc(34% + var(--dy))) rotate(var(--rot))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.target-arrows .dimmed{opacity:.18}.target-arrows .focused .arrow{stroke-width:3.4px}.target-arrows .focused .arrow-glow{opacity:.45}.target-arrows .target-tag{animation:fade-in .18s ease both}.target-arrows .target-tag rect{fill:#0a0804eb;stroke-width:1.5px}.target-arrows .target-tag.mine rect{stroke:var(--gold)}.target-arrows .target-tag.theirs rect{stroke:var(--red)}.target-arrows .target-tag.aura rect{stroke:#c9a2ff}.target-arrows .target-tag text{fill:var(--ink);font:600 12px var(--body);text-anchor:middle}.stack-pile.stack-focus,.stack-layer.stack-focus{outline:2px solid var(--gold);outline-offset:2px}.zone-tag.foretold{display:inline-flex;align-items:center;gap:4px;color:var(--azul-c9d4ff, #c9d4ff);border-color:#7f8fd6}.zone-tag.foretold .mana,.zone-tag.foretold .pip{width:12px;height:12px}.exile-card .zone-tag.foretold{bottom:30px}.toasts.lobby-toasts{position:fixed;z-index:1000;top:12vh;text-align:center}