@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,900&family=Lato:wght@400;700&family=Press+Start+2P&family=Archivo+Black&display=swap";:root{--bg-cream:#f1e6d2;--panel:transparent;--panel-raised:#262835;--border:#34374a;--border-soft:#2a1c0f26;--ink:#2a1c0f;--ink-muted:#6b5a42;--text:#ece9e2;--text-muted:#b7b4c2;--text-faint:#8f8ca0;--mind:#4091cc;--mind-dim:#2c4a70;--body:#cb3636;--body-dim:#6e2c29;--soul:#ba8cdc;--soul-dim:#4d3068;--instinct:#437f35;--instinct-dim:#2f5c2f;--quest-tray:#2f6fb0;--quest-tray-dark:#123458;--enh-tray:#e8c02a;--enh-tray-dark:#8a6208;--gold:#c9a227;--gold-dim:#6b5613;--danger:#d1524a;--stat-actions:#406049;--stat-moves:#3d5ea5;--stat-refresh:#8b6930;--stat-refresh-num:#ceaa49;--stat-deploy:#ba5131;--rank-commander:#fccc34;--rank-general:#a8cae9;--rank-minion:#cd9b9d;--font-display:"Barlow Condensed", "Verdana", sans-serif;--font-body:"Lato", "Segoe UI", sans-serif;--font-mono:"Lato", "Segoe UI", sans-serif;--font-black:"Archivo Black", "Arial Black", sans-serif;--radius:6px;--radius-lg:10px;--app-max-width:430px}*{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--bg-cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:url(/assets/intro-background-DcCOtjdD.jpg);background-position:top;background-repeat:no-repeat;background-size:100%;margin:0}button{font-family:var(--font-body);cursor:pointer;appearance:none;background:0 0;border:none}button:disabled{color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);text-shadow:0 0 8px var(--bg-cream), 0 0 16px var(--bg-cream);margin:0;font-weight:700}.mono{font-family:var(--font-mono)}.app-shell{flex-direction:column;align-items:center;min-height:100%;display:flex}.app-header{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;width:100%;max-width:var(--app-max-width);--u:min(1px, 100cqw / 414);background:#f1e6d2bf;justify-content:space-between;align-items:center;gap:10px;padding:7px 16px;display:flex;position:sticky;top:0;container-type:inline-size}.app-logo{height:calc(38 * var(--u,1px));object-fit:contain;filter:drop-shadow(0 1px 1px #5a3c0a4d);width:auto;min-width:0;display:block}.phase-ticker{font-family:var(--font-display);color:var(--ink);text-align:right;font-size:19px;font-weight:800;line-height:1.1}.app-main{flex:1;justify-content:center;width:100%;padding:16px 12px 40px;display:flex}.center-column{width:100%;max-width:var(--app-max-width);flex-direction:column;align-items:center;gap:16px;display:flex}.panel{background:var(--panel);width:100%;max-width:var(--app-max-width);padding:0}.panel-title{margin-bottom:4px;font-size:24px}.panel-subtitle{color:var(--ink-muted);text-shadow:0 0 6px var(--bg-cream), 0 0 12px var(--bg-cream), 0 1px 0 var(--bg-cream);margin-bottom:16px;font-size:13.5px;line-height:1.5}.error-banner{border:1px solid var(--danger);color:#7a2622;border-radius:var(--radius);background:#d1524a1f;margin-bottom:16px;padding:10px 14px;font-size:13px}.type-Mind{--type-color:var(--mind);--type-dim:var(--mind-dim)}.type-Body{--type-color:var(--body);--type-dim:var(--body-dim)}.type-Soul{--type-color:var(--soul);--type-dim:var(--soul-dim)}.type-Instinct{--type-color:var(--instinct);--type-dim:var(--instinct-dim)}.type-pill{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--type-color);color:var(--type-color);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;display:inline-flex}.type-pill:before{content:"";background:var(--type-color);border-radius:50%;width:6px;height:6px}.select-logo{width:100%;max-width:220px;margin:0 auto 16px;display:block}.commander-type-row{margin-bottom:14px}.type-card{aspect-ratio:1;scroll-snap-align:center;border-radius:var(--radius-lg);border:2px solid #ffffff80;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;width:128px;display:flex}.type-card-label{font-family:var(--font-display);color:#fff;text-transform:uppercase;letter-spacing:.04em;font-size:16px;font-weight:700}.commander-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:10px;padding:4px 2px 8px;display:flex;overflow-x:auto}.commander-card{scroll-snap-align:center;background:var(--panel-raised);border:2px solid var(--border);border-radius:var(--radius-lg);width:128px;color:var(--text);flex-direction:column;flex:none;align-items:center;gap:6px;padding:8px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.commander-card img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:100%}.commander-card-name{font-family:var(--font-display);text-align:center;font-size:14px;font-weight:700}.commander-card.carousel-active{border-color:var(--type-color);box-shadow:0 0 0 2px var(--type-color), 0 0 22px -2px var(--type-color);transform:scale(1.04)}.commander-card.carousel-chosen{border-color:var(--confirm,#3fa34d);box-shadow:0 0 0 2px var(--confirm,#3fa34d), 0 0 16px -2px var(--confirm,#3fa34d)}.commander-card-check{background:var(--confirm,#3fa34d);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:flex;position:absolute;top:4px;right:4px}.commander-card.commander-card-locked{opacity:.55;filter:grayscale(.6)}.commander-card-lock{background:#0a0a0dbf;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex;position:absolute;top:4px;right:4px}.csheet-locked-notice{margin:calc(var(--atk-u) * .2024) 0 calc(var(--atk-u) * .0675);padding:calc(var(--atk-u) * .1686) calc(var(--atk-u) * .2361);border-radius:var(--radius);color:var(--text);font-size:calc(var(--atk-u) * .2192);background:#0a0a0d8c;line-height:1.4}.detail-overlay{z-index:100;background:#0a0a0dbf;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}.csheet-scroll{width:100%;max-width:var(--app-max-width);background:#000;min-height:100%;position:relative}.detail-close{color:#fff;z-index:5;background:#0a0a0d99;border:1px solid #ffffff80;border-radius:50%;width:32px;height:32px;font-size:14px;position:absolute;top:12px;right:12px}.csheet{font-family:var(--font-body);width:100%;min-height:100%;padding:calc(var(--atk-u) * .2698);padding-bottom:calc(var(--atk-u) * .5396);gap:calc(var(--atk-u) * .2024);flex-direction:column;display:flex}.csheet-header-row{gap:calc(var(--atk-u) * .1349);display:flex}.csheet-header-name{flex:1;min-width:0;display:flex}.csheet-type-box{width:calc(var(--atk-u) * .9781);height:calc(var(--atk-u) * .9106);border:calc(var(--atk-u) * .0337) solid #fff;background:#0c0710;flex-shrink:0;justify-content:center;align-items:center;display:flex}.csheet-name-box{border:calc(var(--atk-u) * .0337) solid #fff;border-radius:0 calc(var(--atk-u) * .2024) calc(var(--atk-u) * .2024) 0;padding:calc(var(--atk-u) * .0675) calc(var(--atk-u) * .2024);background:#0c0710;border-left:none;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.csheet-name{font-family:var(--font-display);font-weight:700;font-size:calc(var(--atk-u) * .3541);letter-spacing:.01em;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csheet-bp-box{border:calc(var(--atk-u) * .0337) solid #fff;border-radius:calc(var(--atk-u) * .2024);padding:calc(var(--atk-u) * .0675) calc(var(--atk-u) * .2024);min-width:calc(var(--atk-u) * 1.6863);background-color:#e8e8e8;background-image:linear-gradient(#ffffff52 0%,#ffffff0f 45%,#00000014 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 3px #0000002e}.csheet-bp{font-family:var(--font-display);font-weight:700;font-size:calc(var(--atk-u) * .3035);color:#17141c}.csheet-portrait{aspect-ratio:1;object-fit:cover;border:calc(var(--atk-u) * .0506) solid #fff;width:100%;display:block}.csheet-stat-grid{gap:calc(var(--atk-u) * .1686) calc(var(--atk-u) * .1012);grid-template-columns:1fr 1fr;display:grid}.csheet-stat-pill{height:calc(var(--atk-u) * .7757);border:calc(var(--atk-u) * .0337) solid #fff;border-radius:calc(var(--atk-u) * .2361);padding:0 calc(var(--atk-u) * .1349);align-items:center;min-width:0;display:flex}.csheet-stat-pill img{width:calc(var(--atk-u) * .5059);height:calc(var(--atk-u) * .5059);object-fit:contain;flex-shrink:0}.csheet-stat-label{font-family:var(--font-display);margin-left:calc(var(--atk-u) * .1012);font-weight:600;font-size:calc(var(--atk-u) * .2192);color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.csheet-stat-num-box{width:calc(var(--atk-u) * .8769);height:calc(var(--atk-u) * .5059);border-radius:calc(var(--atk-u) * .1686);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 4px #0006}.csheet-stat-num{font-family:var(--font-display);font-weight:700;font-size:calc(var(--atk-u) * .3373);text-shadow:0 2px 3px #0003}.csheet-tier{gap:calc(var(--atk-u) * .1349);flex-direction:column;display:flex}.csheet-tier-band{border-radius:calc(var(--atk-u) * .05);padding:calc(var(--atk-u) * .04) calc(var(--atk-u) * .24);text-align:center;margin-top:calc(var(--atk-u) * .0337);font-family:var(--font-display);font-weight:900;font-size:calc(var(--atk-u) * 24 / 72);letter-spacing:.02em;box-shadow:inset 0 2px #ffffff80,inset 0 -2px 3px #00000038}.csheet-ability-row{border-radius:calc(var(--atk-u) * .05);border:calc(var(--atk-u) * 1.5 / 72) solid;padding:calc(var(--atk-u) * .045) calc(var(--atk-u) * .13);gap:calc(var(--atk-u) * .1);align-items:flex-start;display:flex}.csheet-star{margin-top:calc(var(--atk-u) * .03);width:calc(var(--atk-u) * .45);height:calc(var(--atk-u) * .4);flex-shrink:0}.csheet-ability-name{font-weight:700;font-size:calc(var(--atk-u) * 18 / 72)}.csheet-ability-effect{font-size:calc(var(--atk-u) * 16 / 72)}.csheet-attack-row{border-radius:calc(var(--atk-u) * .05);border:calc(var(--atk-u) * 1.5 / 72) solid;padding:calc(var(--atk-u) * .07) calc(var(--atk-u) * .13);gap:calc(var(--atk-u) * .1349);text-align:left;justify-content:space-between;align-items:flex-start;width:100%;font-family:inherit;display:flex}.csheet-attack-main{flex:1;min-width:0}.csheet{--atk-u:59.3px}.csheet-attack-heading{align-items:center;gap:calc(var(--atk-u) * .13);flex-wrap:nowrap;display:flex}.csheet-attack-heading>.csheet-attack-name{min-width:0}.csheet-attack-name{font-family:var(--font-body);font-weight:700;font-size:calc(var(--atk-u) * 28 / 72);line-height:1.05}.csheet-bp-inline{color:red;font-weight:700}.csheet-attack-criteria{font-size:calc(var(--atk-u) * 16 / 72);margin-top:calc(var(--atk-u) * .02);line-height:1.25}.atk-cost-pill{height:calc(var(--atk-u) * .408);min-width:calc(var(--atk-u) * .861);padding:0 calc(var(--atk-u) * .1);color:#fff;font-family:var(--font-display);font-weight:900;font-size:calc(var(--atk-u) * 14 / 72);letter-spacing:.01em;border-radius:calc(var(--atk-u) * .068);border:calc(var(--atk-u) * 1.5 / 72) solid #fff;box-shadow:inset 0 calc(var(--atk-u) * .03) 0 #ffffff73, inset 0 calc(var(--atk-u) * -.03) calc(var(--atk-u) * .05) #00000052;white-space:nowrap;background:red;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.csheet-attack-symbols{grid-template-columns:calc(var(--atk-u) * .78) calc(var(--atk-u) * .7) calc(var(--atk-u) * .733);column-gap:calc(var(--atk-u) * .05);flex:none;place-items:center;display:grid}.atk-symbol{flex:none;justify-content:center;align-items:center;display:inline-flex}.atk-reticle{width:calc(var(--atk-u) * .78);height:calc(var(--atk-u) * .78);position:relative}.atk-reticle svg{width:100%;height:100%;display:block}.outlined-num{font-family:var(--font-display);color:#fff;-webkit-text-stroke:var(--num-outline-w,calc(var(--atk-u) * 1.5 / 72)) var(--num-outline,red);paint-order:stroke fill;font-weight:900;line-height:1}.atk-reticle-count{font-size:calc(var(--atk-u) * 28 / 72);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.atk-swatch{width:calc(var(--atk-u) * .7);height:calc(var(--atk-u) * .78);border:calc(var(--atk-u) * 1.5 / 72) solid #fff;border-radius:0;position:relative}.atk-swatch-x{font-size:calc(var(--atk-u) * 30 / 72);--num-outline-w:calc(var(--atk-u) * 2 / 72);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.atk-range-grid{width:calc(var(--atk-u) * .7);height:calc(var(--atk-u) * .78);border:calc(var(--atk-u) * .012) solid #0000008c;border-radius:calc(var(--atk-u) * .025);background:#0000008c;display:block;position:relative}.atk-range-cells{gap:calc(var(--atk-u) * .012);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid}.atk-range-span{font-size:calc(var(--atk-u) * 44 / 72);--num-outline-w:calc(var(--atk-u) * 2.25 / 72);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.atk-range-cell{background:#fff}.atk-range-centre{background:#111}.atk-damage{width:calc(var(--atk-u) * .733);height:calc(var(--atk-u) * .625);color:#fff;font-family:var(--font-display);font-weight:900;font-size:calc(var(--atk-u) * 24 / 72);letter-spacing:.01em;background:red;border-radius:50%;line-height:1}.csheet-attack-clickable{cursor:pointer;transition:transform .1s,box-shadow .15s}.csheet-attack-clickable:hover{box-shadow:0 0 0 2px #fff,0 0 12px #fff9}.csheet-attack-clickable:active{transform:scale(.98)}.csheet-tier-locked{opacity:.42;filter:grayscale(.75)}.csheet-tier-lock{float:right;font-size:calc(var(--atk-u) * .1855);letter-spacing:0;text-transform:none;opacity:.85;font-weight:600}.csheet-piece-context{align-items:center;gap:calc(var(--atk-u) * .1349);margin:0 0 calc(var(--atk-u) * .1686);flex-wrap:wrap;display:flex}.csheet-piece-rank{font-family:var(--font-body);font-weight:800;font-size:calc(var(--atk-u) * .2024);letter-spacing:.06em;text-transform:uppercase;padding:calc(var(--atk-u) * .0506) calc(var(--atk-u) * .1686);border-radius:999px}.csheet-piece-note{font-size:calc(var(--atk-u) * .2024);opacity:.8}.csheet-attack-locked{cursor:not-allowed;filter:grayscale()brightness(.62)contrast(.85);opacity:.5}.csheet-attack-locked .csheet-attack-main>div:first-child,.csheet-attack-locked .csheet-attack-symbols{opacity:.85}.csheet-attack-lock{margin-left:calc(var(--atk-u) * .1012);font-size:calc(var(--atk-u) * .2024)}.csheet-stat-changed{animation:1.4s ease-in-out infinite csheet-stat-pulse}@keyframes csheet-stat-pulse{0%,to{box-shadow:0 0 0 2px #fff,0 0 6px #fff9}50%{box-shadow:0 0 0 2px #fff,0 0 14px #fffffff2}}.card-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding:4px 2px 8px;display:flex;overflow-x:auto}.card-tile{scroll-snap-align:center;background:var(--panel-raised);border:2px solid var(--border);border-radius:var(--radius-lg);width:130px;color:var(--text);flex-direction:column;flex:none;align-items:center;gap:6px;padding:8px;display:flex;position:relative}.card-tile-art{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);background:#0c0d12;width:100%}.card-art-fallback{aspect-ratio:3/4;border-radius:var(--radius);background:linear-gradient(160deg, var(--panel-raised), var(--border));text-align:center;width:100%;color:var(--text-muted);justify-content:center;align-items:center;padding:8px;font-size:12px;display:flex}.card-tile-name{font-family:var(--font-display);text-align:center;font-size:13px;font-weight:700}.card-tile-quest{background:var(--quest-tray);border-color:var(--quest-tray-dark)}.card-tile-enhancement{background:var(--enh-tray);border-color:var(--enh-tray-dark);color:#2a1e00}.card-tile-enhancement .card-tile-name{color:#2a1e00}.card-tile-chosen{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.card-zoom-quest{background:var(--quest-tray-dark)}.card-zoom-enhancement{background:#8a6208}.card-zoom-enhancement .card-zoom-desc{color:#f5e9c8}.card-tile-check{background:var(--gold);color:#201a04;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:flex;position:absolute;top:4px;right:4px}.card-zoom{width:100%;max-width:var(--app-max-width);background:#1c1e27;min-height:100%;margin:0 auto;position:relative}.card-zoom-art{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.card-zoom-body{padding:18px 20px 24px}.card-zoom-name{color:var(--text);text-shadow:none;margin-bottom:10px;font-size:24px}.card-zoom-enhancement .card-zoom-name{color:#2a1e00}.card-zoom-desc{color:var(--text-muted);font-size:14px;line-height:1.5}.board-wrap{width:var(--bleed-w);margin-left:calc(50% - var(--bleed-w) / 2);justify-content:center;padding:0 0 10px;display:flex;position:relative;overflow:clip visible}.board-backdrop{z-index:-1;background:url(/board/desert_backdrop.jpg) top/cover no-repeat;position:fixed;inset:0}.stage{width:var(--stage-w);height:var(--stage-h);margin-bottom:calc(-1 * var(--stage-trim-b));perspective:var(--persp);z-index:1;position:relative}.board3d{transform:rotateX(var(--tilt));transform-style:preserve-3d;border:2px solid #fff9;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0;box-shadow:0 30px 50px #0000008c}.tile{border:1px solid #ffffff59}.tile-Blue{background:#4091cc}.tile-Red{background:#c1554f}.tile-Purple{background:#7b5aa6}.tile-Green{background:#5c8a46}.tile.tile-black{background:radial-gradient(circle,#030205 0 34%,#120a1d 60%,#2d1a45 100%);border-color:#ba8cdc59;box-shadow:inset 0 0 6px 1px #ba8cdc8c}.tile.selectable{cursor:pointer}.tile.highlight{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 12px 2px #cccb27b3;animation:1.6s ease-in-out infinite tile-pulse}@keyframes tile-pulse{0%,to{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 8px 1px #cccb2780}50%{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 16px 3px #cccb27d9}}.tile.tile-glow{box-shadow:inset 0 0 0 3px #fff,inset 0 0 14px 3px #ffffffd9}.tile.tile-selected{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 10px 2px #cccb27b3}.tile.tile-mine{background-image:radial-gradient(circle,#e0443a 0 11%,#1d1a17 12% 30%,#0000 31%)}.board-wrap.is-picking-squares .sprite:not(.sprite-picked){opacity:.25}.board-wrap.is-picking-squares .sprite-hit{pointer-events:none}.tile.tile-chosen{z-index:1;position:relative;box-shadow:0 0 12px 4px #ffffffe6,inset 0 0 0 4px #fff,inset 0 0 10px 12px #fffffff2}.tile-hit.tile-hit-chosen{box-shadow:inset 0 0 0 3px #fff,0 0 10px 3px #ffffffd9}.move-confirm{z-index:450;background:var(--stat-moves);cursor:pointer;border:2px solid #fff;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:3px 5px;animation:.14s ease-out move-confirm-in;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 15px));box-shadow:0 3px 8px #00000073}.move-confirm-label{font-family:var(--font-display);color:#fff;font-size:10px;font-weight:700;line-height:1}.move-confirm-box{background:#fff;border-radius:5px;place-items:center;min-width:40px;height:26px;padding:0 6px;display:grid;box-shadow:0 1px 3px #00000059}.move-confirm-cost{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:23px;font-weight:800;line-height:1}.move-confirm-cost.is-down{color:#d32020}.move-confirm-cost.is-up{color:#1e9e3a}.move-confirm-go{font-family:var(--font-display);letter-spacing:.04em;color:#fff;padding-top:1px;font-size:11px;font-weight:900;line-height:1}.move-confirm-marker{z-index:420;pointer-events:none;filter:drop-shadow(0 1px 2px #00000080);position:absolute;transform:translate(-50%,-50%)}@keyframes move-confirm-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.move-confirm{animation:none}}.sprite{transform-origin:bottom;filter:drop-shadow(0 6px 8px #00000080);pointer-events:none;position:absolute}.sprite-hit{cursor:pointer;pointer-events:auto;position:absolute;bottom:0;left:0;right:0}.board3d-hits{box-shadow:none;z-index:400;pointer-events:none;background:0 0;border-color:#0000}.tile-hit{pointer-events:none}.tile-hit-live{pointer-events:auto;cursor:pointer}.sprite img{width:100%;display:block}.sprite-selectable{cursor:pointer}.sprite-glow{filter:drop-shadow(0 6px 8px #00000080)drop-shadow(0 0 6px #fff)drop-shadow(0 0 10px #fff);animation:1.6s ease-in-out infinite sprite-glow-pulse}@keyframes sprite-glow-pulse{0%,to{filter:drop-shadow(0 6px 8px #00000080)drop-shadow(0 0 4px #fff)drop-shadow(0 0 7px #fff)}50%{filter:drop-shadow(0 6px 8px #00000080)drop-shadow(0 0 8px #fff)drop-shadow(0 0 14px #fff)}}.sprite-portrait-fallback{aspect-ratio:1;object-fit:cover;border:2px solid #ffffffd9;border-radius:50%}.sprite-attacking{animation:.55s ease-in-out infinite alternate sprite-attack-pulse}@keyframes sprite-attack-pulse{0%{filter:drop-shadow(0 6px 8px #00000080) drop-shadow(0 0 5px var(--type-glow,#fff)) drop-shadow(0 0 9px var(--type-glow,#fff));transform:translate(-50%,-100%)scale(1)}to{filter:drop-shadow(0 6px 8px #00000080) drop-shadow(0 0 11px var(--type-glow,#fff)) drop-shadow(0 0 20px var(--type-glow,#fff));transform:translate(-50%,-100%)scale(1.08)}}.sprite-moving{animation:.42s ease-in-out infinite alternate sprite-move-bob}@keyframes sprite-move-bob{0%{transform:translate(-50%,-100%)translateY(0)}to{transform:translate(-50%,-103%)translateY(-2px)}}.sprite-dying{pointer-events:none;animation:1.5s ease-in forwards sprite-die}@keyframes sprite-die{0%{opacity:0;transform:translate(-50%,-100%)scale(1.04)}12%{opacity:1;transform:translate(-50%,-100%)scale(1)}70%{opacity:1;transform:translate(-50%,-100%)scale(1)}to{opacity:0;transform:translate(-50%,-92%)scale(.92)}}.btn{font-family:var(--font-body);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-raised);color:var(--text);padding:10px 20px;font-size:14px;font-weight:700;transition:border-color .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:disabled{color:var(--text-faint);border-color:var(--border);cursor:not-allowed}.btn-primary{background:var(--gold-dim);border-color:var(--gold);color:#fbf9b8}.btn-primary:hover:not(:disabled){background:var(--gold);color:#201a04}.btn-ghost{background:0 0}.btn-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pass-screen{text-align:center;padding:60px 24px}.pass-screen .pass-icon{margin-bottom:18px;font-size:44px}.pass-screen h2{margin-bottom:10px;font-size:32px}.pass-screen p{color:var(--ink-muted);max-width:420px;text-shadow:0 0 6px var(--bg-cream), 0 0 12px var(--bg-cream), 0 1px 0 var(--bg-cream);margin:0 auto 24px;font-size:15px;line-height:1.6}.waiting-line{text-align:center;padding:16px 24px 28px}.waiting-line h2{margin-bottom:6px;font-size:24px}.waiting-line p{color:var(--ink-muted);max-width:420px;text-shadow:0 0 6px var(--bg-cream), 0 0 12px var(--bg-cream), 0 1px 0 var(--bg-cream);margin:0 auto;font-size:15px;line-height:1.5}.turn0-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.turn0-header-button{text-align:left;border-radius:var(--radius-lg);width:100%;margin-left:-4px;padding:4px;transition:background .15s}.turn0-header-button:hover{background:#2628350f}.turn0-commander-portrait{object-fit:cover;border:2px solid var(--gold);border-radius:50%;width:46px;height:46px}.turn0-bp{text-align:right;margin-left:auto}.turn0-stepper{gap:6px;margin-bottom:14px;display:flex}.turn0-step-dot{background:var(--panel-raised);border:1px solid var(--border);width:22px;height:22px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.turn0-step-dot.active{background:var(--gold-dim);border-color:var(--gold);color:#fbf9b8}.turn0-option-grid{flex-direction:column;gap:10px;display:flex}.turn0-option-card{background:var(--panel-raised);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text);text-align:center;font-family:var(--font-display);flex-direction:column;align-items:center;gap:6px;padding:16px;font-size:16px;font-weight:700;display:flex}.turn0-option-card:hover:not(:disabled){border-color:var(--gold)}.turn0-option-card:disabled{color:var(--text-faint);border-color:var(--border);cursor:not-allowed}.turn0-option-card:disabled .turn0-option-sub{color:var(--text-faint)}.turn0-option-card img{object-fit:contain;border-radius:var(--radius);background:#0c0d12;width:90px;height:90px}.turn0-option-icon{font-size:40px}.turn0-option-sub{font-family:var(--font-body);color:var(--text-muted);font-size:12px;font-weight:400}.stat-row{border-bottom:1px solid var(--border-soft);color:var(--ink);justify-content:space-between;align-items:baseline;padding:8px 0;font-size:14px;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--ink-muted)}.stat-value{font-weight:700}.roster-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.roster-chip{background:var(--panel-raised);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:12px;display:flex}.roster-chip img{object-fit:cover;border-radius:50%;width:22px;height:22px}.roster-chip-button:hover{border-color:var(--gold)}.section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:18px 0 8px;font-size:13px;font-weight:700}.section-label:first-child{margin-top:0}.quest-option{text-align:left;background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);margin-bottom:8px;padding:12px 14px;display:block}.quest-option:hover:not(:disabled){border-color:var(--gold)}.quest-option.selected{border-color:var(--gold);background:#cccb2714}.quest-option .quest-name{margin-bottom:3px;font-size:14px;font-weight:700}.quest-option .quest-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.quest-option:disabled{color:var(--text-faint);cursor:not-allowed}.quest-option:disabled .quest-desc{color:var(--text-faint)}.recruit-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:10px;display:grid}.recruit-tile{background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:11px;display:flex}.recruit-tile img{object-fit:cover;border-radius:50%;width:40px;height:40px}.recruit-tile:hover:not(:disabled){border-color:var(--type-color,var(--gold))}.recruit-tile:disabled{filter:grayscale(.6);color:var(--text-faint);border-color:var(--border);cursor:not-allowed}.recruit-tile-pending{box-shadow:0 0 0 2px var(--gold);border-color:var(--gold)!important}.deploy-cost{color:var(--gold);font-weight:700}.summary-columns{grid-template-columns:1fr;gap:16px;width:100%;display:grid}.stat-pill-row{flex-wrap:wrap;gap:8px;margin:14px 0 16px;display:flex}.stat-pill{background:var(--panel-raised);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;display:flex}.stat-pill img{object-fit:contain;width:24px;height:24px}.stat-pill svg{flex-shrink:0;width:22px;height:22px}.stat-pill svg.icon-stroke{fill:none;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.stat-pill-value{font-family:var(--font-display);font-size:16px;font-weight:700}.stat-pill-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;display:block}.action-menu{flex-direction:column;gap:8px;display:flex}.action-row{background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);text-align:left;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s;display:flex}.action-row:hover:not(:disabled){border-color:var(--action-color)}.action-row.active{border-color:var(--action-color);box-shadow:0 0 0 1px var(--action-color)}.action-row:disabled{color:var(--text-faint);border-color:var(--border);cursor:not-allowed}.action-chip{background:var(--action-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.action-chip img{object-fit:contain;width:30px;height:30px}.action-chip svg{fill:#fff;width:20px;height:20px}.action-chip svg.icon-stroke{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.action-chip-locked{background:var(--danger);border:2px solid var(--panel-raised);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:-3px;right:-3px}.action-row-label{font-size:14px;font-weight:700}.action-chip-badge{background:var(--gold);border:2px solid var(--panel-raised);color:#201a04;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;line-height:1;animation:1.6s ease-in-out infinite badge-pulse;display:flex;position:absolute;top:-3px;right:-3px}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.action-row-sub{color:var(--text-muted);font-size:11px}.attack-card{text-align:left;background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);margin-bottom:8px;padding:12px 14px;display:block}.attack-card:hover:not(:disabled){border-color:var(--body)}.attack-card:disabled{color:var(--text-faint);cursor:not-allowed}.attack-card-name{margin-bottom:6px;font-size:14px;font-weight:700}.attack-stat-grid{grid-template-columns:repeat(2,1fr);gap:4px 12px;margin-bottom:8px;font-size:12px;display:grid}.attack-stat-grid .k{color:var(--text-muted)}.attack-stat-grid .v{text-align:right;font-weight:700}.bp-cost-chip{border:1px solid var(--body);color:#f2b3af;background:#8b3a3a26;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.bp-cost-chip .arrow{color:var(--text-muted);font-weight:400}.turn-banner{justify-content:space-between;align-items:center;gap:12px;display:flex}.turn-banner-button{text-align:left;border-radius:var(--radius-lg);width:100%;margin-left:-4px;padding:4px;transition:background .15s}.turn-banner-button:hover{background:#2628350f}.intro-screen{background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 24px 64px;display:flex;position:fixed;inset:0}.intro-screen:before{content:"";background:linear-gradient(#14151a1a 0%,#14151abf 75%,#14151af2 100%);position:absolute;inset:0}.intro-content{z-index:1;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:420px;display:flex;position:relative}.intro-logo{opacity:0;width:100%;max-width:320px;animation:.9s ease-out .15s forwards intro-fade-in}.intro-actions{opacity:0;flex-direction:column;gap:12px;width:100%;animation:.9s ease-out .5s forwards intro-fade-in;display:flex}.intro-btn{width:100%;padding:14px 20px;font-size:16px}.intro-tutorial-note{text-align:center;color:var(--text-muted);margin:-2px 0 0;font-size:13px}@keyframes intro-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reconnect-overlay{z-index:1000;background:#0a0a0dd1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.reconnect-box{text-align:center;background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:360px;color:var(--text);padding:28px 24px}.reconnect-spinner{border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:.9s linear infinite reconnect-spin}.reconnect-title{font-family:var(--font-display);margin-bottom:8px;font-size:18px;font-weight:700}.reconnect-sub{color:var(--text-muted);font-size:13px;line-height:1.5}@keyframes reconnect-spin{to{transform:rotate(360deg)}}html:has(.gal-page){background-color:#1d1726;background-image:none;height:auto;min-height:100%}body:has(.gal-page){background-color:#1d1726;background-image:none;height:auto;min-height:100%}#root:has(.gal-page){background-color:#1d1726;background-image:none;height:auto;min-height:100%}.gal-page{color:#ece7f2;min-height:100vh;font-family:var(--font-body);background:#1d1726;padding:28px 22px 60px}.gal-page h1,.gal-page h2{text-shadow:none;color:inherit}.gal-header h1{font-family:var(--font-display);color:var(--gold,#ceaa49);margin:0 0 6px;font-size:30px;font-weight:900}.gal-header p{opacity:.75;max-width:760px;margin:0 0 26px;font-size:14px}.gal-header code,.gal-note code{background:#ffffff1a;border-radius:4px;padding:1px 5px;font-size:12px}.gal-section{margin-bottom:34px}.gal-h2{font-family:var(--font-display);letter-spacing:.02em;border-bottom:1px solid #ffffff26;margin:0 0 4px;padding-bottom:6px;font-size:20px;font-weight:800}.gal-note{opacity:.7;max-width:760px;margin:8px 0 16px;font-size:13px;line-height:1.5}.gal-rows{flex-wrap:wrap;gap:18px;display:flex}.gal-case{width:696px;max-width:100%}.gal-card{--atk-u:96px}.gal-scale-note{opacity:.75;margin:0 0 18px;font-size:13px}.gal-label{letter-spacing:.04em;text-transform:uppercase;opacity:.6;margin-bottom:6px;font-size:12px;font-weight:700}.gal-card{border-radius:12px;padding:10px}html:has(.cmp-page){background-color:#16121d;background-image:none;height:auto;min-height:100%}body:has(.cmp-page){background-color:#16121d;background-image:none;height:auto;min-height:100%}#root:has(.cmp-page){background-color:#16121d;background-image:none;height:auto;min-height:100%}.cmp-page{color:#ece7f2;min-height:100vh;font-family:var(--font-body);background:#16121d;padding:24px}.cmp-page h1{font-family:var(--font-display);color:var(--gold);text-shadow:none;margin:0 0 4px;font-size:26px;font-weight:900}.cmp-header p{opacity:.75;max-width:720px;margin:0 0 12px;font-size:13px}.cmp-controls{align-items:center;gap:10px;margin-bottom:20px;display:flex}.cmp-controls button{font-family:var(--font-body);color:#ece7f2;background:#ffffff1a;border:1px solid #ffffff40;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700}.cmp-controls button.cmp-on{background:var(--gold);color:#221a02;border-color:var(--gold)}.cmp-slider{opacity:.85;align-items:center;font-size:12px;display:flex}.cmp-side{flex-wrap:wrap;gap:24px;display:flex}.cmp-side figure{margin:0}.cmp-side figcaption{letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin-bottom:6px;font-size:11px}.cmp-slide{background-repeat:no-repeat}.cmp-onbg{padding:0}.cmp-onbg-flat{background:0 0}.cmp-overlay{position:relative}.cmp-overlay .cmp-slide,.cmp-overlay .cmp-overlay-top{position:absolute;inset:0}.cmp-overlay-top{mix-blend-mode:normal}.card-emph{font-family:var(--font-display);color:#fff;-webkit-text-stroke:calc(var(--atk-u,59.3px) * 1 / 72) var(--card-emph-colour,red);paint-order:stroke fill;white-space:nowrap;font-weight:900}.card-emph-red{--card-emph-colour:red}.card-emph-green{--card-emph-colour:#00b050}html:has(.print-root){background-color:#fff;background-image:none;height:auto;min-height:100%}html:has(.legend-root){background-color:#fff;background-image:none;height:auto;min-height:100%}body:has(.print-root){background-color:#fff;background-image:none;height:auto;min-height:100%}body:has(.legend-root){background-color:#fff;background-image:none;height:auto;min-height:100%}#root:has(.print-root){background-color:#fff;background-image:none;height:auto;min-height:100%}#root:has(.legend-root){background-color:#fff;background-image:none;height:auto;min-height:100%}.print-root{font-family:var(--font-body);background:#fff;padding:0}.print-page{page-break-after:always;break-after:page;padding:26px 26px 40px}.print-caption{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#6b5a42;margin-bottom:10px;font-size:15px;font-weight:800}.print-sheet{width:var(--app-max-width);border-radius:calc(var(--atk-u) * .2361);padding:calc(var(--atk-u) * .2361)}.print-root .csheet-ability-name{color:inherit}@page{size:5in 15in;margin:.16in}@media print{html:has(.print-root){background:#fff}body:has(.print-root){background:#fff}#root:has(.print-root){background:#fff}.print-page{page-break-after:always;break-after:page;min-height:14.3in;padding:0 0 .12in}.print-page:last-child{page-break-after:auto;break-after:auto}.print-sheet{box-shadow:none}}.legend-root{--atk-u:59.3px;color:#1a1a1a;font-family:var(--font-body);background:#fff;max-width:6.6in;margin:0 auto;padding:.45in .5in .6in}.legend-root h1{font-family:var(--font-display);border-bottom:3px solid #c9a227;margin:0 0 6px;padding-bottom:8px;font-size:30px}.legend-root h2{font-family:var(--font-display);color:#7a5c00;border-bottom:1px solid #e2d9c0;margin:0 0 4px;padding-bottom:3px;font-size:19px}.legend-lead{color:#333;margin:0 0 12px;font-size:14px;line-height:1.5}.legend-block{break-inside:avoid;margin-top:26px}.legend-row{border-bottom:1px solid #efe9db;grid-template-columns:1.15in 1fr;align-items:center;gap:14px;padding:7px 0;display:grid}.legend-art{justify-content:center;align-items:center;display:flex}.legend-what{font-size:13.5px;line-height:1.45}.legend-anatomy{margin:4px 0 8px}.legend-callouts{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#8a7a5c;grid-template-columns:.95in 1fr repeat(3,.62in);margin-top:4px;font-size:10.5px;display:grid}.legend-callouts span{text-align:center;color:#9a8b6c}.legend-ability{margin-bottom:8px}.legend-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px;display:grid}.legend-type,.legend-rank{border-radius:10px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;line-height:1.35;display:flex}.legend-rank .rank-coin{flex:none}.legend-swatch{align-items:center;gap:9px;font-size:13.5px;display:flex}.legend-swatch span{border:2px solid #fff;border-radius:7px;width:30px;height:30px;box-shadow:0 0 0 1px #ccc}.refresh-note{color:var(--ink);cursor:pointer;background:#7a6a2f2e;border:1px solid #c9a22780;border-radius:10px;margin-bottom:10px;padding:9px 12px;font-size:13.5px}.dethrone{border:1px solid var(--gold);border-radius:var(--radius-lg);color:var(--ink);background:#c9a22724;margin-bottom:12px;padding:10px 12px;font-size:13.5px}.dethrone p{margin:4px 0 0}.dethrone-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--gold-dim);font-size:18px;font-weight:700}.dethrone-picks{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.dethrone-pick{font:inherit;border:1.5px solid var(--gold-dim);color:var(--ink);cursor:pointer;background:#fffaf0;border-radius:999px;padding:7px 14px;font-weight:700}.dethrone-pick.is-picked{background:var(--gold)}.dethrone-pick:disabled{opacity:.6;cursor:default}.dethrone-pick:focus-visible{outline:2px solid var(--gold-dim);outline-offset:2px}.dethrone .dethrone-note{color:var(--ink-muted);margin-top:6px;font-size:12.5px}.csheet-attack-locked-why{font-size:calc(var(--atk-u) * 15 / 72);margin-top:calc(var(--atk-u) * .02);color:#7a2b2b;font-style:italic;line-height:1.25}.shot-layer{--shot-type:#cb3636;--shot-type-rgb:203, 54, 54;z-index:1000;pointer-events:none;visibility:hidden;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.shot-layer.is-on{visibility:visible}.shot-stage{place-items:center;display:grid;position:absolute;inset:0}.shot-veil{-webkit-backdrop-filter:blur(2px);background:#1a1108a3;position:absolute;inset:0}.shot-veil.is-night{background:#140c1fe0}.shot-flash{opacity:0;background:#fff;position:absolute;inset:0}.shot-lines-wrap{width:1100px;height:1100px;margin:-550px 0 0 -550px;position:absolute;top:50%;left:50%}.shot-lines{will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.shot-stack{width:100%;max-width:var(--app-max-width);flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.shot-frame{aspect-ratio:1;width:min(76%,320px);position:relative}.shot-frame.is-rank{margin-bottom:50px}.shot-art{background:#221a12;border:3px solid #fff4dc;border-radius:8px;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #00000073,0 20px 40px -12px #000000bf}.shot-art img{object-fit:cover;width:100%;height:100%;display:block}.shot-frame.is-ability .shot-art{border-color:#f1dc8f;box-shadow:0 0 0 1px #00000073,0 0 28px 2px #c9a2278c,0 20px 40px -12px #000000bf}.shot-frame.is-death .shot-art{border-color:#cdbfe0;box-shadow:0 0 0 1px #0009,0 0 60px -8px #6d4f92b3}.shot-frame.is-death .shot-art img{filter:saturate(.78)brightness(.92)}.shot-sweep{background:linear-gradient(105deg,#0000 34%,#fff7dc99 50%,#0000 66%);position:absolute;inset:0;transform:translate(-120%)}.shot-banner{flex-direction:column;max-width:calc(100% + 8px);display:flex;position:absolute;bottom:18px;left:-12px}.shot-banner strong{font-family:var(--font-display);text-transform:uppercase;line-height:.95}.shot-eyebrow{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.shot-banner.is-attack{background:var(--shot-type);color:#fff;padding:5px 16px 6px;transform:skew(-10deg);box-shadow:5px 5px #1a1108}.shot-banner.is-attack strong{letter-spacing:.01em;font-size:30px;font-style:italic;font-weight:900}.shot-banner.is-attack .shot-eyebrow{color:#ffffffd1}.shot-banner.is-ability{background:var(--panel-raised);color:#f1dc8f;border:1.5px solid var(--gold);border-radius:4px;padding:6px 14px 7px}.shot-banner.is-ability strong{letter-spacing:.02em;font-size:27px;font-weight:800}.shot-rank-title{color:#fff;text-shadow:0 2px 10px #0009;flex-direction:column;align-items:center;display:flex}.shot-rank-title .shot-eyebrow{letter-spacing:.18em;color:#f1dc8f;font-size:11px}.shot-rank-title strong{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:34px;font-weight:900;line-height:1}.shot-aura{place-items:center;width:104px;height:104px;display:grid;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.shot-rays{background-position:50%;background-repeat:no-repeat;background-size:contain;animation:7s linear infinite shot-spin;position:absolute;inset:-62px}.shot-ring{box-shadow:0 0 0 4px #ffecc8e6, 0 0 22px 8px rgba(var(--shot-type-rgb), .95), 0 0 64px 22px rgba(var(--shot-type-rgb), .5);border-radius:50%;animation:1.1s ease-in-out infinite shot-pulse;position:absolute;inset:0}.shot-badge{place-items:center;width:104px;height:104px;display:grid;position:relative}.shot-badge .rank-coin{border-width:2px;width:104px;height:104px}.shot-star{place-items:center;width:80px;height:80px;display:grid;position:absolute;top:-30px;right:-24px}.shot-halo{border-radius:50%;animation:1.1s ease-in-out infinite shot-pulse;position:absolute;inset:0;box-shadow:0 0 0 3px #ffecc8e6,0 0 20px 6px #c9a227f2,0 0 52px 16px #c9a22773}.shot-disc{background:#fff;border:4px solid #222;border-radius:50%;place-items:center;width:80px;height:80px;display:grid;position:relative}.shot-disc svg{width:50px;height:50px;display:block}@keyframes shot-spin{to{transform:rotate(360deg)}}@keyframes shot-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.fx-lift{transform-origin:bottom;position:relative}.sprite-fx-hidden{opacity:0}.sprite-fx-arrive{animation:.65s ease-out both fx-fade-on}.sprite-fx-arrive .fx-lift{animation:.65s ease-out both fx-rise}.sprite-fx-hop .fx-lift{animation:.68s linear both fx-hop}@keyframes fx-fade-on{0%{opacity:0}to{opacity:1}}@keyframes fx-rise{0%{transform:translateY(6%)}to{transform:none}}@keyframes fx-hop{0%{animation-timing-function:ease-out;transform:translateY(0)scale(1)}14%{animation-timing-function:ease-out;transform:translateY(3%)scale(1.07,.9)}46%{animation-timing-function:ease-in;transform:translateY(-34%)scale(.95,1.07)}76%{animation-timing-function:ease-out;transform:translateY(0)scale(1.07,.9)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.shot-rays,.shot-ring,.shot-halo,.sprite-fx-arrive .fx-lift,.sprite-fx-hop .fx-lift{animation:none}}.shot-deaths{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;padding:0 16px;display:flex}.shot-deaths.is-two .shot-frame{width:min(44%,200px)}.shot-deaths.is-four .shot-frame{width:min(42%,170px)}.shot-deaths.is-many .shot-frame{width:min(29%,128px)}.title-screen{z-index:50;background:#120b1c;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.title-backdrop{filter:blur(22px)brightness(.55)saturate(1.15);background-position:50%;background-size:cover;position:absolute;inset:-40px}.title-art{object-fit:contain;width:100%;height:100%;display:block;position:relative}.title-menu{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.5s steps(5,end) both title-menu-in;display:flex;position:absolute;inset:0}.title-menu>*{pointer-events:auto}.title-option{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;color:#ffd54a;text-shadow:2px 0 #2a0f3a,-2px 0 #2a0f3a,0 2px #2a0f3a,0 -2px #2a0f3a,3px 3px #0d0414;background:0 0;border:0;align-items:center;gap:10px;padding:4px 6px;font-family:"Press Start 2P",Courier New,monospace;font-size:13px;line-height:1;display:inline-flex}.title-option:before{content:"▶";visibility:hidden;font-size:10px}.title-option.is-picked:before{visibility:visible;animation:1s step-end infinite title-blink}.title-option:focus{outline:none}.title-option:focus-visible{outline-offset:4px;outline:2px dashed #ffd54a}.title-note{letter-spacing:.06em;text-transform:uppercase;color:#f3e6c4;text-shadow:2px 0 #2a0f3a,-2px 0 #2a0f3a,0 2px #2a0f3a,0 -2px #2a0f3a;margin:2px 0 0;font-family:"Press Start 2P",Courier New,monospace;font-size:9px}@keyframes title-menu-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes title-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.title-menu,.title-option.is-picked:before{animation:none}}.rank-coin{--coin:#fccc34;--coin-dark:#a87c05;--icon:#fff3a8;--icon-edge:#8a6400;border:1px solid var(--coin-dark);background:radial-gradient(ellipse at 38% 26%, #ffffffd9 0 16%, #fff0 46%), radial-gradient(circle at 50% 55%, var(--coin) 0 58%, var(--coin-dark) 100%);border-radius:50%;place-items:center;width:30px;height:30px;display:inline-grid;box-shadow:inset 0 -2px 3px #0000004d,inset 0 1px 2px #ffffffb3,0 1px 3px #00000073}.rank-coin svg{width:66%;height:66%;fill:var(--icon);stroke:var(--icon-edge);stroke-width:var(--icon-stroke,1);stroke-linejoin:round;overflow:visible}.rank-coin.is-commander{--coin:#fccc34;--coin-dark:#b8860b;--icon:none;--icon-edge:#ff0;--icon-stroke:2.1;background:radial-gradient(ellipse at 36% 24%, #ffffff80 0 12%, #fff0 40%), radial-gradient(circle at 50% 55%, var(--coin) 0 62%, var(--coin-dark) 100%)}.rank-coin.is-commander svg{filter:drop-shadow(0 0 .6px #8a5f00)drop-shadow(0 0 .6px #8a5f00)}.rank-coin.is-general{--coin:#a8cae9;--coin-dark:#5f8fbd;--icon:#3d8fd4;--icon-edge:#eaf5ff;background:radial-gradient(circle, transparent 0 63%, #ffffffb3 65% 69%, transparent 71%), radial-gradient(ellipse at 38% 26%, #ffffffd9 0 16%, #fff0 46%), radial-gradient(circle at 50% 55%, var(--coin) 0 58%, var(--coin-dark) 100%)}.rank-coin.is-minion{--coin:#b04a4e;--coin-dark:#6e2226;--icon:none;--icon-edge:#fdeee6;--icon-stroke:1.7}.rank-coin .coin-dots{stroke-width:1.7px;stroke-dasharray:0 2.5;stroke-linecap:round}.pp{grid-template-columns:99px minmax(0,1fr);align-items:start;gap:9px;margin:14px 0 4px;display:grid}.pp-portrait{background:var(--frame);cursor:pointer;border:2px solid #fff;border-radius:0;width:99px;height:109px;padding:0;position:relative;box-shadow:0 2px 6px #2a1c0f59}.pp-face{object-fit:contain;object-position:bottom;width:96%;height:107%;position:absolute;bottom:0;left:6px}.pp-coin{width:42px;height:42px;position:absolute;bottom:-15px;right:-10px}.pp-suit{width:44px;height:44px;position:absolute;top:-9px;left:-14px}.suit-mark{fill:var(--suit);filter:drop-shadow(0 1px 2px #00000073)}.suit-mark.is-mind{--suit:#008fed}.suit-mark.is-instinct{--suit:#4a9f71}.suit-mark.is-soul{--suit:#691a8d}.suit-mark.is-body{--suit:#e50101}.pp-main{min-width:0}.pp-top{align-items:center;gap:4px;display:flex}.pp-name{min-width:0;font-family:var(--font-display);color:#fff;text-align:center;text-shadow:none;text-overflow:ellipsis;white-space:nowrap;background:#000;border:2px solid #fff;border-radius:5px;flex:1;margin:0;padding:3px 8px 2px;font-size:18px;font-weight:900;line-height:18px;overflow:hidden}.pp-bp{background:linear-gradient(180deg, #fff1a6 0%, var(--rank-commander) 36%, #efb816 74%, #fbd955 100%);font-family:var(--font-display);color:#1d1d1f;font-variant-numeric:tabular-nums;white-space:nowrap;border:none;border-radius:7px;flex-shrink:0;padding:8px 14px 7px;font-size:20px;font-weight:900;line-height:1;box-shadow:inset 0 1px 1px #ffffffd9,inset 0 -2px 2px #7a520059,0 2px 4px #00000059}.pp-roster{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:17px;display:grid}.pp-slot{aspect-ratio:9/10;background:0 0;border:2px solid #fff;border-radius:0;padding:0;display:block;position:relative}.pp-slot.is-filled{background:var(--frame);cursor:pointer}.pp-slot.is-filled img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.pp-slot .rank-coin{width:25px;height:25px;position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%)}.pp-slot-bp{min-width:32px;font-family:var(--font-display);color:#000;text-align:center;font-variant-numeric:tabular-nums;border-radius:3px;padding:1px 3px 0;font-size:14px;font-weight:900;line-height:13px;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.pp-slot-bp.is-general{background:var(--rank-general)}.pp-slot-bp.is-minion{background:var(--rank-minion)}.pp-slot-bp.is-commander{background:var(--rank-commander)}.board-bp{min-width:calc(var(--sq) * .8);padding:calc(var(--sq) * .04) calc(var(--sq) * .1) calc(var(--sq) * .02);border-radius:calc(var(--sq) * .06);background:var(--rank-commander);font-family:var(--font-display);font-weight:900;font-size:calc(var(--sq) * .3);line-height:calc(var(--sq) * .28);color:#000;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0006}.board-bp.is-general{background:var(--rank-general)}.board-bp.is-minion{background:var(--rank-minion)}.board-coin{left:calc(var(--sq) * -.36);top:calc(var(--sq) * -.02);width:calc(var(--sq) * .5);height:calc(var(--sq) * .5);position:absolute}.pp-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:18px 0 12px;display:grid}.pp-stat{background:var(--tile);border:2px solid #fff;border-radius:9px;grid-template-rows:auto 30px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:2px 3px;min-width:0;padding:4px 5px 5px 4px;display:grid;box-shadow:0 2px 4px #0000004d}.pp-stat img{grid-row:1/3;width:32px;height:32px}.pp-stat-label{font-family:var(--font-display);text-align:center;color:#fff;font-size:11px;font-weight:700;line-height:1}.pp-stat-box{background:#fff;border-radius:6px;place-items:center;height:30px;display:grid;box-shadow:0 1px 3px #00000059}.pp-stat-num{font-family:var(--font-display);color:var(--num);font-variant-numeric:tabular-nums;font-size:27px;font-weight:800;line-height:1}.pp-stat-num.is-long{font-size:20px}.turn-status{align-items:center;gap:calc(12 * var(--u,1px));display:flex}.turn-words{font-family:var(--font-display);font-weight:800;font-size:calc(23 * var(--u,1px));color:#000;text-align:right;line-height:1}.phase-coins{gap:calc(5 * var(--u,1px));flex-shrink:0;display:flex}.phase-coin{--c:#ceaa49;width:calc(32 * var(--u,1px));height:calc(27 * var(--u,1px));background:radial-gradient(ellipse 60% 42% at 58% 76%, #fff9, transparent 75%), radial-gradient(ellipse at 50% 40%, var(--c) 55%, color-mix(in srgb, var(--c), #000 32%) 100%);font-family:var(--font-black);font-size:calc(16 * var(--u,1px));color:#fff;-webkit-text-stroke:1px #030e14;paint-order:stroke fill;text-shadow:-1.5px 1.5px 2px #00000059;border:1.5px solid #030e14;border-radius:50%;place-items:center;line-height:1;display:grid;box-shadow:inset 0 1.5px 1px #ffffff73}.phase-coin.is-2{--c:#404040}.phase-coin.is-3{--c:#ba5131}.phase-coin.is-4{--c:#406049}.phase-coin:not(.is-on){background:radial-gradient(ellipse 60% 42% at 58% 76%, #ffffffb3, transparent 75%), radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--c) 29%, transparent) 55%, color-mix(in srgb, var(--c) 45%, transparent) 100%);color:#0000;-webkit-text-stroke:1px #030e1480;text-shadow:none;border-color:#030e145c}.board-zone{width:100%;max-width:var(--app-max-width);position:relative;container-type:inline-size}.p1{--u:min(1px, calc((100cqw + 24px) / 430));--choice-bg:#ceaa49;--amount-ink:#00b050;--banner-bg:linear-gradient(180deg, #ffedc9 0%, #ffedc9 8%, #c09e44 35%, #ceaa49 66%, #fffc92 100%);--banner-edge:#c09e44;--banner-glow:#ebe22d99;--coin-glow:#ebe22dbf;z-index:20;background:#0009;animation:.18s ease-out both p1-in;position:absolute;inset:-16px -12px 0}@keyframes p1-in{0%{opacity:0}}.p1-banner,.p1-label,.p1-confirm{font-family:var(--font-black);color:#fff;text-shadow:calc(-3 * var(--u)) calc(3 * var(--u)) calc(4 * var(--u)) #0006;line-height:1}.p1-head{top:calc(31 * var(--u));justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0}.p1-coin{z-index:1;width:calc(70 * var(--u));height:auto;filter:drop-shadow(0 0 calc(8 * var(--u)) var(--coin-glow));flex:none;position:relative}.p1-banner{min-width:calc(168 * var(--u));height:calc(63.5 * var(--u));margin-left:calc(-16 * var(--u));justify-content:center;align-items:center;gap:calc(5 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(16 * var(--u));border:.5px solid var(--banner-edge);border-radius:calc(10.6 * var(--u));background:var(--banner-bg);box-shadow:0 0 calc(12 * var(--u)) calc(2 * var(--u)) var(--banner-glow), 0 calc(9 * var(--u)) calc(6 * var(--u)) #0000006e;white-space:nowrap;font-size:calc(20.6 * var(--u));letter-spacing:.02em;flex-direction:column;display:flex;position:relative}.p1-choice{left:calc(50 * var(--u));width:calc(330 * var(--u));height:calc(54 * var(--u));border:calc(2 * var(--u)) solid #fff;border-radius:calc(9 * var(--u));background:var(--choice-bg);text-align:left;cursor:pointer;padding:0;position:absolute}.p1.is-phase-2{--choice-bg:#4d4d4d;--amount-ink:#404040;--banner-bg:linear-gradient(180deg, #f2f2f2 0%, #f2f2f2 8%, #7a7a7a 35%, #595959 66%, #d4d4d4 100%);--banner-edge:#595959;--banner-glow:#ffffff73;--coin-glow:#ffffff8c}.p1.is-phase-3{--choice-bg:#ba5131;--amount-ink:#ba5131;--banner-bg:linear-gradient(180deg, #ffd9c9 0%, #ffd9c9 8%, #a3452a 35%, #ba5131 66%, #ff9c73 100%);--banner-edge:#a3452a;--banner-glow:#ff78468c;--coin-glow:#ff7846b3}.p1-choice.is-wide .p1-label{width:calc(240 * var(--u))}.p1-choice.is-first{top:calc(133 * var(--u))}.p1-choice.is-second{top:calc(226 * var(--u))}.p1-choice.is-third{top:calc(319 * var(--u))}.p1-choice.is-picked{background:#92d050}.p1-choice:disabled{cursor:default}.p1-choice:disabled:not(.is-picked){opacity:.55}.p1-amount{left:calc(3 * var(--u));top:calc(5.5 * var(--u));width:calc(68 * var(--u));height:calc(39 * var(--u));border-radius:calc(6.5 * var(--u));font-family:var(--font-display);font-weight:800;font-size:calc(30 * var(--u));color:var(--amount-ink);font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;place-items:center;line-height:1;display:grid;position:absolute}.p1-amount.is-long{font-size:calc(19 * var(--u))}.p1-amount.is-dash{color:#8b6930;text-shadow:calc(1.5 * var(--u)) calc(1.5 * var(--u)) calc(2 * var(--u)) #0006}.p1-label{top:50%;left:calc(76 * var(--u));width:calc(150 * var(--u));font-size:calc(17.6 * var(--u));text-align:center;white-space:nowrap;flex-direction:column;align-items:center;line-height:1.12;display:flex;position:absolute;transform:translateY(-50%)}.p1-label.is-mid{font-size:calc(15.5 * var(--u))}.p1-label.is-small{font-size:calc(13.5 * var(--u))}.p1-face{z-index:2;right:calc(9 * var(--u));bottom:calc(-8 * var(--u));width:auto;height:calc(78 * var(--u));filter:drop-shadow(0 2px 3px #00000059);pointer-events:none;position:absolute}.p1-face-slot{right:calc(13 * var(--u));top:calc(-9.5 * var(--u));width:calc(58 * var(--u));height:calc(71 * var(--u));border:calc(2 * var(--u)) solid #fff;pointer-events:none;background:#ceaa49;position:absolute}.p1-confirm{top:calc(318 * var(--u));left:calc(215 * var(--u));width:calc(140 * var(--u));height:calc(33 * var(--u));border:calc(2 * var(--u)) solid #fff;border-radius:calc(5.5 * var(--u));color:#d9d9d9;font-size:calc(20.6 * var(--u));cursor:default;background:#d1d1d1;padding:0;position:absolute;transform:translate(-50%)}.p1-confirm:disabled{color:#d9d9d9}.p1-confirm.is-ready,.p1-confirm.is-ready:disabled{color:#fff;cursor:pointer;background:#8ed973}.p1-confirm.is-ready:disabled{opacity:.7;cursor:default}@media (prefers-reduced-motion:reduce){.p1{animation:none}}.pp-bp.is-preview{color:#00b050}.pp-slot-new{z-index:1;min-width:46px;font-family:var(--font-display);color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#8ed973;border-radius:3px;padding:2px 4px 1px;font-size:15px;font-weight:900;line-height:14px;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.pp-slot.is-refresh:after{content:"";pointer-events:none;border:3px solid #00b050;position:absolute;inset:-30px -4px -28px;box-shadow:0 0 9px 1px #4ea72e99,inset 0 0 8px #4ea72e4d}.refresh-box{pointer-events:none;border:3px solid #00b050;position:absolute;inset:-3px -5px -2px;box-shadow:0 0 9px 1px #4ea72e99,inset 0 0 8px #4ea72e59}.refresh-pill{min-width:44px;font-family:var(--font-display);color:#fff;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;background:#8ed973;border-radius:3px;padding:2px 5px 1px;font-size:16px;font-weight:900;line-height:15px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.refresh-coin{width:25px;height:25px;position:absolute;top:-1px;left:-18px}.sprite img.refresh-fist{filter:drop-shadow(0 0 7px #5cd63cbf);pointer-events:none;width:38px;height:auto;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}.pp-slot.is-filled img.pp-slot-fist{z-index:2;object-fit:contain;filter:drop-shadow(0 0 7px #5cd63cbf);pointer-events:none;width:40px;height:auto;inset:-77px auto auto 50%;transform:translate(-50%)}.csheet-bp-box.is-commander{background-color:var(--rank-commander)}.csheet-bp-box.is-general{background-color:var(--rank-general)}.csheet-bp-box.is-minion{background-color:var(--rank-minion)}.csheet-piece-rank{align-items:center;gap:calc(var(--atk-u) * .09);padding-left:calc(var(--atk-u) * .05);color:#000;display:inline-flex}.csheet-piece-rank.is-commander{background:var(--rank-commander)}.csheet-piece-rank.is-general{background:var(--rank-general)}.csheet-piece-rank.is-minion{background:var(--rank-minion)}.csheet-piece-rank .rank-coin{width:calc(var(--atk-u) * .46);height:calc(var(--atk-u) * .46)}.reel{max-width:var(--app-max-width);margin:0 auto;padding:18px 14px 40px}.reel-title{margin-bottom:6px;font-size:24px}.reel-note{color:var(--ink-muted);margin:0 0 12px;font-size:14px}.reel-list{flex-wrap:wrap;gap:8px;display:flex}.reel.is-clean>:not(.shot-layer){visibility:hidden}.sprite.is-purgatory img{filter:grayscale()brightness(.8);opacity:.8}.sprite.is-projection img{opacity:.55;filter:saturate(.55)brightness(1.2)drop-shadow(0 0 5px #ba8cdcf2)}.avatar-attacks{--atk-u:54px;font-family:var(--font-body);gap:6px;margin-top:8px;display:grid}.pp2{grid-template-columns:99px minmax(0,1fr);grid-template-areas:"bar bar""face roster""face stats""chips end";column-gap:9px;margin:14px 0 4px;display:grid}.pp2-bar{grid-area:bar;align-items:center;margin:0 0 24px;display:flex;position:relative}.pp2-suit{z-index:1;width:40px;height:40px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.pp2-name{padding-left:34px;padding-right:22px}.pp2-crown.rank-coin{z-index:1;flex:none;width:46px;height:46px;margin:-10px -6px -10px -20px;position:relative}.pp2-portrait{grid-area:face;align-self:stretch;width:99px;height:auto;min-height:109px}.pp2-roster{grid-area:roster;align-self:end;margin-top:0}.pp2-stats{grid-area:stats;margin:8px 0 0}.pp-slot.is-open{background:#ffffff8c}.pp-slot.is-lost{background:#7a706a;border-color:#000}.rank-tag{pointer-events:none;align-items:center;display:flex}.rank-tag-bp{font-family:var(--font-display);color:#000;white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--rank-commander);border-radius:3px;font-weight:900}.rank-tag.is-general .rank-tag-bp{background:var(--rank-general)}.rank-tag.is-minion .rank-tag-bp{background:var(--rank-minion)}.pp-slot .rank-tag{height:16px;position:absolute;bottom:calc(100% + 3px);left:-3px}.pp-slot .rank-tag .rank-coin{z-index:1;flex:none;width:17px;height:17px;position:relative;top:auto;left:auto;transform:none}.rank-tag.is-board{position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.rank-tag.is-board .rank-coin{z-index:1;width:calc(var(--sq) * .46);height:calc(var(--sq) * .46);flex:none;position:relative}.rank-tag.is-board .rank-tag-bp{margin-left:calc(var(--sq) * -.16);padding:calc(var(--sq) * .03) calc(var(--sq) * .08) calc(var(--sq) * .01) calc(var(--sq) * .2);font-size:calc(var(--sq) * .3);line-height:calc(var(--sq) * .28);box-shadow:0 1px 3px #0006}.pp-slot.is-refresh:after{bottom:-4px}.pp2-chips{grid-area:chips;gap:4px;margin-top:8px;display:flex}.pp2-chip{border:2px solid #1d2733;border-radius:5px;place-items:center;width:30px;height:38px;display:grid;position:relative;box-shadow:0 1px 3px #00000059}.pp2-chip.is-level{color:#f5d33a;font-family:var(--font-display);background:#2f5fa6;border-color:#e02020;grid-template-rows:auto 1fr;gap:0;padding-top:2px;font-weight:900}.pp2-chip-label{font-size:9px;line-height:1}.pp2-chip-num{font-size:24px;line-height:.9}.pp2-chip.is-enhance{background:#f2d33c}.pp2-chip.is-meta{background:#000}.pp2-chip img{object-fit:contain;width:20px;height:22px}.pp2-chip-count{font-family:var(--font-display);color:#000;font-size:10px;font-weight:900;line-height:1;position:absolute;bottom:0;right:2px}.pp2-chip.is-meta .pp2-chip-count{color:#fff}.pp2-end{font-family:var(--font-black);color:#fff;text-shadow:-2px 2px 3px #0006;cursor:pointer;background:#8ed973;border:2px solid #fff;border-radius:6px;grid-area:end;place-self:center end;margin-top:8px;padding:6px 22px 5px;font-size:19px;line-height:1;box-shadow:0 2px 4px #0000004d}.pp2-end:disabled{opacity:.7;cursor:default}.p1-buttons{left:0;right:0;top:calc(292 * var(--u));justify-content:center;gap:calc(42 * var(--u));display:flex;position:absolute}.p1:not(.is-phase-2):not(.is-phase-3) .p1-buttons{top:calc(305 * var(--u));gap:calc(20 * var(--u))}.p1-buttons .p1-confirm{width:calc(134 * var(--u));height:calc(30 * var(--u));position:static;transform:none}.p1-btn{width:calc(116 * var(--u));height:calc(30 * var(--u));border:calc(2 * var(--u)) solid #fff;border-radius:calc(5.5 * var(--u));font-family:var(--font-black);font-size:calc(19 * var(--u));color:#fff;cursor:pointer;padding:0;line-height:1}.p1-btn.is-board{font-family:var(--font-display);font-weight:800;font-size:calc(18 * var(--u));background:#000}.p1-btn:disabled{opacity:.7;cursor:default}.p1-slot{left:calc(50 * var(--u));width:calc(330 * var(--u));position:absolute}.p1-slot.is-first{top:calc(133 * var(--u))}.p1-slot.is-second{top:calc(226 * var(--u))}.p1.is-phase-3 .p1-slot.is-first{top:calc(126 * var(--u))}.p1.is-phase-3 .p1-slot.is-second{top:calc(209 * var(--u))}.p1.is-three .p1-slot.is-first{top:calc(112 * var(--u))}.p1.is-three .p1-slot.is-second{top:calc(186 * var(--u))}.p1.is-three .p1-slot.is-third{top:calc(260 * var(--u))}.p1.is-three .p1-buttons{top:calc(326 * var(--u))}.p1-slot>.p1-choice{width:100%;display:block;position:relative;top:auto;left:auto}.p1-choice.has-side .p1-label{width:calc(220 * var(--u))}.p1-note{margin:calc(3 * var(--u)) 0 0 calc(-9 * var(--u));font-family:var(--font-display);font-weight:800;font-size:calc(11 * var(--u));color:#fff;text-shadow:0 1px 2px #0009;line-height:1}.p1-types{right:calc(13 * var(--u));top:calc(-9.5 * var(--u));width:calc(58 * var(--u));height:calc(71 * var(--u));border:calc(2 * var(--u)) solid #fff;pointer-events:none;display:flex;position:absolute}.p1-types>span{flex:1}.p1-promote-coin{right:calc(2 * var(--u));top:calc(-12 * var(--u));width:calc(82 * var(--u));pointer-events:none;position:absolute}.p1-promote-coin img{filter:hue-rotate(180deg)saturate(.55)brightness(1.35)drop-shadow(0 2px 3px #00000059);width:100%;display:block}.p1-promote-coin .rank-coin{right:calc(-2 * var(--u));top:calc(-2 * var(--u));width:calc(34 * var(--u));height:calc(34 * var(--u));position:absolute}.p1-aside{left:calc(318 * var(--u));top:calc(10 * var(--u));width:calc(90 * var(--u));font-family:var(--font-display);font-weight:800;font-size:calc(11 * var(--u));color:#fff;text-align:center;text-shadow:0 1px 2px #0009;margin:0;line-height:1.15;position:absolute}.p1-aside b{color:#ff4b3e}.p1-back{z-index:20;font-family:var(--font-display);color:#fff;cursor:pointer;background:#000;border:2px solid #fff;border-radius:999px;padding:7px 16px 6px;font-size:16px;font-weight:800;line-height:1;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000073}.pp2-stats{gap:4px}.pp2-stats .pp-stat{border-radius:7px;grid-template-rows:18px 25px;grid-template-columns:19px minmax(0,1fr);gap:2px;padding:3px}.pp2-stats .pp-stat img{grid-row:1;width:19px;height:19px}.pp2-stats .pp-stat-label{text-align:right;white-space:nowrap;grid-column:2;font-size:10.5px;overflow:hidden}.pp2-stats .pp-stat-box{grid-column:1/3;height:25px;margin-left:12px}.pp2-stats .pp-stat-num{font-size:22px}.pp2-stats .pp-stat-num.is-long{font-size:17px}.pp-slot .rank-tag{height:14px;left:-2px}.pp-slot .rank-tag .rank-coin{width:15px;height:15px}.pp-slot .rank-tag-bp{margin-left:-5px;padding:1px 2px 0 6px;font-size:11.5px;line-height:12px}.p1-aside{font-size:calc(12 * var(--u));width:calc(96 * var(--u));left:calc(314 * var(--u))}.p1-note{font-size:calc(11.5 * var(--u))}.pp2-stats .pp-stat{grid-template-columns:auto auto;justify-content:center;column-gap:3px}.pp2-stats .pp-stat img{grid-area:1/1;width:17px;height:17px}.pp2-stats .pp-stat-label{text-align:left;grid-area:1/2}.pp2-stats .pp-stat-box{grid-area:2/1/auto/3;width:100%;margin-left:0}.pp2-bar{margin-bottom:18px}.p1:not(.is-phase-2):not(.is-phase-3) .p1-buttons{gap:calc(24 * var(--u))}.p1:not(.is-phase-2):not(.is-phase-3) .p1-buttons .p1-confirm,.p1:not(.is-phase-2):not(.is-phase-3) .p1-buttons .p1-btn{width:calc(128 * var(--u));height:calc(32 * var(--u))}.pp-slot.is-refresh:after{content:none}.p1{bottom:-24px}.p1-note{margin-left:0}.pp2-actions{grid-area:end;place-self:center end;align-items:center;gap:8px;margin-top:8px;display:flex}.pp2-actions .pp2-end{background:#a3161f;margin-top:0;padding:6px 16px 5px}.pp2-next{background:var(--next,#404040);font-family:var(--font-black);color:#fff;text-shadow:-2px 2px 3px #0006;cursor:pointer;border:2px solid #fff;border-radius:6px;padding:6px 16px 5px;font-size:19px;line-height:1;box-shadow:0 2px 4px #0000004d}.pp2-next.is-to-2{--next:#404040}.pp2-next.is-to-3{--next:#ba5131}.pp2-next.is-to-4{--next:#406049}.pp2-next:disabled{opacity:.7;cursor:default}.pp2-actions .pp2-next,.pp2-actions .pp2-end{text-align:center;width:124px;padding-left:0;padding-right:0}.check-scrim{z-index:60;background:#0000008c;place-items:center;padding:16px;animation:.15s ease-out both p1-in;display:grid;position:fixed;inset:0}.check-box{color:#fff;background:#241a12;border:2px solid #fff;border-radius:12px;width:min(100%,340px);padding:18px 18px 16px;box-shadow:0 10px 30px #00000080}.check-title{font-family:var(--font-black);text-align:center;margin:0;font-size:20px;line-height:1.15}.check-sub{font-family:var(--font-display);color:#e9dcc5;margin:12px 0 4px;font-size:15px;font-weight:700}.check-list{font-family:var(--font-display);margin:0;padding-left:20px;font-size:17px;font-weight:800;line-height:1.35}.check-buttons{justify-content:center;gap:10px;margin-top:16px;display:flex}.check-back,.check-go{width:124px;font-family:var(--font-black);color:#fff;text-shadow:-2px 2px 3px #0006;cursor:pointer;border:2px solid #fff;border-radius:6px;padding:7px 0 6px;font-size:17px;line-height:1}.check-back{background:#000}.check-go,.check-go.is-to-2{background:#404040}.check-go.is-to-3{background:#ba5131}.check-go.is-to-4{background:#406049}.check-go.is-end{background:#a3161f}.check-go:disabled{opacity:.7;cursor:default}@media (prefers-reduced-motion:reduce){.check-scrim{animation:none}}.panel-title,.section-label,.dethrone-title,.reconnect-title,.btn,.action-row-label,.move-confirm-go,.p1-btn.is-board,.p1-back{font-family:var(--font-black);font-weight:400}.section-label{letter-spacing:.04em}.move-confirm-go{letter-spacing:.02em}.panel-title.is-name{font-family:var(--font-display);font-weight:700}.csheet-attack-name,.csheet-ability-name,.csheet-piece-rank{font-family:var(--font-display);font-weight:800}.p3-body{top:calc(104 * var(--u));align-items:center;gap:calc(7 * var(--u));flex-direction:column;display:flex;position:absolute;left:0;right:0}.p3-rules{box-sizing:border-box;width:calc(374 * var(--u));padding:calc(5 * var(--u)) calc(10 * var(--u)) calc(5 * var(--u)) calc(24 * var(--u));border-radius:calc(8 * var(--u));font-family:var(--font-body);font-size:calc(11.5 * var(--u));color:#fff;background:#0000008c;margin:0;line-height:1.28}.p3-rules li+li{margin-top:calc(1 * var(--u))}.p3-rules b{font-family:var(--font-display);font-weight:800;font-size:calc(12.5 * var(--u));color:#ffd24a;white-space:nowrap}.p3-body>.p1-slot{width:calc(330 * var(--u));margin-top:calc(10 * var(--u));position:relative;top:auto;left:auto}.p3-body>.p1-buttons{margin-top:calc(4 * var(--u));gap:calc(24 * var(--u));position:static}.p3-body>.p1-buttons .p1-confirm,.p3-body>.p1-buttons .p1-btn{width:calc(128 * var(--u));height:calc(32 * var(--u))}.p3-square{background:#ffffff40}.p3-bp-change{font-family:var(--font-display);letter-spacing:.02em;font-weight:800}.p3-other{margin:calc(10 * var(--u)) auto 0;padding:calc(5 * var(--u)) calc(12 * var(--u));border:calc(1.5 * var(--u)) solid #fff;font-family:var(--font-black);font-size:calc(12 * var(--u));color:#fff;cursor:pointer;background:#0000008c;border-radius:999px;display:block}.p3-promote-coin{display:block;position:relative}.p3-promote-coin img{filter:hue-rotate(180deg)saturate(.55)brightness(1.35);width:100%;display:block}.p3-promote-coin .rank-coin{right:calc(-4 * var(--u));top:calc(-4 * var(--u));width:calc(30 * var(--u));height:calc(30 * var(--u));position:absolute}.sprite .refresh-fist.is-coin{filter:drop-shadow(0 0 7px #5aaaffd9);pointer-events:none;width:34px;height:34px;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}.pp-slot.is-filled .pp-slot-fist.is-coin{z-index:2;filter:drop-shadow(0 0 7px #5aaaffd9);pointer-events:none;width:34px;height:34px;position:absolute;top:-72px;left:50%;transform:translate(-50%)}.p3-action{left:calc(75 * var(--u));top:calc(5.5 * var(--u));width:calc(46 * var(--u));height:calc(39 * var(--u));justify-content:center;align-items:center;gap:calc(1 * var(--u));border-radius:calc(6.5 * var(--u));color:var(--stat-actions);font-family:var(--font-display);background:#fff;flex-direction:column;line-height:1;display:flex;position:absolute}.p3-action span{font-weight:800;font-size:calc(10.5 * var(--u));letter-spacing:.02em}.p3-action b{font-weight:800;font-size:calc(22 * var(--u));font-variant-numeric:tabular-nums}.p1-choice.p3-bar .p1-label{left:calc(124 * var(--u));width:calc(134 * var(--u));font-size:calc(14.5 * var(--u))}.p1-label .p3-sub{font-size:calc(11.5 * var(--u));opacity:.9}.p3-spawn-coin{display:block;position:relative}.p3-spawn-coin img{width:100%;display:block}.p3-spawn-coin .rank-coin{right:calc(-4 * var(--u));top:calc(-4 * var(--u));width:calc(30 * var(--u));height:calc(30 * var(--u));position:absolute}.p3-rules .p3-suit{vertical-align:-.22em;width:1.15em;height:1.15em}.p1-types>span{place-items:center;min-width:0;display:grid}.p1-types .suit-mark{width:80%;max-width:calc(34 * var(--u));height:auto}.pp-slot.is-open.is-lit{background:#ffffffe6;animation:1.6s ease-in-out infinite pp-slot-lit;box-shadow:0 0 6px 2px #fffffff2,0 0 14px 3px #ffeca0b3}@keyframes pp-slot-lit{50%{box-shadow:0 0 9px 3px #fff,0 0 20px 5px #ffeca0d9}}.sprite.sprite-promote{filter:drop-shadow(0 6px 8px #00000080)drop-shadow(0 0 5px #5ab2ff)drop-shadow(0 0 10px #5ab2ff);animation:1.6s ease-in-out infinite sprite-promote-pulse}@keyframes sprite-promote-pulse{50%{filter:drop-shadow(0 6px 8px #00000080)drop-shadow(0 0 9px #5ab2ff)drop-shadow(0 0 16px #5ab2ff)}}.pp-slot.is-promote:after{content:"";pointer-events:none;border:3px solid #fff;position:absolute;inset:-4px;box-shadow:0 0 9px 2px #ffffffbf}@media (prefers-reduced-motion:reduce){.pp-slot.is-open.is-lit,.sprite.sprite-promote{animation:none}}.p1.is-sub .p3-body{top:calc(100 * var(--u));gap:calc(6 * var(--u))}.p1.is-sub .p3-rules{font-size:calc(11 * var(--u));padding-top:calc(4 * var(--u));padding-bottom:calc(4 * var(--u));line-height:1.22}.p1.is-sub .p3-body>.p1-slot{margin-top:calc(9 * var(--u))}.p1.is-sub .p3-body>.p1-buttons{margin-top:calc(2 * var(--u))}.p1.is-sub .p3-body>.p1-buttons .p1-confirm,.p1.is-sub .p3-body>.p1-buttons .p1-btn{height:calc(30 * var(--u))}.p1.is-promote .p3-body>.p1-buttons{margin-top:calc(10 * var(--u))}.spawn-list{margin-top:12px}.spawn-row{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}.recruit-tile.is-eligible{border:3px solid var(--type-frame);border-radius:3px}.recruit-tile.is-eligible.is-picked{color:#fff;background:#5f9c34;box-shadow:0 0 0 3px #92d050}.spawn-list .section-label{color:#fff;text-shadow:0 1px 3px #000000b3}.p1{left:max(-12px, calc(50% - var(--app-max-width) / 2));right:max(-12px, calc(50% - var(--app-max-width) / 2))}.p1.is-phase-4{--choice-bg:#406049;--amount-ink:#d0342c;--banner-bg:linear-gradient(180deg, #d9efd9 0%, #d9efd9 8%, #3f6a4a 35%, #406049 66%, #a6d6ad 100%);--banner-edge:#2f4f38;--banner-glow:#78dc8c73;--coin-glow:#78dc8c99}.p4 .p1-head{top:calc(22 * var(--u))}.p4 .p1-banner{min-width:calc(190 * var(--u));margin-left:0}.p4-hint{left:0;right:0;top:calc(96 * var(--u));font-family:var(--font-display);font-weight:800;font-size:calc(15 * var(--u));color:#fff;text-align:center;text-shadow:0 1px 3px #000000b3;margin:0;position:absolute}.p4-slot{width:calc(178 * var(--u));align-items:center;display:flex;position:absolute}.p4-slot.is-attack{left:calc(22 * var(--u));top:calc(122 * var(--u))}.p4-slot.is-ability{left:calc(22 * var(--u));top:calc(178 * var(--u))}.p4-slot.is-card{left:calc(22 * var(--u));top:calc(234 * var(--u))}.p4-slot.is-move{left:calc(222 * var(--u));top:calc(122 * var(--u))}.p4-coin{z-index:1;width:calc(50 * var(--u));height:calc(50 * var(--u));margin-right:calc(-8 * var(--u));filter:drop-shadow(0 0 calc(5 * var(--u)) #ffffff59);flex:none;position:relative}.p4-coin img{object-fit:contain;width:100%;height:100%;display:block}.p4-slot>.p1-choice.p4-bar{width:auto;height:calc(48 * var(--u));flex:1;position:relative;top:auto;left:auto}.p4-slot.is-move .p4-bar{background:var(--stat-moves)}.p4-bar .p1-amount{left:calc(12 * var(--u));top:calc(5 * var(--u));width:calc(44 * var(--u));height:calc(34 * var(--u));font-size:calc(26 * var(--u))}.p4-slot>.p1-choice.p4-bar .p1-label{left:calc(58 * var(--u));width:calc(64 * var(--u));font-size:calc(17 * var(--u))}.p4.is-piece .p4-slot{left:calc(150 * var(--u))}.p4.is-piece .p4-slot.is-attack{top:calc(104 * var(--u))}.p4.is-piece .p4-slot.is-move{top:calc(160 * var(--u))}.p4.is-piece .p4-slot.is-ability{top:calc(216 * var(--u))}.p4-who{left:calc(34 * var(--u));top:calc(118 * var(--u));align-items:center;gap:calc(4 * var(--u));flex-direction:column;display:flex;position:absolute}.p4-who-face{width:calc(88 * var(--u));height:calc(88 * var(--u));object-fit:cover;border:calc(2 * var(--u)) solid #fff;border-radius:calc(6 * var(--u));background:#fff3}.p4-who .rank-tag{position:static}.c2-tiles{left:0;right:0;top:calc(106 * var(--u));justify-content:center;gap:calc(22 * var(--u));display:flex;position:absolute}.c2-tile{align-items:center;gap:calc(4 * var(--u));cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:relative}.c2-tile-label{font-family:var(--font-black);font-size:calc(17 * var(--u));color:#fff;text-shadow:0 1px 3px #000000b3;line-height:1}.c2-tile-face{width:calc(82 * var(--u));height:calc(112 * var(--u));border:calc(2 * var(--u)) solid #ffffffd9;border-radius:calc(10 * var(--u));box-shadow:0 0 calc(10 * var(--u)) calc(2 * var(--u)) #ffffff73;place-items:center;display:grid}.c2-tile.is-meta .c2-tile-face{background:#000}.c2-tile.is-enhance .c2-tile-face{background:#f2d33c}.c2-tile.is-quest .c2-tile-face{background:#4a87c9}.c2-tile-face img{width:62%;height:auto}.c2-tile-face svg{width:70%;height:auto}.c2-tile.is-quest.is-open .c2-tile-face{border:calc(3.5 * var(--u)) solid #e02020}.c2-tile.is-quest.is-ready .c2-tile-face{border:calc(3.5 * var(--u)) solid #92d050;box-shadow:0 0 calc(14 * var(--u)) calc(4 * var(--u)) #92d050cc}.c2-tile-count{right:calc(-6 * var(--u));bottom:calc(-6 * var(--u));padding:calc(1 * var(--u)) calc(6 * var(--u));border:calc(1.5 * var(--u)) solid #fff;font-family:var(--font-display);font-weight:800;font-size:calc(13 * var(--u));color:#fff;background:#241a12;border-radius:999px;position:absolute}.p1.c2{background:#000000c7}.c2-top{left:calc(16 * var(--u));right:calc(16 * var(--u));top:calc(12 * var(--u));justify-content:space-between;align-items:center;gap:calc(8 * var(--u));display:flex;position:absolute}.c2-title{font-family:var(--font-black);font-weight:400;font-size:calc(20 * var(--u));color:#fff;margin:0;line-height:1.05}.c2-filter{gap:calc(4 * var(--u));flex:none;display:flex}.c2-chip{padding:calc(3 * var(--u)) calc(8 * var(--u)) calc(2 * var(--u));border:calc(1.5 * var(--u)) solid #fff;font-family:var(--font-display);font-weight:800;font-size:calc(12 * var(--u));color:#fff;cursor:pointer;background:0 0;border-radius:999px;line-height:1.1}.c2-chip.is-on{color:#241a12;background:#fff}.c2-body{left:0;right:0;top:calc(44 * var(--u));bottom:calc(50 * var(--u));padding:0 calc(16 * var(--u));scrollbar-width:thin;position:absolute;overflow-y:auto}.c2-level{margin-bottom:calc(8 * var(--u))}.c2-level-name{margin:calc(4 * var(--u)) 0;font-family:var(--font-black);font-weight:400;font-size:calc(13 * var(--u));color:#fff}.c2-row{gap:calc(7 * var(--u));padding:calc(4 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u));scrollbar-width:none;display:flex;overflow-x:auto}.c2-row::-webkit-scrollbar{display:none}.c2-row.is-wrap{flex-wrap:wrap;overflow-x:visible}.c2-card{align-items:center;gap:calc(2 * var(--u));width:calc(74 * var(--u));padding:calc(3 * var(--u));border:calc(1.5 * var(--u)) solid #ffffffb3;border-radius:calc(6 * var(--u));cursor:pointer;flex-direction:column;flex:none;display:flex;position:relative}.c2-card.is-meta{color:#fff;background:#121212}.c2-card.is-enhancement{color:#241a12;background:#f2d33c}.c2-card.is-quest{color:#fff;background:#2f6fb0}.c2-card-name{-webkit-line-clamp:2;min-height:2em;font-family:var(--font-display);font-weight:800;font-size:calc(10 * var(--u));text-align:center;-webkit-box-orient:vertical;line-height:1;display:-webkit-box;overflow:hidden}.c2-card-art{aspect-ratio:1;object-fit:cover;border-radius:calc(3 * var(--u));background:#ffffff26;width:100%;display:block}.c2-card-foot{font-family:var(--font-display);font-weight:700;font-size:calc(9 * var(--u));letter-spacing:.04em;text-transform:uppercase;opacity:.85}.c2-card-have{top:calc(-6 * var(--u));right:calc(-6 * var(--u));padding:calc(1 * var(--u)) calc(5 * var(--u));font-family:var(--font-display);font-weight:800;font-size:calc(11 * var(--u));color:#241a12;background:#ffd24a;border-radius:999px;position:absolute}.c2-card.is-get{box-shadow:0 0 0 calc(2.5 * var(--u)) #92d050, 0 0 calc(10 * var(--u)) #92d050d9}.c2-card.is-chosen{box-shadow:0 0 0 calc(3 * var(--u)) #92d050;transform:translateY(calc(-3 * var(--u)))}.c2-card.is-mine{box-shadow:0 0 0 calc(2.5 * var(--u)) #ffd24a}.c2-none,.c2-sub{margin:calc(2 * var(--u)) 0 calc(4 * var(--u));font-family:var(--font-body);font-size:calc(12 * var(--u));color:#fffc}.c2-none{font-style:italic}.c2-how{font-family:var(--font-display);font-weight:700;font-size:calc(12.5 * var(--u));color:#fff;margin:0;line-height:1.3}.c2-how .rank-coin{width:calc(15 * var(--u));height:calc(15 * var(--u));vertical-align:-.2em;display:inline-block}.c2-mini{width:calc(12 * var(--u));height:calc(16 * var(--u));border:calc(1 * var(--u)) solid #fff;border-radius:calc(2 * var(--u));vertical-align:-.25em;place-items:center;display:inline-grid}.c2-mini.is-meta{background:#000}.c2-mini.is-enhance{background:#f2d33c}.c2-mini.is-quest{background:#4a87c9}.c2-mini img,.c2-mini svg{width:75%;height:auto}.c2-buttons{left:0;right:0;bottom:calc(10 * var(--u));justify-content:center;gap:calc(24 * var(--u));display:flex;position:absolute}.c2-buttons .p1-btn{width:calc(116 * var(--u));height:calc(30 * var(--u))}.c2-confirm-row{margin-top:calc(6 * var(--u));justify-content:space-between;align-items:center;display:flex}.c2-confirm-row .p1-confirm{width:calc(128 * var(--u));height:calc(30 * var(--u));position:static;transform:none}.c2-mine{gap:calc(10 * var(--u));margin-top:calc(2 * var(--u));padding:calc(6 * var(--u));border:calc(2.5 * var(--u)) solid #ffffff4d;border-radius:calc(8 * var(--u));background:#ffffff0f;align-items:center;display:flex}.c2-mine.is-open{border-color:#e02020}.c2-mine.is-ready{box-shadow:0 0 calc(10 * var(--u)) #92d050b3;border-color:#92d050}.c2-mine-text{gap:calc(2 * var(--u));color:#fff;flex-direction:column;min-width:0;display:flex}.c2-mine-kicker{font-family:var(--font-display);font-weight:700;font-size:calc(11 * var(--u));letter-spacing:.08em;text-transform:uppercase;opacity:.8}.c2-mine-name{font-family:var(--font-display);font-weight:800;font-size:calc(17 * var(--u));line-height:1.05}.c2-mine-level{font-family:var(--font-display);font-weight:700;font-size:calc(12 * var(--u))}.c2-mine-status{font-family:var(--font-body);font-size:calc(12 * var(--u));margin:0;line-height:1.3}.c2-mine-go{margin:calc(8 * var(--u)) 0 calc(2 * var(--u))}.c2-detail{color:#fff;background:#241a12;border:2px solid #fff;border-radius:12px;width:min(100%,340px);max-height:calc(100vh - 32px);padding:14px 16px;overflow-y:auto;box-shadow:0 10px 30px #00000080}.c2-face{border:2px solid #fffc;border-radius:10px;flex-direction:column;align-items:center;gap:6px;width:220px;margin:0 auto;padding:8px 10px;display:flex}.c2-face.is-meta{color:#fff;background:#121212}.c2-face.is-enhancement{color:#241a12;background:#f2d33c}.c2-face.is-quest{color:#fff;background:#2f6fb0}.c2-face-name{font-family:var(--font-display);text-align:center;font-size:19px;font-weight:800;line-height:1.05}.c2-face-art{object-fit:cover;background:#ffffff26;border-radius:6px;width:170px;height:170px}.c2-face-desc{font-family:var(--font-body);text-align:center;margin:0;font-size:14px;line-height:1.35}.c2-face-foot{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:700}.c2-have-line{font-family:var(--font-display);text-align:center;color:#ffd24a;margin:8px 0 0;font-size:15px;font-weight:800}.c2-acts{gap:8px;margin-top:12px;display:grid}.c2-act{gap:3px;display:grid}.c2-act-btn{width:100%;font-family:var(--font-black);color:#fff;text-shadow:-2px 2px 3px #00000059;cursor:pointer;background:#404040;border:2px solid #fff;border-radius:8px;padding:9px 10px 8px;font-size:14px;line-height:1.15}.c2-act-btn.is-play{background:#406049}.c2-act-btn:disabled{opacity:.8;cursor:default;background:#6b6259}.c2-act-why{font-family:var(--font-body);color:#e8dcc8;text-align:center;margin:0;font-size:12.5px;line-height:1.3}.c2-close{margin:14px auto 0;display:block}.p1-skip{z-index:2;top:calc(10 * var(--u));right:calc(12 * var(--u));padding:calc(5 * var(--u)) calc(14 * var(--u)) calc(4 * var(--u));border:calc(1.5 * var(--u)) solid #fff;border-radius:calc(5.5 * var(--u));font-family:var(--font-black);font-size:calc(13 * var(--u));color:#fff;text-shadow:calc(-1.5 * var(--u)) calc(1.5 * var(--u)) calc(2 * var(--u)) #0006;cursor:pointer;background:#8ed973;line-height:1;position:absolute;box-shadow:0 1px 3px #0006}.p1-skip.is-to-2{background:#404040}.p1-skip.is-to-3{background:#ba5131}.p1-skip.is-to-4{background:#406049}.p1-skip:disabled{opacity:.7;cursor:default}.p3-others{justify-content:center;gap:calc(8 * var(--u));margin-top:calc(10 * var(--u));display:flex}.p3-others .p3-other{margin:0}.cards-toggle{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.cards-toggle-label{font-family:var(--font-display);margin-right:4px;font-size:18px;font-weight:800}.cards-toggle-btn{min-width:64px;font-family:var(--font-black);color:#241a12;cursor:pointer;background:0 0;border:2px solid #241a12;border-radius:999px;padding:6px 14px 5px;font-size:15px}.cards-toggle-btn.is-on{color:#fff;background:#241a12}.cards-toggle-note{font-family:var(--font-body);color:var(--text-muted,#6b5a42);flex-basis:100%;margin:0;font-size:13px;line-height:1.35}.ar-backdrop{z-index:900;background:#000000d6;justify-content:center;animation:.18s ease-out both p1-in;display:flex;position:fixed;inset:0}.ar{--u:min(1px, calc(100vw / 430));width:100%;max-width:var(--app-max-width);max-height:100%;padding:calc(22 * var(--u)) calc(16 * var(--u)) calc(28 * var(--u));gap:calc(12 * var(--u));flex-direction:column;display:flex;overflow-y:auto}.ar-head{justify-content:center;align-items:center;display:flex}.ar-coin{z-index:1;width:calc(70 * var(--u));height:calc(70 * var(--u));border:calc(3 * var(--u)) solid var(--frame);object-fit:cover;box-shadow:0 0 calc(10 * var(--u)) #ff4632b3;background:#1d1a17;border-radius:50%;flex:none;position:relative}.ar-banner{min-width:calc(190 * var(--u));height:calc(60 * var(--u));margin-left:calc(-16 * var(--u));justify-content:center;align-items:center;gap:calc(5 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(18 * var(--u));border-radius:calc(10.6 * var(--u));box-shadow:0 0 calc(12 * var(--u)) calc(2 * var(--u)) #ff463280, 0 calc(9 * var(--u)) calc(6 * var(--u)) #0000006e;font-family:var(--font-black);font-size:calc(19 * var(--u));color:#fff;white-space:nowrap;text-shadow:calc(-2 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u)) #00000073;background:linear-gradient(#ffc9c0 0% 8%,#a3261c 35%,#b8342a 66%,#ff8a73 100%);border:.5px solid #7a1a14;flex-direction:column;line-height:1;display:flex}.ar-banner span+span{font-family:var(--font-display);font-weight:800;font-size:calc(17 * var(--u));letter-spacing:.02em}.ar-card{--atk-u:min(59.3px, calc((100vw - 32px) / 7.25));padding:calc(var(--atk-u) * .14);border-radius:calc(var(--atk-u) * .08);font-family:var(--font-body);box-shadow:0 2px 8px #00000073}.ar-card .csheet-attack-row{margin:0}.ar-ability{border:2px solid;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.ar-ability-name{font-family:var(--font-display);font-size:20px;font-weight:800;line-height:1}.ar-ability-effect{font-family:var(--font-body);font-size:14px;line-height:1.35}.ar-plain{font-family:var(--font-black);color:#fff;text-align:center;font-size:20px}.ar-section{font-family:var(--font-display);font-weight:800;font-size:calc(15 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:#ffd0c8}.ar-hits{gap:calc(10 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ar-hit{grid-template-columns:calc(72 * var(--u)) 1fr calc(64 * var(--u));align-items:center;column-gap:calc(10 * var(--u));padding:calc(5 * var(--u)) calc(6 * var(--u)) calc(5 * var(--u)) calc(4 * var(--u));border:calc(2 * var(--u)) solid #fff;border-radius:calc(9 * var(--u));background:#7a2a22;grid-template-areas:"amount who face""notes notes notes";display:grid;position:relative}.ar-hit.is-defeated{background:#3a3a3a}.ar-amount{height:calc(40 * var(--u));border-radius:calc(6.5 * var(--u));font-family:var(--font-display);font-weight:800;font-size:calc(28 * var(--u));color:#d0342c;font-variant-numeric:tabular-nums;background:#fff;grid-area:amount;place-items:center;line-height:1;display:grid}.ar-amount.is-up{color:#00b050}.ar-who{gap:calc(3 * var(--u));flex-direction:column;grid-area:who;min-width:0;display:flex}.ar-name{font-family:var(--font-black);font-size:calc(17 * var(--u));color:#fff;text-shadow:calc(-2 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u)) #0006;line-height:1.05}.ar-bp{align-items:center;gap:calc(5 * var(--u));font-family:var(--font-display);font-weight:800;font-size:calc(16 * var(--u));color:#fff;font-variant-numeric:tabular-nums;line-height:1;display:flex}.ar-rank{width:calc(18 * var(--u));height:calc(18 * var(--u));flex:none}.ar-face{width:calc(56 * var(--u));height:calc(56 * var(--u));border:calc(2 * var(--u)) solid var(--frame);border-radius:calc(6 * var(--u));object-fit:cover;background:#1d1a17;grid-area:face;justify-self:end}.ar-hit.is-defeated .ar-face{filter:grayscale()brightness(.7)}.ar-notes{gap:calc(2 * var(--u));padding:calc(6 * var(--u)) calc(4 * var(--u)) calc(2 * var(--u));font-family:var(--font-body);font-weight:700;font-size:calc(13.5 * var(--u));color:#ffe2dc;flex-direction:column;grid-area:notes;line-height:1.25;display:flex}.ar-none{font-family:var(--font-body);font-size:calc(15 * var(--u));color:#fff;margin:0}.ar-next{align-self:center;align-items:center;gap:calc(2 * var(--u));min-width:calc(150 * var(--u));margin-top:calc(6 * var(--u));padding:calc(8 * var(--u)) calc(24 * var(--u)) calc(7 * var(--u));border:calc(2 * var(--u)) solid #fff;border-radius:calc(5.5 * var(--u));font-family:var(--font-black);font-size:calc(21 * var(--u));color:#fff;text-shadow:calc(-3 * var(--u)) calc(3 * var(--u)) calc(4 * var(--u)) #0006;cursor:pointer;background:#8ed973;flex-direction:column;line-height:1;display:flex}.ar-more{font-family:var(--font-display);font-weight:800;font-size:calc(12 * var(--u));letter-spacing:.04em;text-shadow:none}@media (prefers-reduced-motion:reduce){.ar-backdrop{animation:none}}.stage{transform-origin:0 0;transition:transform .35s}.board-wrap.is-zoomed{overflow:clip}.move-confirm{scale:var(--unzoom,1);transform-origin:0 0}.board-zoom{z-index:5;font-family:var(--font-display);color:#fff;cursor:pointer;background:#0000008c;border:1.5px solid #fff;border-radius:999px;align-items:center;gap:4px;padding:4px 9px 4px 6px;font-size:13px;font-weight:800;line-height:1;display:flex;position:absolute;top:8px;left:10px;box-shadow:0 1px 3px #0006}.board-zoom.is-on{color:#1d1a17;background:#fff}.board-zoom svg{width:17px;height:17px}.board-zoom:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.stage{transition:none}}.ar-backdrop.is-mine .ar-banner{box-shadow:0 0 calc(12 * var(--u)) calc(2 * var(--u)) #78dc8c73, 0 calc(9 * var(--u)) calc(6 * var(--u)) #0000006e;background:linear-gradient(#d9efd9 0% 8%,#3f6a4a 35%,#406049 66%,#a6d6ad 100%);border-color:#2f5f37}.ar-backdrop.is-mine .ar-coin{box-shadow:0 0 calc(10 * var(--u)) #78dc8cb3}.ar-backdrop.is-mine .ar-section{color:#cfe9cf}.board-wrap{padding-top:var(--top-room,0px)}.board-wrap.is-picking-pieces .sprite:not(.sprite-glow):not(.sprite-picked){opacity:.3;filter:saturate(.6)}.p4n{--atk-u:42px;flex-direction:column;gap:6px;padding:8px 10px 12px;display:flex}.p4n-strip{align-items:stretch;gap:6px;display:flex}.p4n-count{font-family:var(--font-display);letter-spacing:.03em;color:#fff;background:var(--stat-actions);border:0;border-radius:9px;align-items:center;gap:6px;padding:4px 9px;font-size:15px;font-weight:700;display:inline-flex}.p4n-count b{color:#1d1d1d;background:#fff;border-radius:6px;padding:2px 7px;font-size:20px;font-weight:800;line-height:1}.p4n-count.is-moves{background:var(--stat-moves);cursor:pointer}.p4n-count.is-moves.is-on{box-shadow:0 0 0 3px #ffe14d}.p4n-count.is-moves:disabled{opacity:.55;cursor:default}.p4n-btn-card{cursor:pointer;font-family:var(--font-black);color:#fff;background:#2f7a4f;border:0;border-radius:9px;padding:0 12px;font-size:14px}.p4n-end{color:#fff;cursor:pointer;font-family:var(--font-black);text-shadow:-2px 2px 3px #0006;background:#8ed973;border:2px solid #fff;border-radius:8px;margin-left:auto;padding:5px 16px 4px;font-size:17px;line-height:1;box-shadow:0 2px 4px #0000004d}.p4n-end:disabled,.p4n-btn-card:disabled{opacity:.6;cursor:default}.p4n-tabs{z-index:1;gap:5px;padding-top:2px;display:flex;position:relative}.p4n-slot{flex-direction:column;flex:0 56px;align-items:flex-start;gap:2px;min-width:0;display:flex}.p4n-slot .rank-tag{transform-origin:0 100%;transform:scale(.92)}.p4n-tab{aspect-ratio:1;cursor:pointer;background:#ffffff8c;border:2px solid #fff;border-radius:4px 4px 0 0;place-items:center;width:100%;padding:3px;display:grid}.p4n-tab img{object-fit:contain;width:100%;height:100%}.p4n-tab.is-on{border-bottom:0;margin-bottom:-8px;padding-bottom:11px}.p4n-tab.is-dim img{opacity:.45;filter:grayscale(.6)}.p4n-tab:focus-visible{outline-offset:1px;outline:3px solid #ffe14d}.p4n-square{border-radius:0 12px 12px;flex-direction:column;gap:5px;padding:8px;display:flex;box-shadow:0 2px 6px #00000040}.p4n-row{color:#1b1a17;text-align:left;cursor:pointer;width:100%;min-height:38px;font:inherit;background:#fff;border:0;border-radius:9px;align-items:center;gap:7px;padding:4px 8px;display:flex;box-shadow:0 1px 2px #0000002e}.p4n-row:hover:not(:disabled){box-shadow:0 0 0 2px #ffe14d,0 1px 2px #0000002e}.p4n-row:focus-visible{outline-offset:1px;outline:3px solid #ffe14d}.p4n-row.is-off{cursor:default;background:#ffffff9e}.p4n-row.is-off .atk-cost-pill,.p4n-row.is-off .p4n-syms,.p4n-row.is-off .p4n-name b,.p4n-row.is-off .p4n-ability-tag{opacity:.8;filter:grayscale(.35)}.p4n-row.is-off .p4n-name b{color:#4a443c}.p4n-row.is-bonus{box-shadow:0 0 0 2px #ffe14d,0 1px 2px #0000002e}.p4n-row.is-ability{background:#fbf7ff}.p4n-row.is-ability.is-off{background:#fbf7ff9e}.p4n-name{flex-direction:column;flex:1;min-width:0;display:flex}.p4n-name b{font-family:var(--font-black);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:14.5px;font-weight:400;line-height:1.1;display:flex;overflow:hidden}.p4n-name small{font-family:var(--font-body);color:#5b534a;margin-top:1px;font-size:11.5px;line-height:1.2}.p4n-name small.is-why{color:#8d2a2a;font-size:12px;font-style:italic}.p4n-name small.is-does{color:#4f4840;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.p4n-lock{vertical-align:-1px;fill:#7a2323;width:11px;height:11px;margin-right:3px}.p4n-glyph{fill:none;stroke:#8a8378;stroke-width:1.8px;stroke-linejoin:round;flex:none;width:13px;height:13px}.p4n-glyph .coin-dots{display:none}.p4n-syms{flex:none;align-items:center;gap:4px;display:inline-flex}.p4n-syms .atk-reticle{display:none}.p4n-syms.is-boost .atk-damage{box-shadow:0 0 0 2px #ffe14d}.p4n-ability-tag{font-family:var(--font-display);letter-spacing:.04em;color:#6b4c8a;text-transform:uppercase;flex:none;font-size:13px;font-weight:700}.p4n-passives{flex-wrap:wrap;gap:5px;margin-top:1px;display:flex}.p4n-chip{font-family:var(--font-display);letter-spacing:.02em;color:#fff;background:#fff3;border:1px solid #fff9;border-radius:999px;padding:4px 9px;font-size:13px;font-weight:700}.p4n-chip.is-off{opacity:.55;text-decoration:line-through}.p4n-chip.is-dark{color:#1b1a17;background:#f1ece3;border-color:#cfc6b7}.p4n-detail{color:#1b1a17;background:#fff;border-radius:11px;flex-direction:column;gap:7px;padding:10px 11px;display:flex;box-shadow:0 2px 5px #00000040}.p4n-detail-head{align-items:center;gap:7px;display:flex}.p4n-detail-head b{min-width:0;font-family:var(--font-black);flex:1;align-items:center;gap:5px;font-size:18px;font-weight:400;line-height:1.05;display:flex}.p4n-detail-head .p4n-syms{--atk-u:40px}.p4n-text{font-family:var(--font-body);margin:0;font-size:14px;line-height:1.35}.p4n-hits{flex-direction:column;gap:5px;display:flex}.p4n-hint{font-family:var(--font-body);color:#1f5f99;margin:0;font-size:13px;font-weight:700;line-height:1.3}.p4n-hint.is-none{color:#7a2323;font-style:italic;font-weight:400}.p4n-hit{width:100%;color:inherit;font:inherit;text-align:left;background:#fff;border:1.5px solid #ff3b3b;border-radius:9px;align-items:center;gap:9px;padding:6px 8px;display:flex}button.p4n-hit{cursor:pointer}.p4n-hit.is-ally{border-color:#ff9a2e}.p4n-hit.is-picked{background:#f2f7f3;border-color:#1f8f4e;box-shadow:inset 0 0 0 2px #35c46f}.p4n-hit img{object-fit:contain;background:#eef1f4;border-radius:6px;flex:none;width:38px;height:38px}.p4n-hit-who{flex-direction:column;flex:1;min-width:0;display:flex}.p4n-hit-who b{font-family:var(--font-black);font-size:14px;font-weight:400;line-height:1.1}.p4n-hit-who small{font-family:var(--font-body);color:#555;font-size:12px}.p4n-hit-bp{font-family:var(--font-display);white-space:nowrap;font-size:18px;font-weight:800}.p4n-hit-bp em{color:#c01818;font-style:normal}.p4n-hit.is-ally .p4n-hit-bp em{color:#c46207}.p4n-btns{align-items:stretch;gap:8px;display:flex}.p4n-btn{cursor:pointer;font-family:var(--font-black);color:#111;background:#fff;border:2px solid #00000059;border-radius:10px;place-items:center;padding:10px 12px;font-size:14px;display:grid}.p4n-btn.is-go{color:#fff;background:#2e8b57;border-color:#1f5f3c;flex:1;font-size:17px}.p4n-btn.is-go small{font-family:var(--font-display);letter-spacing:.04em;opacity:.9;margin-top:2px;font-size:12px;font-weight:800}.p4n-btn:disabled{opacity:.5;cursor:default}.p4n-error{color:#a3261c;background:#fff;border-radius:8px;margin:0;padding:6px 9px;font-size:13px}.hit-tag{left:50%;top:calc(100% - var(--sq,40px) * .12);z-index:3;white-space:nowrap;font-family:var(--font-display);font-weight:800;font-size:calc(var(--sq,40px) * .3);color:#fff;pointer-events:none;background:#d62828;border:1.5px solid #fff;border-radius:6px;padding:2px 6px;line-height:1.1;position:absolute;transform:translate(-50%);box-shadow:0 1px 3px #00000073}.hit-tag.is-ally{background:#e07b12}.hit-tag.is-picked{background:#1f8f4e}.p4n-enemy{--atk-u:30px;z-index:30;color:#1b1a17;background:#fbf8f2;border-radius:12px;flex-direction:column;width:min(66%,260px);max-height:78%;display:flex;position:absolute;top:8px;right:8px;overflow:hidden;box-shadow:0 4px 14px #00000073}.p4n-enemy-head{color:#fff;align-items:center;gap:7px;padding:6px 8px;display:flex}.p4n-enemy-head img{object-fit:contain;background:#ffffff40;border-radius:6px;width:34px;height:34px}.p4n-enemy-who{flex-direction:column;flex:1;min-width:0;display:flex}.p4n-enemy-who b{font-family:var(--font-black);font-size:15px;font-weight:400;line-height:1.1}.p4n-enemy-who small{font-family:var(--font-display);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.p4n-enemy-who .rank-coin{width:16px;height:16px}.p4n-enemy-x{color:#fff;cursor:pointer;background:#00000040;border:0;border-radius:50%;width:26px;height:26px;font-size:17px;line-height:1}.p4n-enemy-rows{flex-direction:column;gap:4px;padding:6px;display:flex;overflow-y:auto}.p4n-erow{background:#fff;border-radius:7px;align-items:center;gap:6px;padding:3px 6px;display:flex;box-shadow:0 1px 2px #00000026}.p4n-erow b{min-width:0;font-family:var(--font-black);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:4px;font-size:12.5px;font-weight:400;line-height:1.1;display:flex;overflow:hidden}.p4n-erow.is-off>*{opacity:.45}.p4n-enemy-full{cursor:pointer;font-family:var(--font-black);color:#1b1a17;background:#f1ece3;border:0;border-top:1px solid #e3dccf;padding:7px;font-size:13px}.board-flight{left:var(--x0);top:var(--y0);transform-origin:50% 85%;pointer-events:none;image-rendering:pixelated;opacity:0;filter:drop-shadow(0 2px 4px #00000073);position:absolute;transform:translate(-50%,-85%)}.board-flight.is-fly{animation:flight-fly var(--ms) cubic-bezier(.34, .06, .52, 1) var(--delay) both}.board-flight.is-appear{animation:flight-appear var(--ms) cubic-bezier(.2, .9, .3, 1.1) var(--delay) both}.board-flight.is-burst{animation:flight-burst var(--ms) ease-out var(--delay) both}@keyframes flight-fly{0%{left:var(--x0);top:var(--y0);opacity:0;transform:translate(-50%,-85%)scale(.55)}18%{opacity:1}85%{opacity:1}to{left:var(--x1);top:var(--y1);opacity:.9;transform:translate(-50%,-85%)scale(1.06)}}@keyframes flight-appear{0%{opacity:0;transform:translate(-50%,-62%)scale(.5)}55%{opacity:1;transform:translate(-50%,-88%)scale(1.06)}to{opacity:1;transform:translate(-50%,-85%)scale(1)}}@keyframes flight-burst{0%{opacity:0;transform:translate(-50%,-85%)scale(.45)}25%{opacity:1;transform:translate(-50%,-85%)scale(1.12)}to{opacity:0;transform:translate(-50%,-85%)scale(1.3)}}.sprite-fx-lunge .fx-lift{animation:fx-lunge var(--lunge-ms,.62s) cubic-bezier(.3, 0, .3, 1) both}@keyframes fx-lunge{0%{transform:none}38%{transform:translate(var(--lunge-x,0), var(--lunge-y,0)) scale(1.04)}52%{transform:translate(var(--lunge-x,0), var(--lunge-y,0)) scale(1.04)}to{transform:none}}@media (prefers-reduced-motion:reduce){.board-flight.is-fly,.board-flight.is-appear,.board-flight.is-burst{opacity:0;animation-duration:1ms;animation-delay:0s}.sprite-fx-lunge .fx-lift{animation:none}}.demo-screen{padding:12px 12px 40px}.demo-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-head h2{margin:4px 0 10px;font-family:Archivo Black,system-ui,sans-serif;font-size:22px}.demo-board{margin-bottom:14px}.demo-wait{text-align:center;opacity:.7;padding:40px 0;font-family:Barlow Condensed,system-ui,sans-serif}.demo-pickers{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.demo-pickers label{letter-spacing:.04em;text-transform:uppercase;flex-direction:column;flex:1;gap:3px;min-width:120px;font-family:Barlow Condensed,system-ui,sans-serif;font-size:13px;display:flex}.demo-pickers select{background:#fff;border:2px solid #00000059;border-radius:8px;padding:7px 6px;font-family:Lato,system-ui,sans-serif;font-size:15px}.demo-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.demo-row{text-align:left;cursor:pointer;background:#fffffff0;border:2px solid #00000059;border-radius:10px;align-items:center;gap:10px;width:100%;padding:7px 10px;display:flex}.demo-row.is-playing{border-color:#ffd640;box-shadow:0 0 0 3px #ffd64073}.demo-row img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated}.demo-row-name{flex-direction:column;flex:1;display:flex}.demo-row-name b{font-family:Archivo Black,system-ui,sans-serif;font-size:15px}.demo-row-name small{opacity:.7;font-family:Lato,system-ui,sans-serif;font-size:12px}.demo-row-go{letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-family:Barlow Condensed,system-ui,sans-serif;font-size:13px}.demo-link{letter-spacing:.06em;text-transform:uppercase;opacity:.8;cursor:pointer;background:0 0;border:none;margin:0 auto 10px;padding:4px 10px;font-family:Barlow Condensed,system-ui,sans-serif;font-size:14px;text-decoration:underline;display:block}.demo-slow.is-on{background:#ffd640;border-color:#00000080}.p4n-step-of{letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-family:Barlow Condensed,system-ui,sans-serif;font-size:12px}.p4n-step-chips{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.p4n-chip{color:#222;background:#ffffffe6;border-radius:999px;padding:2px 7px;font-family:Barlow Condensed,system-ui,sans-serif;font-size:12px}.p4n-step-faces{grid-template-columns:1fr 1fr;gap:6px;display:grid}.p4n-facepick{text-align:left;cursor:pointer;background:#fffffff2;border:2px solid #0000004d;border-radius:9px;align-items:center;gap:7px;padding:5px 7px;display:flex}.p4n-facepick img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated}.p4n-facepick.is-off{opacity:.55;cursor:not-allowed}.p4n-facepick-who{flex-direction:column;min-width:0;display:flex}.p4n-facepick-who b{font-family:Archivo Black,system-ui,sans-serif;font-size:13px}.p4n-facepick-who small{opacity:.75;font-family:Barlow Condensed,system-ui,sans-serif;font-size:12px}.p4n-step-opts{gap:6px;display:grid}.p4n-swatch{border:2px solid #00000059;border-radius:5px;flex:none;width:22px;height:22px}.ar-said{background:#0000000f;border-radius:8px;margin:0 0 8px;padding:7px 9px;font-family:Lato,system-ui,sans-serif;font-size:14px;line-height:1.35}.p4n-tab-card{color:#fff;letter-spacing:.08em;pointer-events:none;background:#0000008c;border-radius:3px;padding:0 3px;font-family:Barlow Condensed,system-ui,sans-serif;font-size:9px;line-height:1.4;position:absolute;bottom:2px;right:2px}.p4n-tab{position:relative}.gate{background:var(--sand,#e8dbbd);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:24px 18px;display:flex}.gate-logo{width:min(260px,70vw);height:auto}.gate-card{background:#fffffff5;border:2px solid #00000059;border-radius:16px;flex-direction:column;gap:10px;width:min(360px,100%);padding:20px;display:flex;box-shadow:0 6px 18px #00000038}.gate-card h1{margin:0;font-family:Archivo Black,system-ui,sans-serif;font-size:22px}.gate-card p{color:#4f4840;margin:0;font-family:Lato,system-ui,sans-serif;font-size:14px}.gate-input{letter-spacing:.14em;text-align:center;background:#fff;border:2px solid #0006;border-radius:10px;padding:10px 12px;font-family:Barlow Condensed,system-ui,sans-serif;font-size:26px}.gate-wrong{color:#8d2a2a;font-family:Lato,system-ui,sans-serif;font-size:14px;font-weight:700}.gate-note{opacity:.75;font-size:12.5px}