@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/spectral-600-DE3OxvnQ.woff2)format("woff2")}@font-face{font-family:Karla;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/karla-var-C1qp5MLU.woff2)format("woff2 tech(variations)")}@font-face{font-family:Baskerville;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/libre-baskerville-400-kU5d48Ec.woff2)format("woff2")}@font-face{font-family:Baskerville;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/libre-baskerville-700-CLGq6Yj4.woff2)format("woff2")}@font-face{font-family:Baskerville;font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/libre-baskerville-italic-B3uhfRya.woff2)format("woff2")}:root{--bg:#070c16;--bg-1:#0b1120;--bg-2:#101829;--bg-3:#162034;--bg-4:#1e2a42;--line:#d6ac6024;--line-2:#d6ac6047;--line-3:#d6ac6080;--text:#f2ede0;--text-2:#a0aec6;--text-3:#65758f;--accent:#d9ae5f;--accent-hi:#f0ca85;--accent-dim:#d9ae5f21;--accent-line:#d9ae5f6b;--gold:var(--accent);--energy:#6fd0e8;--hp-good:#86b368;--hp-mid:#d9a441;--hp:#ce5248;--shield:#7ba8dc;--damage:#dd6b58;--good:#86b368;--warn:#d9a441;--danger:#ce5248;--t-character:#c08a2c;--t-area:#4e9b84;--t-supporter:#bf6e8a;--t-event:#c4593f;--t-upgrade:#6e83b2;--t-entity:#4098b6;--t-story:#8a6bb4;--face:#fbf6e9;--face-2:#efe6d2;--face-edge:#1f1a102e;--ink:#1f1a10;--ink-2:#4d4535;--ink-3:#7c7360;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Karla", system-ui, sans-serif;--font-display:"Spectral", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--r-2:2px;--r-3:3px;--r-4:5px;--r-5:7px;--r-6:10px;--r-pill:999px;--e-1:0 1px 2px #00000080;--e-2:0 6px 18px -6px #000000b3, 0 1px 3px #00000080;--e-3:0 20px 52px -18px #000000d9, 0 2px 8px #0000008c;--e-4:0 44px 96px -32px #000000eb, 0 4px 16px #0009;--glow:0 0 0 1px var(--accent-line), 0 0 22px -6px #d9ae5f8c;--fast:.12s;--dur:.22s;--slow:.42s;--ease:cubic-bezier(.32, .72, 0, 1);--spring:cubic-bezier(.34, 1.4, .5, 1);--bar-h:52px;--page:1180px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text-2);font-family:var(--font);letter-spacing:-.004em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5;overflow-x:hidden}#root{z-index:1;flex-direction:column;min-height:100%;display:flex;position:relative}.sky{z-index:-1;pointer-events:none;background:radial-gradient(1200px 680px at 50% -14%, #3e58964d, transparent 68%), radial-gradient(820px 560px at 12% 108%, #26566029, transparent 70%), radial-gradient(680px 480px at 90% 92%, #78583221, transparent 70%), linear-gradient(180deg, #0a1020, var(--bg) 62%);position:fixed;inset:0}.sky:before{content:"";opacity:.72;background-image:radial-gradient(1.3px 1.3px at 12% 22%,#fff9e8d9,#0000 60%),radial-gradient(1px 1px at 68% 8%,#d6e4ff99,#0000 60%),radial-gradient(1.5px 1.5px at 41% 62%,#fff9e8b3,#0000 60%),radial-gradient(1px 1px at 82% 44%,#d6e4ff80,#0000 60%),radial-gradient(1.2px 1.2px at 27% 84%,#fff9e873,#0000 60%),radial-gradient(1px 1px at 92% 76%,#d6e4ff66,#0000 60%),radial-gradient(1.3px 1.3px at 55% 34%,#fff9e880,#0000 60%),radial-gradient(1px 1px at 6% 52%,#d6e4ff6b,#0000 60%);background-size:640px 640px,560px 560px,720px 720px,500px 500px,680px 680px,600px 600px,760px 760px,520px 520px;animation:320s linear infinite drift;position:absolute;inset:-25%}.sky:after{content:"";opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift{to{transform:translate(-640px,-640px)}}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:.005em;margin:0;font-weight:600;line-height:1.2}h1{letter-spacing:.05em;font-size:30px;font-variant-caps:small-caps}h2{font-size:21px}h3{font-size:17px}h4{color:var(--text);letter-spacing:-.008em;margin:0;font-size:14px;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px;border-radius:var(--r-3)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);opacity:.75;font-size:10px;font-weight:600}.rule{background:linear-gradient(90deg, transparent, var(--line-2) 14%, var(--line-2) 86%, transparent);border:0;height:1px;margin:0}@media (prefers-reduced-motion:reduce){.sky:before{animation:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn{--bg:#ffffff0a;--fg:var(--text);--bd:var(--line);border:1px solid var(--bd);border-radius:var(--r-4);background:var(--bg);color:var(--fg);letter-spacing:-.004em;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), opacity var(--fast) var(--ease), transform var(--fast) var(--ease);justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:13.5px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){--bg:#ffffff13;--bd:var(--line-2);--fg:var(--text)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.32;cursor:not-allowed}.btn--primary{--bg:linear-gradient(180deg, #e6bf78, #d3a655 58%, #bd9040);--fg:#221806;--bd:#6e501ce6;box-shadow:inset 0 1px 0 #fff6de61, var(--e-1);font-weight:650}.btn--primary:hover:not(:disabled){--bg:linear-gradient(180deg, #f2ce8c, #e0b466 58%, #c99b49);--bd:#6e501ce6;--fg:#221806}.btn--ghost{--bg:transparent;--bd:transparent;--fg:var(--text-2)}.btn--ghost:hover:not(:disabled){--bg:#d9ae5f17;--bd:transparent;--fg:var(--text)}.btn--danger{--fg:#e89a90}.btn--danger:hover:not(:disabled){--bg:#ce524829;--bd:#ce524873;--fg:#f4b8af}.btn--sm{border-radius:var(--r-3);gap:5px;padding:5px 11px;font-size:12.5px}.btn--lg{padding:13px 24px;font-size:15px}.btn--block{width:100%}.btn--icon{border-radius:var(--r-3);padding:7px}.btn--busy{position:relative;color:#0000!important}.btn--busy:after{content:"";color:#21180a;border:2px solid;border-top-color:#0000;border-radius:50%;width:15px;height:15px;animation:.64s linear infinite spin;position:absolute}.btn:not(.btn--primary).btn--busy:after{color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.seg{border:1px solid var(--line);border-radius:var(--r-5);background:#00000040;gap:2px;padding:3px;display:inline-flex}.seg__item{border-radius:var(--r-3);color:var(--text-2);cursor:pointer;white-space:nowrap;transition:color var(--fast) var(--ease), background var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;padding:5px 14px;font-size:13px;font-weight:500}.seg__item:hover{color:var(--text)}.seg__item[aria-selected=true],.seg__item[aria-pressed=true]{color:var(--accent-hi);border-color:var(--line-2);background:#d9ae5f1f}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field__label{color:var(--text-3);font-size:12px;font-weight:500}.input,.select{border:1px solid var(--line);border-radius:var(--r-4);width:100%;color:var(--text);font:inherit;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease), box-shadow var(--fast) var(--ease);background:#0000004d;padding:10px 12px}.input::placeholder{color:var(--text-3)}.input:hover,.select:hover{border-color:var(--line-2)}.input:focus,.select:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.input[type=search]{appearance:none}.input[type=search]::-webkit-search-cancel-button{appearance:none}.select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--accent) 50%), linear-gradient(135deg, var(--accent) 50%, transparent 50%);background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.select option{background:var(--bg-3)}.search{align-items:center;display:flex;position:relative}.search>svg{color:var(--text-3);pointer-events:none;position:absolute;left:11px}.search .input{padding-left:33px}.switch{cursor:pointer;color:var(--text-2);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;display:inline-flex}.switch input{appearance:none;border:1px solid var(--line-2);border-radius:var(--r-pill);cursor:pointer;width:32px;height:18px;transition:background var(--dur) var(--ease);background:#00000059;flex:none;margin:0;position:relative}.switch input:after{content:"";background:var(--text-3);width:12px;height:12px;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked{border-color:var(--accent-line);background:#d9ae5f38}.switch input:checked:after{background:radial-gradient(circle at 34% 30%, #ffe9b4, var(--accent));transform:translate(14px)}.switch:hover{color:var(--text)}.chip{border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text-2);cursor:pointer;white-space:nowrap;transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease), background var(--fast) var(--ease);background:0 0;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;display:inline-flex}.chip:hover{border-color:var(--line-2);color:var(--text)}.chip[aria-pressed=true],.chip--on{border-color:var(--accent-line);color:var(--accent-hi);background:#d9ae5f24}.tag{border:1px solid var(--line);border-radius:var(--r-2);letter-spacing:.04em;color:var(--text-2);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.tag--accent{border-color:var(--accent-line);color:var(--accent-hi)}.coin{font-variant-numeric:tabular-nums;color:var(--accent-hi);align-items:center;gap:6px;font-weight:600;display:inline-flex}.coin:before{content:"";background:radial-gradient(circle at 34% 28%, #ffe9b4, var(--accent) 62%, #9e7526);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #785820cc,0 1px 2px #00000080}.overlay{z-index:60;-webkit-backdrop-filter:blur(14px)saturate(1.05);backdrop-filter:blur(14px)saturate(1.05);animation:fade var(--dur) var(--ease);background:#04070d9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:linear-gradient(180deg, var(--bg-3), var(--bg-1));border:1px solid var(--line-2);border-radius:var(--r-6);width:min(520px,100%);max-height:86vh;box-shadow:var(--e-4);animation:rise var(--slow) var(--spring);flex-direction:column;display:flex;position:relative}.dialog:before{content:"";border:1px solid var(--line);border-radius:calc(var(--r-6) - 3px);pointer-events:none;position:absolute;inset:4px}.dialog__head{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 0;display:flex}.dialog__body{flex-direction:column;gap:16px;padding:16px 22px 22px;display:flex;overflow:auto}.dialog__foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.dialog--wide{width:min(880px,100%)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.97)}}.toasts{z-index:80;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--r-4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-2);max-width:min(460px,92vw);box-shadow:var(--e-3);color:var(--text);cursor:pointer;animation:toast-in var(--slow) var(--spring);background:#101829f0;padding:9px 16px;font-size:13.5px}.toast--bad{color:#f2b9b1;border-color:#ce52488c}.toast--good{border-color:#86b36880}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.row{align-items:center;gap:10px;display:flex}.row--wrap{flex-wrap:wrap}.spinner{border:1.5px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.state{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:56px 24px;font-size:14px;display:flex}.state__title{color:var(--text-2);font-size:15px}.dot{background:var(--text-3);border-radius:50%;flex:none;width:6px;height:6px}.dot--live{background:var(--good);box-shadow:0 0 8px #86b368cc}.dot--warn{background:var(--warn);animation:1.2s ease-in-out infinite pulse-dot}.dot--bad{background:var(--danger)}@keyframes pulse-dot{50%{opacity:.25}}.card{--cw:128px;--ch:calc(var(--cw) * 1004 / 708);--u:calc(var(--cw) / 100);width:var(--cw);height:var(--ch);border-radius:calc(var(--u) * 1.8);color:#1a140b;box-shadow:0 0 0 1px #0009, var(--e-1);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), filter var(--dur) var(--ease);background:#0b0e16;flex:none;position:relative;overflow:hidden}.card--xs{--cw:44px}.card--sm{--cw:84px}.card--md{--cw:128px}.card--lg{--cw:168px}.card.is-clickable{cursor:pointer}.card.is-clickable:hover{box-shadow:0 0 0 1px #0000008c, var(--e-2);z-index:5;transform:translateY(-3px)}.card.is-dim{filter:saturate(.3)brightness(.62)}.card.is-selected{box-shadow:0 0 0 2px var(--accent), 0 0 26px -4px #d9ae5fbf, var(--e-2)}.card.is-target{animation:card-target 1.6s var(--ease) infinite}@keyframes card-target{0%,to{box-shadow:0 0 0 1.5px var(--accent), 0 0 14px -6px #d9ae5fa6}50%{box-shadow:0 0 0 2.5px var(--accent-hi), 0 0 30px -2px #d9ae5fd9}}.fit{min-width:0;min-height:0;overflow:hidden}.fit p{margin:0}.v12art{z-index:1;object-fit:cover;position:absolute}.v12c .v12art{width:96.2%;height:39%;top:.9%;left:1.9%}.v12o .v12art{width:96.4%;height:41.8%;top:.8%;left:1.1%}.v12art--fallback{background:#232733;place-items:center;display:grid}.v12base{z-index:2;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.v12text{z-index:3;color:#1a140b;pointer-events:none;font-family:Baskerville,Georgia,serif;font-weight:600;position:absolute;inset:0}.v12name{white-space:nowrap;height:5.8%;font-weight:700;line-height:1.15;position:absolute;top:42.7%;left:4.8%;right:4.8%}.v12hp{text-align:right;width:17%;height:9.2%;font-size:calc(var(--u) * 21);color:#8c8c8c;font-weight:700;line-height:1;position:absolute;top:2.6%;right:8.1%}.v12move{grid-template-columns:1fr calc(var(--u) * 11.5) calc(var(--u) * 13);column-gap:calc(var(--u) * 1);align-items:center;display:grid;position:absolute;left:4.4%;right:2%}.v12move--na{height:8.3%;top:51%}.v12move--sa{height:12.4%;top:59.6%}.v12move--ca{height:11.9%;top:72.2%}.v12move__main{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.v12move__main>.fit{flex:1;min-height:0}.v12move__name{font-size:calc(var(--u) * 7.2);flex:none;font-weight:700;line-height:1.08}.v12move__text{line-height:1.12}.v12move__gold{font-size:calc(var(--u) * 11);text-align:center;font-weight:700}.v12move__right{font-size:calc(var(--u) * 8.8);flex-direction:column;justify-content:center;align-items:flex-end;font-weight:700;line-height:1.05;display:flex}.v12move__energy,.v12move__dmg{align-items:center;gap:calc(var(--u) * .8);display:flex}.v12move__right img{height:calc(var(--u) * 4.4)}.v12passive{text-align:center;flex-direction:column;justify-content:center;align-items:center;line-height:1.18;display:flex;position:absolute;inset:86.9% 6% 2.2%}.v12cost{height:13.5%;font-size:calc(var(--u) * 14);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:1.6%;left:79.9%;right:1.7%}.v12effect{flex-direction:column;display:flex;position:absolute;inset:54.6% 5.6% 10.5%;overflow:hidden}.v12effect>.fit{flex:1;min-height:0}.v12effect__name{font-size:calc(var(--u) * 7.5);flex:none;font-weight:700;line-height:1.15}.v12kind{font-size:calc(var(--u) * 6.2);font-weight:700;position:absolute;bottom:2.6%;left:5.6%}.v3art{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.v3art--fallback{background:#232733;place-items:center;display:grid}.v3outline{z-index:2;-webkit-mask-mode:luminance;pointer-events:none;background-size:100% 100%;position:absolute;inset:0;-webkit-mask-image:url(/frames/v3-outline.webp);mask-image:url(/frames/v3-outline.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-source-type:luminance;mask-mode:luminance}.v3text{z-index:3;color:#fff;text-shadow:0 1px 3px #000000e6, 0 0 calc(var(--u) * 3) #0000008c;pointer-events:none;font-family:Baskerville,Georgia,serif;font-style:italic;font-weight:600;position:absolute;inset:0}.v3name{white-space:nowrap;height:9%;font-weight:700;line-height:1.1;position:absolute;top:3.5%;left:5%;right:32%}.v3hp,.v3cost{font-size:calc(var(--u) * 13);font-weight:700;line-height:1;position:absolute;top:2.2%;right:5%}.v3hp i,.v3cost i{margin-left:.15em;font-size:.38em}.v3moves{flex-direction:column;display:flex;position:absolute;inset:38% 5% 24%}.v3move{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.v3move>.fit{flex:1;min-height:0}.v3move__head{align-items:baseline;gap:calc(var(--u) * 1.5);flex:none;display:flex}.v3move__cost{font-size:calc(var(--u) * 5.5);white-space:nowrap;font-weight:700}.v3move__cost i{font-size:.62em}.v3move__name{min-width:0;font-size:calc(var(--u) * 9);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.v3move__energy{font-size:calc(var(--u) * 5.5);white-space:nowrap;font-weight:700}.v3move__energy i{margin-left:.2em;font-size:.62em}.v3move__dmg{font-size:calc(var(--u) * 7.5);white-space:nowrap;font-weight:700}.v3move__dmg i{margin-left:.2em;font-size:.45em}.v3move__slot{font-size:calc(var(--u) * 3.5);opacity:.92;flex:none}.v3move__text{line-height:1.18}.v3passive{text-align:center;max-height:20%;line-height:1.18;position:absolute;bottom:3.5%;left:8%;right:8%}.v3passive__name{font-size:calc(var(--u) * 8.5);font-weight:700}.v3passive__ability{font-size:calc(var(--u) * 3.2)}.v3passive p{margin:0}.v3effect{flex-direction:column;display:flex;position:absolute;inset:40% 8% 14% 5%;overflow:hidden}.v3effect>.fit{flex:1;min-height:0}.v3effect__name{font-size:calc(var(--u) * 9);flex:none;font-weight:700}.v3kind{font-size:calc(var(--u) * 7.5);font-weight:700;position:absolute;bottom:4%;left:5%}.sigil{width:72%;height:72%;max-height:100%;color:var(--type);opacity:.88}.sigil__line{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;opacity:.9}.sigil__line--faint{opacity:.42}.sigil__fill{fill:currentColor;opacity:.85}.sigil__disc{fill:var(--face);stroke:currentColor;stroke-width:1.2px}.sigil__initials{font-family:var(--font-display);letter-spacing:.02em;fill:var(--ink-2);font-size:16px;font-weight:600}.metrics{z-index:5;pointer-events:none;background:linear-gradient(#131b2c,#0c1220);flex-direction:column;gap:4px;padding:5px 7px 6px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #d9ae5f38}.metrics__hp{--tone:var(--hp-good);align-items:center;gap:6px;display:flex}.metrics__hp--mid{--tone:var(--hp-mid)}.metrics__hp--low{--tone:var(--hp)}.metrics__track{border-radius:var(--r-pill);background:#0000008c;flex:1;height:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.metrics__fill{border-radius:var(--r-pill);background:var(--tone);height:100%;transition:width var(--slow) var(--ease)}.metrics__hpnum{color:var(--text);font-size:12px;font-weight:650;line-height:1}.metrics__row{align-items:center;gap:4px;display:flex}.metrics__row:empty{display:none}.metrics__pill{border-radius:var(--r-2);background:#ffffff17;align-items:center;gap:3px;padding:1px 5px;font-size:10px;font-weight:650;display:inline-flex}.metrics__pill--shield{color:var(--shield)}.metrics__pill--energy{color:var(--energy)}.card--back{background:radial-gradient(80% 55% at 50% 16%, #4a6aa859, transparent 72%), repeating-linear-gradient(45deg, #d9ae5f0f 0 1px, transparent 1px 11px), repeating-linear-gradient(-45deg, #d9ae5f0f 0 1px, transparent 1px 11px), linear-gradient(165deg, #1a2946, var(--bg-1) 60%, #070c16);box-shadow:0 0 0 1px #0000008c, var(--e-1);place-items:center;display:grid}.card--back:before{border-color:var(--line-2)}.card--back .card__edge{display:none}.card__backart{fill:none;stroke:currentColor;stroke-width:1.5px;width:72%;height:72%;color:var(--accent);opacity:.75;filter:drop-shadow(0 0 6px #d9ae5f4d)}.detail{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (max-width:680px){.detail{grid-template-columns:1fr;gap:18px}}.detail__info{flex-direction:column;gap:14px;min-width:0;display:flex}.detail__face{flex-direction:column;gap:12px;min-width:0;display:flex}.detail__print{flex-direction:column;gap:6px;margin:0;display:flex}.detail__print img{border-radius:8px;width:100%;max-width:300px}.detail__print figcaption{max-width:300px;font-size:12px}.detail__tags .tag{text-transform:capitalize}.detail__stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:20px;padding:10px 0;display:flex}.detail__stat{align-items:baseline;gap:5px;display:inline-flex}.detail__statnum{font-family:var(--font-display);color:var(--text);font-size:20px;font-weight:600}.detail__stat--gold .detail__statnum{color:var(--accent-hi)}.detail__statlabel{color:var(--text-3);font-size:12.5px}.detail__related{flex-direction:column;gap:7px;display:flex}.detail__effect{color:var(--accent-hi);font-size:17px}.detail__text{color:var(--text-2);font-size:14.5px;line-height:1.6}.detail__moves{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.detail__moves>li{border-left:1px solid var(--line-2);padding-left:12px}.detail__movehead{color:var(--text);align-items:center;gap:10px;font-size:14px;display:flex}.detail__movemeta{gap:12px;margin-left:auto;font-size:13px;display:inline-flex}.detail__dmg{color:var(--damage);align-items:center;gap:4px;font-weight:600;display:inline-flex}.detail__cost{color:var(--accent-hi);align-items:center;gap:4px;font-weight:600;display:inline-flex}.detail__cost--energy{color:var(--energy)}.detail__movetext{color:var(--text-2);margin-top:4px;font-size:13px;line-height:1.5}.detail__passives{flex-direction:column;gap:10px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.detail__passives strong{color:var(--text)}.detail__passives p{color:var(--text-2);margin-top:2px}.detail__note{color:var(--text-3);font-size:13px}.detail__warn{color:var(--warn);align-items:center;gap:8px;font-size:13px;display:flex}.slot{border:1px solid var(--line);border-radius:var(--r-2);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);background:#ffffff0a;place-items:center;padding:2px 8px;font-size:10px;font-weight:650;display:inline-grid}.slot--sa{color:#eb9b8a;border-color:#dd6b5873}.slot--ca{color:var(--energy);border-color:#6fd0e873}.appbar{z-index:40;height:var(--bar-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:linear-gradient(#080d19f2,#080d19c7);align-items:center;gap:18px;padding:0 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:9px;display:flex}.brand__mark{width:23px;height:23px;color:var(--accent)}.brand__name{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);font-size:17px;font-variant-caps:small-caps;font-weight:600}.appnav{margin-left:6px}.appnav .seg__item{text-decoration:none}.appbar__end{align-items:center;gap:4px;margin-left:auto;display:flex}.menu{position:relative}.avatar{background:radial-gradient(circle at 34% 28%, #ffe9b4, var(--accent) 62%, #a97e29);color:#2a1e06;cursor:pointer;width:28px;height:28px;transition:transform var(--fast) var(--ease);border:0;border-radius:50%;place-items:center;font-size:12.5px;font-weight:650;display:grid;box-shadow:0 0 0 1px #5a4216b3}.avatar:hover{transform:scale(1.06)}.menu__panel{z-index:50;border-radius:var(--r-4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line-2);min-width:180px;box-shadow:var(--e-3);animation:rise var(--dur) var(--spring);background:#101829f5;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu__who{color:var(--text-3);border-bottom:1px solid var(--line);text-overflow:ellipsis;margin-bottom:5px;padding:7px 10px 9px;font-size:12px;display:block;overflow:hidden}.menu__item{border-radius:var(--r-3);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:8px 10px;font-size:13.5px;display:flex}.menu__item:hover{color:var(--accent-hi);background:#d9ae5f1f}.page{width:100%;max-width:var(--page);flex:1;margin:0 auto;padding:36px 24px 72px}.page--wide{max-width:1560px}.boot{flex:1}.head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}@media (max-width:640px){.appbar{gap:10px;padding:0 14px}.brand__name{display:none}.page{padding:24px 16px 56px}}.rules{color:var(--text-2);flex-direction:column;gap:11px;margin:0;padding-left:20px;font-size:14px;line-height:1.5;display:flex}.rules::marker{color:var(--text-3);font-variant-numeric:tabular-nums}.rules li::marker{color:var(--text-3);font-variant-numeric:tabular-nums}.rules b{color:var(--accent-hi);font-weight:600}.numbers{border-top:1px solid var(--line);margin:4px 0 0}.numbers__row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;font-size:13px;display:flex}.numbers dt{color:var(--text-3)}.numbers dd{font-family:var(--font-display);color:var(--text);margin:0;font-size:14px}.auth{flex:1;place-items:center;padding:48px 24px;display:grid}.auth__inner{width:100%;max-width:320px;animation:rise var(--slow) var(--spring);flex-direction:column;align-items:stretch;gap:14px;display:flex}.auth__mark{width:52px;height:52px;color:var(--accent);align-self:center;animation:90s linear infinite turn}@keyframes turn{to{transform:rotate(360deg)}}.auth__title{font-family:var(--font-display);letter-spacing:.13em;color:var(--text);align-self:center;margin-bottom:4px;font-size:32px;font-variant-caps:small-caps;font-weight:600}.auth__sub{letter-spacing:.34em;text-transform:uppercase;color:var(--accent);opacity:.7;align-self:center;margin-bottom:18px;font-size:9.5px;font-weight:600}.auth__seg{align-self:stretch}.auth__seg .seg__item{flex:1}.auth__form{flex-direction:column;gap:10px;margin-top:4px;display:flex}.auth__form .btn{margin-top:6px}.auth__error{color:#e89a90;text-align:center;font-size:13px}.lobby{flex-direction:column;gap:40px;width:100%;max-width:620px;margin:0 auto;display:flex}.stage{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:52px 20px 56px;display:flex;position:relative}.stage:after{content:"";background:linear-gradient(90deg, transparent, var(--line-2) 22%, var(--line-2) 78%, transparent);height:1px;position:absolute;bottom:0;left:8%;right:8%}.stage__title{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);font-size:27px;font-variant-caps:small-caps;font-weight:600}.stage__sub{color:var(--text-2);text-transform:capitalize;margin-top:-14px;font-size:14px}.stage__clock{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent-hi);margin:-8px 0 2px;font-size:36px;font-weight:600}.stage__error{color:#e89a90;font-size:13px}.playbtn{border-radius:var(--r-5);min-width:216px;font-family:var(--font-display);letter-spacing:.12em;box-shadow:inset 0 1px 0 #fff6de6b, 0 14px 40px -22px #d9ae5fbf, var(--e-2);padding:15px 34px;font-size:19px;font-variant-caps:small-caps;font-weight:600}.playbtn:hover:not(:disabled){box-shadow:inset 0 1px 0 #fff6de80, 0 16px 46px -20px #d9ae5fe6, var(--e-2)}.deckpicker{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;display:flex}.deckpick{border:1px solid var(--line);border-radius:var(--r-4);text-align:left;cursor:pointer;min-width:132px;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);background:#00000040;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 16px;display:flex}.deckpick:hover{border-color:var(--line-2)}.deckpick.is-on{border-color:var(--accent-line);background:#d9ae5f1a;box-shadow:inset 0 0 0 1px #d9ae5f1f}.deckpick__name{font-family:var(--font-display);letter-spacing:.01em;color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:15px;font-weight:600;overflow:hidden}.deckpick__meta{color:var(--text-3);text-transform:capitalize;font-size:11.5px}.deckpick.is-on .deckpick__meta{color:var(--accent-hi)}.deckpick--add{min-width:0;color:var(--text-3);border-style:dashed;justify-content:center;align-items:center;padding:10px 14px}.deckpick--add:hover{color:var(--text)}.stage--searching{padding-top:60px}.radar{place-items:center;width:72px;height:72px;display:grid;position:relative}.radar>span{border:1px solid var(--accent-line);animation:radar 2.6s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}.radar>span:nth-child(2){animation-delay:.8s}.radar>span:nth-child(3){animation-delay:1.6s}@keyframes radar{0%{opacity:0;transform:scale(.3)}30%{opacity:1}to{opacity:0;transform:scale(1)}}.lobsec{flex-direction:column;gap:8px;display:flex}.lobsec__title{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);opacity:.8;align-items:center;gap:4px;font-size:10.5px;font-weight:600;display:flex}.lobsec__refresh{color:var(--text-3);margin-left:auto}.is-turning{animation:.9s linear infinite spin}.rows{border:1px solid var(--line);border-radius:var(--r-5);background:#00000038;margin:0;padding:0;list-style:none;overflow:hidden}.rows>li+li{border-top:1px solid var(--line)}.row-item{cursor:pointer;transition:background var(--fast) var(--ease);align-items:center;gap:14px;padding:14px 18px;display:flex}.row-item:hover{background:#d9ae5f12}.row-item__main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.row-item__name{font-family:var(--font-display);letter-spacing:.01em;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.row-item__sub{color:var(--text-3);text-transform:capitalize;font-size:12px}.row-item__end{font-size:12.5px}.row-item__go{color:var(--text-3);flex:none}.verdict{border:1px solid var(--line);width:22px;height:22px;color:var(--text-3);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.verdict--win{color:var(--good);border-color:#86b36899}.verdict--loss{color:#e89a90;border-color:#ce52488c}.deckgrid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;display:grid}.deckcard{border:1px solid var(--line);border-radius:var(--r-5);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), transform var(--dur) var(--ease);background:linear-gradient(#16203466,#0b112052);flex-direction:column;display:flex;position:relative;overflow:hidden}.deckcard:hover{border-color:var(--line-2);box-shadow:var(--e-2);transform:translateY(-2px)}.deckcard__open{flex-direction:column;flex:1;display:flex}.deckcard__chars{background:radial-gradient(90% 80% at 50% 0,#d9ae5f1a,#0000 70%);justify-content:center;padding:26px 18px 22px;display:flex}.deckcard__char{transition:transform var(--dur) var(--spring)}.deckcard__char:first-child{transform:rotate(-7deg)translate(9px)}.deckcard__char:nth-child(2){z-index:2}.deckcard__char:nth-child(3){transform:rotate(7deg)translate(-9px)}.deckcard:hover .deckcard__char:first-child{transform:rotate(-11deg)translate(-2px,-3px)}.deckcard:hover .deckcard__char:nth-child(3){transform:rotate(11deg)translate(2px,-3px)}.deckcard__char--unknown{box-shadow:none;background:#ffffff0d}.deckcard__foot{border-top:1px solid var(--line);padding:14px 16px 16px}.deckcard__name{font-family:var(--font-display);letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.deckcard__meta{color:var(--text-2);margin-top:2px;font-size:12.5px}.deckcard__format{text-transform:capitalize}.deckcard__delete{z-index:3;opacity:0;color:var(--text-3);transition:opacity var(--fast) var(--ease);position:absolute;top:8px;right:8px}.deckcard:hover .deckcard__delete,.deckcard__delete:focus-visible{opacity:1}.deckcard__delete:hover{color:#e89a90}.deckcard--new{min-height:210px;color:var(--text-3);cursor:pointer;background:0 0;border-style:dashed;justify-content:center;align-items:center;gap:10px;font-size:14px}.deckcard--new:hover{color:var(--accent-hi);border-color:var(--accent-line);background:#d9ae5f0f}.builder{flex-direction:column;gap:18px;display:flex}.builder__bar{top:var(--bar-h);z-index:30;background:linear-gradient(180deg, var(--bg) 70%, transparent);align-items:center;gap:10px;margin:-12px 0 0;padding:12px 0;display:flex;position:sticky}.builder__name{min-width:0;max-width:340px;font-family:var(--font-display);letter-spacing:.015em;flex:1;font-size:16px;font-weight:600}.builder__format{width:auto;min-width:128px}.status{border-radius:var(--r-pill);white-space:nowrap;border:1px solid var(--line);margin-left:auto;padding:4px 10px;font-size:12.5px;font-weight:550}.status--good{color:var(--good);border-color:#86b36880}.status--bad{color:#e89a90;border-color:#ce524880}.status--wait{color:var(--text-3)}.builder__body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.pool{flex-direction:column;gap:12px;min-width:0;display:flex}.pool__filters{gap:10px;display:flex}.pool__search{flex:1;max-width:380px}.pool__types{flex-wrap:wrap;gap:6px;display:flex}.pool__more{border:1px solid var(--line);border-radius:var(--r-4);animation:rise var(--dur) var(--ease);background:#00000040;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.pool__morerow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pool__morerow .field__label{flex:none;width:68px}.pool__cost{width:88px}.pool__grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));justify-items:center;gap:14px;display:grid}.poolcard{position:relative}.poolcard.is-full .card{opacity:.55}.poolcard__info{z-index:6;width:22px;height:22px;box-shadow:0 0 0 1px var(--line-2);color:var(--accent-hi);cursor:pointer;opacity:0;transition:opacity var(--fast) var(--ease);background:#080d19d1;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.poolcard:hover .poolcard__info,.poolcard__info:focus-visible{opacity:1}.poolcard__info:hover{background:#080d19f5}.poolcard__count{z-index:6;border-radius:var(--r-2);background:linear-gradient(180deg, var(--accent-hi), var(--accent));color:#21180a;padding:2px 9px;font-size:11px;font-weight:650;position:absolute;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000080}.poolcard__count .dim{color:#21180a8c}.rail{top:calc(var(--bar-h) + 66px);max-height:calc(100dvh - var(--bar-h) - 90px);border:1px solid var(--line);border-radius:var(--r-5);background:linear-gradient(#1620346b,#0b11204d);flex-direction:column;display:flex;position:sticky;overflow:hidden}.rail__zone{border-bottom:1px solid var(--line);padding:14px 16px}.rail__zone--list{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.rail__head{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);opacity:.85;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:10.5px;font-weight:600;display:flex}.rail__head .num{color:var(--text-3);font-size:12.5px;font-weight:500}.rail__head .num.is-full{color:var(--good)}.rail__slots{gap:8px;display:flex}.rail__slot{flex:1;place-items:center;display:grid;position:relative}.rail__slot--empty{border:1px dashed var(--line-2);border-radius:var(--r-4);height:117.6px;color:var(--text-3)}.rail__remove{z-index:6;background:var(--bg-4);width:18px;height:18px;color:var(--text);box-shadow:var(--e-1);cursor:pointer;opacity:0;transition:opacity var(--fast) var(--ease);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;right:-1px}.rail__slot:hover .rail__remove,.rail__remove:focus-visible{opacity:1}.rail__empty{color:var(--text-3);font-size:13px}.rail__groups{scrollbar-width:thin;flex:1;min-height:0;margin:0 -6px;padding:0 6px;overflow-y:auto}.rail__grouphead{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:baseline;padding:10px 0 4px;font-size:11px;font-weight:600;display:flex}.rail__rows{margin:0;padding:0;list-style:none}.rail__row{border-radius:var(--r-3);align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:flex}.rail__row:hover{background:#d9ae5f14}.rail__row.is-bad .rail__rowname{color:#e89a90}.rail__cost{border:1px solid var(--line-2);width:18px;height:18px;color:var(--accent-hi);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:650;display:grid}.rail__rowname{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0;overflow:hidden}.rail__rowname:hover{color:var(--accent-hi)}.rail__step{border-radius:var(--r-3);width:20px;height:20px;color:var(--text-3);cursor:pointer;opacity:0;transition:opacity var(--fast) var(--ease), background var(--fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;display:grid}.rail__row:hover .rail__step,.rail__step:focus-visible{opacity:1}.rail__step:hover:not(:disabled){color:var(--accent-hi);background:#d9ae5f29}.rail__step:disabled{opacity:0!important}.rail__count{text-align:center;min-width:14px;color:var(--text-2);font-size:12.5px;font-weight:600}.rail__problems{border-bottom:1px solid var(--line);color:#e89a90;flex-direction:column;gap:5px;margin:0;padding:12px 16px;font-size:12px;list-style:none;display:flex}.rail__problems li{align-items:flex-start;gap:6px;display:flex}.rail__foot{gap:8px;padding:12px 16px;display:flex}@media (max-width:1000px){.builder__body{grid-template-columns:1fr}.rail{max-height:none;position:static}}@media (max-width:620px){.builder__bar{flex-wrap:wrap}.builder__name{max-width:none}}.match{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.match--plain{justify-content:center;align-items:center}.match.is-live .match__field:before{opacity:1}.match__bar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;height:44px;padding:0 12px;display:flex}.match__round{color:var(--text-2);font-size:13px}.match__conn{align-items:center;margin-left:auto;display:inline-flex}.match__concede{color:var(--text-3)}.match__concede:hover:not(:disabled){color:#ff8d85}.match__field{scrollbar-width:thin;flex-direction:column;flex:auto;justify-content:flex-start;gap:2px;min-height:0;padding:12px 18px 0;display:flex;position:relative;overflow-y:auto}.match__field>:first-child{margin-top:auto}.match__field>:last-child{margin-bottom:auto}.side,.turnline,.moves,.revealed{width:100%;max-width:1280px;margin-inline:auto}.match__field:before{content:"";pointer-events:none;opacity:0;transition:opacity var(--slow) var(--ease);background:radial-gradient(120% 70% at 50% 118%,#d9ae5f1a,#0000 62%);position:absolute;inset:0}.side{border-radius:var(--r-5);border:1px solid var(--line);background:linear-gradient(#1620346b,#0b112057);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"plate plate plate""areas lineup entities""ongoing ongoing ongoing";align-items:center;gap:8px 20px;padding:12px 18px;display:grid;position:relative}.side--self{border-color:var(--line-2);background:linear-gradient(#1e263a80,#0e142466)}.plate{flex-direction:row;grid-area:plate;align-items:center;gap:14px;min-width:0;display:flex}.plate__who{align-items:center;gap:8px;min-width:0;display:flex}.plate__avatar{border:1px solid var(--line-2);width:22px;height:22px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:650;display:grid}.side--self .plate__avatar{background:radial-gradient(circle at 34% 28%, #ffe9b4, var(--accent) 62%, #a97e29);color:#2a1e06;border-color:#5a4216cc}.plate__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.plate__stats{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;display:flex}.plate__stat{align-items:center;gap:4px;display:inline-flex}.plate__stat--btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.plate__stat--btn:hover{color:var(--accent-hi)}.plate__marks{flex-wrap:wrap;gap:5px;display:flex}.plate__marks:empty{display:none}.lineup{grid-area:lineup;justify-content:center;align-items:center;gap:10px;display:flex}.lineup .card{--cw:96px}.charslot.is-active .card{--cw:146px}.charslot.is-active .sigil{width:86%;height:86%}.areaslot .card{--cw:92px}.charslot{transition:transform var(--dur) var(--ease);flex-direction:column;align-items:center;display:flex;position:relative}.charslot.is-active:after{content:"";border-radius:var(--r-5);pointer-events:none;box-shadow:0 0 0 1px var(--accent-line), 0 0 30px -6px #d9ae5f99;position:absolute;inset:-6px}.charslot:not(.is-active) .card{opacity:.78}.charslot:not(.is-active):hover .card{opacity:1}.charslot.is-out .card{filter:grayscale(.85)brightness(.55)}.charslot__out{z-index:7;border-radius:var(--r-pill);color:#1b0403;letter-spacing:.06em;text-transform:uppercase;background:#ce5248f0;padding:2px 9px;font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.charslot__upgrades{z-index:7;gap:3px;max-width:130%;display:flex;position:absolute;bottom:-9px}.charslot__upgrade{border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--bg-3);color:var(--text-2);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:2px 8px;font-size:10px;overflow:hidden}.charslot__upgrade:hover{color:var(--text);border-color:var(--accent-line)}.field__areas{border-right:1px solid var(--line);grid-area:areas;min-width:0;padding-right:20px}.field__entities{border-left:1px solid var(--line);grid-area:entities;min-width:0;padding-left:20px}.ongoing{flex-wrap:wrap;grid-area:ongoing;gap:5px;display:flex}.areas{gap:7px;display:flex}.areaslot{flex-direction:column;align-items:center;display:flex;position:relative}.areaslot__empty{border-radius:var(--r-4);cursor:default;width:92px;height:128.8px;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);background:0 0;border:1px dashed #ffffff0e}.areaslot.is-target .areaslot__empty{cursor:pointer;border-style:solid;border-color:var(--accent);animation:card-target 1.6s var(--ease) infinite;background:#d9ae5f1a}.areaslot__supporter{z-index:6;border-radius:var(--r-2);color:#e6a7bd;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#0a0f1ceb;border:1px solid #bf6e8aa6;max-width:96%;padding:3px 10px;font-size:10.5px;font-weight:600;position:absolute;bottom:5px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 10px #00000080}.areaslot__supporter:hover{color:#f4c9d8;border-color:#e6a7bde6}.entities{flex-wrap:wrap;align-content:center;gap:10px;display:flex}.entity{width:64px;color:var(--text-2);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex;position:relative}.entity:hover{color:var(--text)}.entity__dial{border-radius:50%;place-items:center;width:30px;height:30px;padding:3px;display:grid}.entity__core{background:var(--bg-1);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--line);color:var(--text);border-radius:50%;place-items:center;font-size:11px;font-weight:650;display:grid}.entity__name{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.2;display:-webkit-box;overflow:hidden}.revealed{justify-content:center;align-items:center;gap:8px;padding-bottom:4px;display:flex}.revealed__label{color:var(--text-3);align-items:center;gap:5px;font-size:11px;display:inline-flex}.turnline{align-items:center;gap:14px;padding:7px 0;display:flex}.turnline:before,.turnline:after{content:"";background:var(--line);flex:1;height:1px}.turnline__pill{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-3);white-space:nowrap;font-size:15px;font-variant-caps:small-caps;font-weight:600}.turnline--you .turnline__pill{border-radius:var(--r-2);background:linear-gradient(180deg, var(--accent-hi), var(--accent));color:#21180a;padding:3px 18px;box-shadow:inset 0 1px #fff6de80,0 0 26px -6px #d9ae5fe6}.turnline--you:before,.turnline--you:after{background:linear-gradient(90deg, transparent, var(--accent-line))}.turnline--you:after{background:linear-gradient(90deg, var(--accent-line), transparent)}.moves{justify-content:center;gap:8px;padding:10px 0 4px;display:flex}.move{border:1px solid var(--line);border-radius:var(--r-4);color:var(--text-2);cursor:default;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);background:#00000047;align-items:center;gap:10px;padding:7px 14px 7px 8px;font-size:13px;display:flex}.move:disabled{opacity:.45}.move.is-ready{cursor:pointer;color:var(--text);border-color:var(--line-2);background:linear-gradient(#26324cd9,#141c2ed9);box-shadow:inset 0 1px #d9ae5f29}.move.is-ready:hover{border-color:var(--accent);background:linear-gradient(#3a301ae6,#241e10e6);transform:translateY(-1px)}.move.is-ready:active{transform:scale(.98)}.move__name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;max-width:17ch;font-size:14px;font-weight:600;overflow:hidden}.move__costs{align-items:center;gap:9px;font-size:12.5px;font-weight:600;display:inline-flex}.move__costs>span{align-items:center;gap:3px;display:inline-flex}.move__dmg{color:var(--damage)}.move__gold{color:var(--accent-hi)}.move__energy{color:var(--energy)}.move__short{color:var(--text-3);text-decoration:line-through}.hand{flex:none;justify-content:center;align-items:flex-end;height:172px;padding:0 24px;display:flex}.hand__empty{color:var(--text-3);padding-bottom:46px;font-size:12.5px}.hand__fan{align-items:flex-end;padding-bottom:6px;display:flex}.hand__slot{transform:rotate(var(--tilt)) translateY(var(--rise));transform-origin:50% 130%;transition:transform var(--dur) var(--spring);position:relative}.hand__slot.is-selected{z-index:35;transform:translateY(-26px)scale(1.06)}.hand__slot.is-marked{z-index:34;transform:translateY(-16px)}.hand__slot:hover,.hand__slot.is-selected:hover,.hand__slot.is-marked:hover{z-index:40;transform:translateY(-38px)scale(1.42)}.hand__slot:hover .card__text{-webkit-line-clamp:9}.hand__slot.is-marked:after{content:"To the bottom";z-index:8;border-radius:var(--r-pill);background:linear-gradient(180deg, var(--accent-hi), var(--accent));color:#21180a;letter-spacing:.04em;white-space:nowrap;padding:2px 9px;font-size:9.5px;font-weight:650;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.bar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0d1424eb,#070c16f7);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:58px;padding:10px 18px;display:grid}.bar.is-live{border-top-color:var(--line-3);box-shadow:inset 0 1px #d9ae5f24}.bar__res{align-items:center;gap:16px;display:flex}.bar__gold{font-family:var(--font-display);letter-spacing:.01em;font-size:21px;font-weight:600}.bar__gold:before{width:15px;height:15px}.bar__energy{color:var(--energy);align-items:center;gap:5px;font-size:15px;font-weight:600;display:inline-flex}.bar__mid{align-items:center;gap:10px;min-width:0;display:flex}.bar__note{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.bar__note b{color:var(--text);font-weight:600}.bar__gain{color:var(--accent-hi)}.bar__end{align-items:center;gap:8px;display:flex}.floater{z-index:9;border-radius:var(--r-pill);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;box-shadow:0 0 0 1px var(--line);animation:float-up 1.6s var(--ease) forwards;background:#080d19f0;padding:2px 8px;font-size:12px;font-weight:650;position:absolute;top:4px;left:50%}.floater--damage{color:var(--damage)}.floater--heal{color:var(--good)}.floater--shield{color:var(--shield)}.floater--out{color:#f2b9b1;background:#3a0e0bf5;box-shadow:0 0 0 1px #ce524899}.floater--note{color:var(--text)}.plate__marks .floater{background:#0000004d;font-size:11px;animation:none;position:static}@keyframes float-up{0%{opacity:0;transform:translate(-50%,10px)}18%{opacity:1;transform:translate(-50%)}70%{opacity:1;transform:translate(-50%,-16px)}to{opacity:0;transform:translate(-50%,-30px)}}.decision__head{flex-direction:column;gap:3px;display:flex}.decision__options{flex-wrap:wrap;gap:10px;display:flex}.decision__hidden{border:1px dashed var(--line-2);border-radius:var(--r-3);width:84px;height:117.6px;color:var(--text-3);cursor:pointer;background:0 0;font-size:11px}.decision__foot{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.decision__foot--confirm{justify-content:flex-end}.decision__number{align-items:center;gap:16px;display:flex}.decision__number input[type=range]{accent-color:var(--accent);flex:1}.decision__value{text-align:center;min-width:2ch;font-family:var(--font-display);color:var(--accent-hi);font-size:28px;font-weight:600}.pile{flex-wrap:wrap;gap:10px;display:flex}.outcome{text-align:center;border:1px solid var(--line-2);border-radius:var(--r-6);background:linear-gradient(180deg, var(--bg-3), var(--bg-1));width:min(420px,100%);box-shadow:var(--e-4);animation:rise var(--slow) var(--spring);flex-direction:column;align-items:center;gap:8px;padding:44px 32px 32px;display:flex;position:relative}.outcome:before{content:"";border:1px solid var(--line);border-radius:calc(var(--r-6) - 3px);pointer-events:none;position:absolute;inset:4px}.outcome__title{font-family:var(--font-display);letter-spacing:.08em;font-size:46px;font-variant-caps:small-caps;font-weight:600}.outcome--win .outcome__title{color:var(--accent-hi);text-shadow:0 0 44px #d9ae5f99}.outcome--loss .outcome__title{color:var(--text-2)}.outcome__reason{font-family:var(--font-display);color:var(--text-2);font-size:15px}.outcome__actions{flex-direction:column;align-items:stretch;gap:8px;width:100%;margin-top:22px;display:flex}@media (max-width:1200px){.side{gap:8px 14px;padding:10px 12px}.field__areas{padding-right:12px}.field__entities{padding-left:12px}}@media (max-width:900px){.match__field{justify-content:flex-start;padding:10px 12px 0}.side{grid-template-columns:1fr;grid-template-areas:"plate""lineup""areas""entities""ongoing";gap:10px;padding:10px 12px}.plate{flex-wrap:wrap;gap:8px 14px}.lineup{flex-wrap:wrap;justify-content:center}.field__areas{border-right:0;border-top:1px solid var(--line);padding:12px 0 0}.field__entities{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.areas{flex-wrap:wrap;justify-content:center}.entities{justify-content:center}.lineup .card{--cw:76px}.charslot.is-active .card{--cw:112px}.areaslot .card{--cw:70px}.areaslot__empty{width:70px;height:98px}.hand{height:148px;padding:0 10px}.hand .card{--cw:100px}.hand .card__meta{display:none}.hand .card__text{-webkit-line-clamp:2}.hand .card__art{min-height:34px}.hand__slot:hover,.hand__slot.is-selected:hover,.hand__slot.is-marked:hover{transform:translateY(-30px)scale(1.3)}.bar{grid-template-columns:auto minmax(0,1fr);gap:10px 12px}.bar__end{grid-column:1/-1;justify-content:flex-end}.moves{flex-wrap:wrap}.move{padding:6px 12px 6px 7px;font-size:12.5px}}@media (max-width:560px){.lineup .card{--cw:66px}.charslot.is-active .card{--cw:96px}.move__name{max-width:11ch}.outcome{padding:34px 22px 24px}.outcome__title{font-size:34px}}.banner{z-index:60;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.banner__inner{border-radius:var(--r-6);border:1px solid var(--line-2);box-shadow:var(--e-4);text-align:center;animation:banner-in 2.4s var(--ease) forwards;background:#070b15e6;flex-direction:column;align-items:center;gap:8px;padding:18px 34px 16px;display:flex}.banner--round{border-color:var(--accent-line);box-shadow:inset 0 1px #d9ae5f33,0 0 60px -10px #d9ae5fb3}.banner--play{border-color:var(--line-3)}.banner__title{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);font-size:30px;font-variant-caps:small-caps;font-weight:600}.banner--round .banner__title{color:var(--accent-hi);text-shadow:0 0 30px #d9ae5f80}.banner__subtitle{color:var(--text-2);font-size:14px}.banner__card .card{--cw:150px}@keyframes banner-in{0%{opacity:0;transform:scale(.92)translateY(12px)}12%{opacity:1;transform:scale(1)translateY(0)}78%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.98)translateY(-8px)}}.log{border:1px solid var(--line-2);border-radius:var(--r-6);background:linear-gradient(180deg, var(--bg-3), var(--bg-1));width:min(560px,100vw - 48px);max-height:min(70dvh,640px);box-shadow:var(--e-4);animation:rise var(--slow) var(--spring);flex-direction:column;display:flex}.log__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px 10px;display:flex}.log__head h2{font-family:var(--font-display);letter-spacing:.08em;font-size:20px;font-variant-caps:small-caps;font-weight:600}.log__list{color:var(--text-2);flex-direction:column;gap:4px;padding:10px 18px 16px;font-size:13px;display:flex;overflow-y:auto}.log__line{align-items:baseline;gap:10px;display:flex}.log__round{color:var(--text-3);flex:none;font-size:11px}.log--damage{color:var(--damage)}.log--heal{color:var(--good)}.log--gold{color:var(--accent-hi)}.log--play{color:var(--text)}.log--bad{color:#f2b9b1}.log__button{position:relative}