:root{--paper:#f1ecdf;--panel:#fffcf4;--ink:#17161d;--muted:#5b5866;--edge:#17161d;--dot:#17161d12;--accent:#f2c230;--accent-ink:#17161d;--focus:#1b6fd1;--danger:#c8432c;--night:#17161d;--on-night:#f4efe1;--hero:#1f6fb8;--villain:#8a2f86;--power:#c8432c;--gear:#56606c;--location:#2c8457;--starter:#7a7260;--archfoe:#24222c;--setback:#6e5a3a;--good:#23794f;--display:"Bowlby One","Arial Black",Impact,sans-serif;--cond:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Barlow",system-ui,-apple-system,sans-serif;--r:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#16151c;--panel:#221f2a;--ink:#efe9da;--muted:#a8a3b3;--edge:#d9d2bf;--dot:#efe9da0d;--focus:#6aa8ff;--starter:#7c7564;--archfoe:#0d0c12;--setback:#7c6644;--good:#4cc08a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#16151c;--panel:#221f2a;--ink:#efe9da;--muted:#a8a3b3;--edge:#d9d2bf;--dot:#efe9da0d;--focus:#6aa8ff;--starter:#7c7564;--archfoe:#0d0c12;--setback:#7c6644;--good:#4cc08a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:15px/1.45 var(--body);background-image:radial-gradient(var(--dot) 1.2px, transparent 1.3px);-webkit-tap-highlight-color:transparent;background-size:9px 9px}[hidden]{display:none!important}img{max-width:100%}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,h3,h4{text-wrap:balance;margin:0}p{margin:0}.wrap{max-width:1240px;padding-block:16px 56px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));flex-direction:column;gap:18px;margin:0 auto;display:flex}.muted{color:var(--muted)}.small{font-size:13.5px}.eyebrow{font:700 13px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.end{align-items:flex-end}.grow{flex:1;min-width:180px}.stack{flex-direction:column;gap:14px;display:flex}.panel{background:var(--panel);border:2.5px solid var(--edge);border-radius:var(--r);box-shadow:5px 5px 0 var(--edge);padding:16px}.zone{font:700 17px var(--cond);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.zone .muted{font:500 14px var(--body);letter-spacing:0;text-transform:none}.title{font-family:var(--display);overflow-wrap:anywhere;font-size:clamp(20px,3.6vw,30px)}label{font:600 14px var(--cond);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:4px;display:flex}label.check{text-transform:none;letter-spacing:0;font:500 14px var(--body);flex-direction:row;align-items:center;gap:6px}input[type=text],select{border:2px solid var(--edge);border-radius:var(--r);background:var(--paper);min-width:0;padding:8px 10px}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.btn{font:700 16px var(--cond);letter-spacing:.05em;text-transform:uppercase;border:2.5px solid var(--edge);background:var(--panel);border-radius:var(--r);cursor:pointer;box-shadow:3px 3px 0 var(--edge);padding:8px 15px;transition:transform 80ms,box-shadow 80ms}.btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--edge);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--edge);transform:translate(2px,2px)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.danger{background:var(--danger);color:#fff}.btn.ghost{box-shadow:none;background:0 0;border-width:2px}.btn.small{padding:5px 10px;font-size:14px}.btn.big{padding:11px 20px;font-size:19px}.btn:disabled{opacity:.45;cursor:not-allowed}.pill{font:700 12px var(--cond);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--edge);border-radius:99px;padding:2px 9px;display:inline-block}.pill.lobby{background:var(--accent);color:var(--accent-ink)}.pill.playing{background:var(--hero);color:#fff;border-color:var(--hero)}.pill.over{color:var(--muted);border-color:var(--muted)}.pill.yours{background:var(--accent);color:var(--accent-ink);animation:1.6s ease-in-out infinite nudge}.pill.mode{border-color:var(--muted);color:var(--muted);border-width:1.5px}.pill.you{background:var(--ink);color:var(--paper);vertical-align:2px;padding:0 7px;font-size:11px}.pill.conn{background:var(--danger);color:#fff;border-color:var(--danger)}@keyframes nudge{50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.pill.yours{animation:none}}.game-row.yours{background:color-mix(in srgb,var(--accent) 22%,var(--paper));box-shadow:3px 3px 0 var(--edge);border-width:2.5px}.lobby-seat.is-me{background:color-mix(in srgb,var(--accent) 18%,var(--paper))}.seat.is-me{border-style:double;border-width:4px}.invite{border:2px dashed var(--edge);border-radius:var(--r);background:var(--paper);flex-direction:column;gap:6px;padding:12px;display:flex}.invite input{min-width:0;font:14px ui-monospace,Menlo,monospace}.alt-mode summary{cursor:pointer;font:700 15px var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.alt-mode[open] summary{margin-bottom:10px}.panel.me.waiting{box-shadow:none;border-style:dashed}.panel.me.waiting .card{filter:saturate(.85)}.panel.me.active-turn{background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{font-family:var(--display);text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.25em;padding:0;font-size:clamp(26px,5vw,40px);line-height:.9;display:inline-flex}.burst-word{background:var(--accent);color:var(--accent-ink);border:3px solid var(--edge);box-shadow:4px 4px 0 var(--edge);padding:.12em .3em .08em;transform:rotate(-3deg)}.top-actions{flex-wrap:wrap;gap:8px;display:flex}.splash{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:24px;padding-block:8px;display:grid}@media (width<=760px){.splash{grid-template-columns:1fr}}.splash h1{font-family:var(--display);max-width:16ch;margin:6px 0 12px;font-size:clamp(30px,5.4vw,56px);line-height:1}.splash p{max-width:58ch}.splash-heroes{grid-template-columns:repeat(3,auto);justify-content:center;gap:14px 22px;display:grid}.splash-heroes .medal{width:clamp(64px,11vw,96px)}.sh{animation:3.2s ease-in-out infinite bob;animation-delay:calc(var(--i)*-.55s)}.sh:nth-child(2n){transform:translateY(18px)}@keyframes bob{50%{translate:0 -8px}}.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:18px;display:grid}@media (width<=760px){.home-grid{grid-template-columns:1fr}}.home-grid form{margin-top:12px}.game-list{flex-direction:column;gap:10px;display:flex}.game-row{border:2px solid var(--edge);border-radius:var(--r);background:var(--paper);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.gr-main{min-width:0}.gr-name{overflow-wrap:anywhere;font-size:17px;font-weight:700}.gr-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.lobby-seats{flex-direction:column;gap:10px;display:flex}.lobby-seat{border:2px solid var(--edge);border-radius:var(--r);background:var(--paper);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.ls-main{flex:1;min-width:180px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.hero-tile{border:2px solid var(--edge);border-radius:var(--r);background:var(--paper);align-items:center;gap:12px;padding:10px;display:flex}.hero-tile b{font:700 18px var(--cond);letter-spacing:.04em;text-transform:uppercase}.ghead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.turnflag{font:700 18px var(--cond);letter-spacing:.04em;text-transform:uppercase;border:2.5px solid var(--edge);border-radius:var(--r);background:var(--panel);padding:4px 12px}.turnflag.mine{background:var(--accent);color:var(--accent-ink)}.card{--tc:var(--starter);--icon-fill:var(--tc);aspect-ratio:5/7.2;text-align:left;background:var(--panel);width:100%;color:var(--ink);border:2.5px solid var(--edge);box-shadow:3px 3px 0 var(--edge);cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-radius:10px;flex-direction:column;margin:0;padding:0;transition:transform .14s ease-out,box-shadow .14s,filter .2s,opacity .2s;display:flex;position:relative;container-type:inline-size}.t-Hero{--tc:var(--hero)}.t-Villain{--tc:var(--villain)}.t-Power{--tc:var(--power)}.t-Gear{--tc:var(--gear)}.t-Location{--tc:var(--location)}.t-Starter{--tc:var(--starter)}.t-Archfoe{--tc:var(--archfoe);--icon-fill:var(--accent)}.t-Setback{--tc:var(--setback)}.c-head{background:var(--tc);color:#fff;border-bottom:2.5px solid var(--edge);border-radius:7px 7px 0 0;align-items:center;gap:5cqi;min-height:24cqi;padding:4cqi 5cqi;display:flex}.t-Archfoe .c-head{border-bottom-color:var(--accent)}.c-cost{background:var(--accent);width:17cqi;height:17cqi;color:var(--accent-ink);border:2px solid var(--edge);font:9.5cqi/1 var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.c-name{font:700 10.6cqi/1.02 var(--cond);letter-spacing:.01em}.c-art{border-bottom:2px solid var(--edge);background:radial-gradient(color-mix(in srgb,var(--tc) 30%,transparent) 1.1px, transparent 1.4px) 0 0/7px 7px, repeating-conic-gradient(from 4deg at 50% 60%, color-mix(in srgb,var(--tc) 20%,var(--panel)) 0 9deg, var(--panel) 9deg 18deg);flex:none;place-items:center;height:40cqi;display:grid;position:relative;overflow:hidden}.t-Archfoe .c-art{background:radial-gradient(circle at 50% 60%, color-mix(in srgb,var(--accent) 35%,var(--archfoe)) 0, var(--archfoe) 70%)}.art-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.art-icon{aspect-ratio:1;width:46cqi;filter:drop-shadow(1.5px 0 0 var(--edge)) drop-shadow(-1.5px 0 0 var(--edge)) drop-shadow(0 1.5px 0 var(--edge)) drop-shadow(0 -1.5px 0 var(--edge)) drop-shadow(3px 3px 0 var(--edge));display:block}.art-icon i{background:var(--icon-fill);width:100%;height:100%;-webkit-mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;display:block}.c-badge{background:var(--panel);color:var(--ink);border:2px solid var(--edge);font:700 8.5cqi var(--cond);border-radius:99px;padding:0 4cqi;position:absolute;top:4cqi;right:4cqi}.c-type{font:600 7cqi var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:2.5cqi 5cqi 0}.c-text{flex:1;padding:1.5cqi 5cqi;font-size:8.4cqi;line-height:1.24}.c-text b{font-weight:700}.c-foot{justify-content:space-between;align-items:flex-end;gap:4cqi;padding:0 4cqi 4cqi;display:flex}.c-vp{font:700 8.4cqi var(--cond);border:2px solid var(--edge);background:var(--paper);border-radius:4px;padding:0 3cqi}.c-vp.neg{background:var(--setback);color:#fff}.c-hint{font:700 8cqi var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--good)}.card.act{cursor:pointer}.card.act:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%), #ffffff59, transparent 55%);border-radius:8px;transition:opacity .2s;position:absolute;inset:0}.card.act:hover{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-5px);box-shadow:5px 8px 0 var(--edge);z-index:2}.card.act:hover:after{opacity:1}.card.act:active{box-shadow:1px 1px 0 var(--edge);transform:translateY(1px)scale(.98)}.card.can-buy{box-shadow:0 0 0 3px var(--accent), 0 0 22px 2px color-mix(in srgb,var(--accent) 70%,transparent), 3px 3px 0 var(--edge);animation:2.2s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 0 0 3px var(--accent), 0 0 8px 0 color-mix(in srgb,var(--accent) 40%,transparent), 3px 3px 0 var(--edge)}}.card.can-buy .c-hint{color:var(--accent-ink);background:var(--accent);border-radius:3px;padding:0 3cqi}.card.dim{filter:saturate(.55);opacity:.72}.card.destroyable{box-shadow:0 0 0 3px var(--danger), 3px 3px 0 var(--edge)}.card.destroyable .c-hint{color:var(--danger)}.card.empty{box-shadow:none;color:var(--muted);font:600 14px var(--cond);text-transform:uppercase;letter-spacing:.05em;text-align:center;background:0 0;border-style:dashed;place-items:center;padding:12px;display:grid}.card.empty.boss{border-color:var(--accent);color:var(--ink)}.mini{--tc:var(--starter);--icon-fill:var(--tc);border:2px solid var(--edge);background:var(--tc);color:#fff;height:36px;font:600 14px var(--cond);white-space:nowrap;box-shadow:2px 2px 0 var(--edge);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;padding:0 10px 0 3px;display:inline-flex}.mini.t-Archfoe{--icon-fill:var(--accent)}.m-art{background:var(--panel);border:1.5px solid var(--edge);border-radius:6px;flex:none;place-items:center;width:28px;height:28px;display:grid;position:relative;overflow:hidden}.m-art .art-icon{filter:none;width:22px}.mini-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mini-btn{cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.mini-btn:hover .mini{box-shadow:3px 4px 0 var(--edge);transform:translateY(-2px)}.mb-n{font:700 14px var(--cond)}.pile{text-align:center;align-content:start;justify-items:center;gap:2px;min-width:72px;display:grid}.pile-lbl{font:700 12px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pile-num{font:18px/1 var(--display);font-variant-numeric:tabular-nums}.pile-face{place-items:center;min-height:50px;display:grid}.void{font:22px var(--display);color:var(--muted)}.cardback{aspect-ratio:5/7.2;width:48px;position:relative}.cb-face,.cb-under{border:2px solid var(--edge);border-radius:6px;position:absolute;inset:0}.cb-under{background:var(--night);transform:translate(4px,4px)}.cb-under.two{transform:translate(2px,2px)}.cb-face{background:repeating-conic-gradient(from 0deg at 50% 50%, var(--hero) 0 15deg, color-mix(in srgb,var(--hero) 70%,var(--night)) 15deg 30deg);place-items:center;display:grid}.cb-logo{font:12px/1 var(--display);background:var(--accent);color:var(--accent-ink);border:2px solid var(--edge);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.board{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.board{grid-template-columns:1fr}}.lair-cards{grid-template-columns:repeat(2,138px);gap:12px;display:grid}.piles{justify-content:space-around;gap:14px;margin-top:14px;display:flex}.lineup-wrap{min-width:0}.lineup{scroll-snap-type:x proximity;grid-auto-columns:minmax(128px,1fr);grid-auto-flow:column;gap:12px;padding:4px 6px 10px 4px;display:grid;overflow-x:auto}.lineup>*{scroll-snap-align:start}.seats{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.seat{border:2.5px solid var(--edge);border-radius:var(--r);background:var(--panel);align-items:flex-start;gap:10px;min-width:0;padding:10px 12px;display:flex}.seat.turn{background:color-mix(in srgb,var(--accent) 24%,var(--panel));box-shadow:4px 4px 0 var(--edge)}.seat-main{flex-direction:column;gap:3px;min-width:0;display:flex}.seat-name{overflow-wrap:anywhere;font-weight:700}.seat-hero{font:700 14px var(--cond);letter-spacing:.06em;text-transform:uppercase}.seat-counts{font:600 14px var(--cond);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:12px;display:flex}.seat-vp{color:var(--good);font-weight:700}.seat-locs{flex-wrap:wrap;gap:5px;margin-top:3px;display:flex}.seat-locs .mini{height:28px;font-size:12.5px}.seat-locs .m-art{width:22px;height:22px}.seat-locs .m-art .art-icon{width:17px}.medal{--hc:var(--hero);aspect-ratio:1;border:3px solid var(--edge);width:52px;box-shadow:2px 2px 0 var(--edge);background:radial-gradient(circle at 35% 30%, color-mix(in srgb,var(--hc) 55%,#fff), var(--hc) 70%);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.medal .art-icon{--icon-fill:#fff;width:66%}.medal.big{width:80px}.medal.unknown{font:24px var(--display);color:var(--muted);background:var(--paper)}.h-nightjar{--hc:#2a4a7a}.h-paragon{--hc:#c8432c}.h-beacon{--hc:#d79b16}.h-voltage{--hc:#1a9fb3}.h-hexwright{--hc:#7a3796}.h-ironclad{--hc:#5d6672}.me{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=860px){.me{grid-template-columns:1fr}}.me-side{flex-direction:column;gap:14px;display:flex}.me-hero{align-items:center;gap:12px;display:flex}.me-hero h3{font-family:var(--display);overflow-wrap:anywhere;font-size:22px}.me-main{flex-direction:column;gap:14px;min-width:0;display:flex}.me-buttons{flex-wrap:wrap;gap:10px;display:flex}.me-piles{gap:18px;display:flex}.meter{filter:drop-shadow(2px 0 0 var(--edge)) drop-shadow(-2px 0 0 var(--edge)) drop-shadow(0 2px 0 var(--edge)) drop-shadow(0 -2px 0 var(--edge)) drop-shadow(4px 4px 0 var(--edge));align-items:center;gap:12px;display:flex}.m-num{background:var(--accent);width:92px;height:92px;color:var(--accent-ink);font:38px/1 var(--display);font-variant-numeric:tabular-nums;clip-path:polygon(50% 0%,60.6% 10.4%,75% 6.7%,79% 21%,93.3% 25%,89.6% 39.4%,100% 50%,89.6% 60.6%,93.3% 75%,79% 79%,75% 93.3%,60.6% 89.6%,50% 100%,39.4% 89.6%,25% 93.3%,21% 79%,6.7% 75%,10.4% 60.6%,0% 50%,10.4% 39.4%,6.7% 25%,21% 21%,25% 6.7%,39.4% 10.4%);place-items:center;display:grid}.m-lbl{font:700 18px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--panel);border-radius:4px;padding:2px 10px}.hand{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;padding:4px;display:grid}@media (width<=600px){.hand{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:136px;grid-auto-flow:column;padding-bottom:12px;overflow-x:auto}.hand>*{scroll-snap-align:start}}.prompt{border:3px solid var(--edge);background:color-mix(in srgb,var(--danger) 14%,var(--panel));border-radius:var(--r);flex-direction:column;gap:8px;padding:12px;display:flex}.prompt strong{font:700 19px var(--cond);letter-spacing:.03em}.curtain{text-align:center;justify-items:center;gap:12px;padding-block:36px;display:grid}.curtain h3{font-family:var(--display);font-size:clamp(24px,5vw,34px)}.tray{flex-direction:column;gap:14px;min-width:0;display:flex}.tray-bar{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.tray-note{flex-basis:100%}.tray-status{font-size:15px}.long{display:inline}.short{display:none}.install{align-items:center;gap:14px;display:flex}.install img{border:2.5px solid var(--edge);border-radius:12px;flex:none}.stack-sm{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.ios-share{border:1.5px solid;border-radius:4px;padding:0 3px;font-size:12px;line-height:1.3;display:inline-block}.alert-tip{border:2px dashed var(--accent);border-radius:var(--r);padding:10px 12px}.zoom-go{justify-content:center;min-width:min(300px,78vw)}.log-panel{padding-block:10px}.log-toggle{cursor:pointer;background:0 0;border:0;margin:0;padding:0}.log{flex-direction:column;gap:2px;max-height:280px;font-size:14px;display:flex;overflow:auto}.log div{border-bottom:1px dotted color-mix(in srgb,var(--edge) 30%,transparent);padding:2px 0}.log .turnline{font:700 14px var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.final{border-width:3px;flex-direction:column;gap:10px;display:flex}.scores{flex-direction:column;gap:8px;display:flex}.score{border:2px solid var(--edge);border-radius:var(--r);background:var(--paper);align-items:center;gap:12px;padding:8px 12px;display:flex}.score .medal{width:40px}.score.win{background:var(--accent);color:var(--accent-ink)}.sc-name{flex:1;min-width:0}.sc-pts{font:22px var(--display);font-variant-numeric:tabular-nums}.rules-cols{columns:2 300px;column-gap:28px}.rules section{break-inside:avoid;margin-bottom:12px}.rules h4{font:700 17px var(--cond);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px}.rules p,.rules ul{max-width:62ch}.rules ul{margin:0;padding-left:18px}#fx{pointer-events:none;z-index:50;position:fixed;inset:0}.flyer{pointer-events:none;z-index:55;position:fixed}.flyer>*{width:100%;height:100%;margin:0}.flyer>.card{animation:none;box-shadow:8px 12px #00000038}.burst{z-index:60;pointer-events:none;filter:drop-shadow(2px 0 0 var(--edge)) drop-shadow(-2px 0 0 var(--edge)) drop-shadow(0 2px 0 var(--edge)) drop-shadow(0 -2px 0 var(--edge)) drop-shadow(4px 5px 0 var(--edge));animation:1.2s cubic-bezier(.2,.9,.3,1.2) forwards burst-pop;position:fixed}.burst span{font:clamp(22px,4.6vw,40px)/1 var(--display);text-transform:uppercase;white-space:nowrap;background:var(--accent);color:var(--accent-ink);clip-path:polygon(50% 0%,57.6% 16.9%,71.7% 5%,71.2% 23.4%,89.1% 18.8%,80.6% 35.2%,98.7% 38.9%,84% 50%,98.7% 61.1%,80.6% 64.8%,89.1% 81.2%,71.2% 76.6%,71.7% 95%,57.6% 83.1%,50% 100%,42.4% 83.1%,28.3% 95%,28.8% 76.6%,10.9% 81.2%,19.4% 64.8%,1.3% 61.1%,16% 50%,1.3% 38.9%,19.4% 35.2%,10.9% 18.8%,28.8% 23.4%,28.3% 5%,42.4% 16.9%);padding:1em 1.2em;display:block}.burst.block span{background:var(--hero);color:#fff}.burst.boss span{background:var(--danger);color:#fff;font-size:clamp(26px,5.4vw,48px)}@keyframes burst-pop{0%{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(.2);opacity:0}16%{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1.18);opacity:1}28%{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1)}78%{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1);opacity:1}to{transform:translate(-50%,-62%) rotate(var(--tilt)) scale(1.04);opacity:0}}.float{z-index:61;pointer-events:none;font:700 24px var(--cond);color:var(--danger);white-space:nowrap;text-shadow:2px 0 0 var(--panel),-2px 0 0 var(--panel),0 2px 0 var(--panel),0 -2px 0 var(--panel);animation:1.15s ease-out forwards float-up;position:fixed;transform:translate(-50%)}.float.hero{color:var(--hero);font-size:20px}@keyframes float-up{0%{opacity:0;translate:0 10px}15%{opacity:1}to{opacity:0;translate:0 -54px}}.spotlight{z-index:52;background:radial-gradient(circle at var(--x) var(--y), transparent var(--r), #08080cbd calc(var(--r) + 70px));position:fixed;inset:0}.banner-fx{z-index:70;text-align:center;pointer-events:none;background:var(--night);color:var(--on-night);border-block:4px solid var(--accent);padding-block:16px 18px;animation:1.9s cubic-bezier(.2,.8,.2,1) forwards banner-sweep;position:fixed;top:36%;left:-5%;right:-5%}.banner-fx.boss{border-color:var(--danger)}.bf-title{font:clamp(30px,7vw,64px)/1 var(--display);color:var(--accent);text-transform:uppercase;overflow-wrap:anywhere;padding-inline:16px}.bf-sub{font:700 clamp(16px,2.6vw,22px) var(--cond);letter-spacing:.22em;text-transform:uppercase;margin-top:6px}@keyframes banner-sweep{0%{transform:translate(-105%)skewY(-3deg)}16%{transform:translate(0)skewY(-3deg)}80%{opacity:1;transform:translate(0)skewY(-3deg)}to{opacity:.6;transform:translate(105%)skewY(-3deg)}}.confetti{z-index:80;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#zoom{z-index:90;cursor:zoom-out;background:#08080ca8;place-content:center;justify-items:center;gap:14px;padding:16px;display:grid;position:fixed;inset:0}#zoom p{color:#f4efe1;font:600 15px var(--cond);letter-spacing:.08em;text-transform:uppercase}.zoom-card{width:min(300px,78vw);animation:.22s cubic-bezier(.2,.9,.3,1.2) zoom-in}@keyframes zoom-in{0%{opacity:0;transform:scale(.6)}}.toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--night);color:var(--on-night);border-radius:var(--r);z-index:95;border:2px solid var(--accent);max-width:calc(100% - 32px);padding:10px 16px;font-weight:600;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.sh,.card.can-buy{animation:none}.burst,.banner-fx{animation:1.3s forwards fade-out}.burst{transform:translate(-50%,-50%)}.float{animation:1.1s forwards fade-out}.card,.card.act:hover{transition:none;transform:none}@keyframes fade-out{0%,70%{opacity:1}to{opacity:0}}}html{touch-action:manipulation}@media (hover:none){.card.act:hover{transform:none}.card.act:hover:after{opacity:0}.card.act:not(.can-buy):not(.destroyable):hover{box-shadow:3px 3px 0 var(--edge)}.btn:hover:not(:disabled){box-shadow:3px 3px 0 var(--edge);transform:none}}@media (width<=700px){.wrap{padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:calc(var(--tray-h,0px) + 28px);gap:12px}.topbar{flex-wrap:nowrap;gap:6px}.logo{flex:none;font-size:20px}.top-actions{flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;display:flex}.top-actions .btn{min-height:38px;box-shadow:2px 2px 0 var(--edge);padding:5px 8px;font-size:13px}.top-actions .pill.conn{padding:2px 6px;font-size:10px}.long{display:none}.short{display:inline}.panel{box-shadow:3px 3px 0 var(--edge);padding:12px}.btn{min-height:44px}.btn.small{min-height:36px}input[type=text],select{min-height:44px;font-size:16px}.ghead{gap:6px 10px}.ghead .title{font-size:20px}.turnflag{padding:3px 9px;font-size:15px}.zone{margin-bottom:6px;font-size:15px}.zone .muted{font-size:12.5px}.board{gap:12px}.lair{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:0 12px;display:grid}.lair>.zone{grid-column:1/-1}.lair-cards{grid-template-columns:repeat(2,100px);gap:8px}.piles{flex-direction:column;justify-content:flex-start;gap:6px;margin:0}.piles .pile{text-align:left;border-bottom:1px dotted color-mix(in srgb,var(--edge) 35%,transparent);align-items:center;gap:8px;min-width:0;padding:4px 0;display:flex}.piles .pile-lbl{flex:1;font-size:11px}.piles .pile-num{font-size:16px}.piles .cardback{width:26px}.piles .pile-face{min-height:0}.piles .pile-face .mini{gap:0;height:26px;padding:0 6px 0 2px;font-size:0}.piles .pile-face .m-art{width:20px;height:20px}.piles .void{text-align:center;width:26px;font-size:18px}.lineup{grid-auto-columns:106px;gap:8px;margin-inline:-16px;padding-inline:16px}.seats{scroll-snap-type:x proximity;gap:8px;margin-inline:-16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.seat{scroll-snap-align:start;flex:none;align-items:center;gap:8px;min-width:150px;padding:6px 10px}.seat .medal{border-width:2px;width:36px}.seat-hero,.seat-locs{display:none}.seat-name{font-size:14px}.seat-counts{gap:8px;font-size:13px}.me{gap:12px}.me-side{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px}.me-hero{flex:1;min-width:200px}.me-hero .medal.big{width:54px}.me-hero h3{font-size:18px}.me-hero .small{font-size:12.5px}.me-piles{gap:10px}.me-piles .cardback{width:36px}.active-turn .m-num{width:60px;height:60px;font-size:26px}.active-turn .m-lbl{font-size:14px}.tray{z-index:40;overscroll-behavior:contain;max-height:72vh;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:var(--panel);border-top:3px solid var(--edge);border-radius:16px 16px 0 0;gap:8px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 26px #0003}.tray.waiting{background:color-mix(in srgb,var(--paper) 55%,var(--panel))}.tray-bar{flex-wrap:nowrap;gap:10px}.tray .meter{gap:6px}.tray .m-num{width:52px;height:52px;font-size:22px}.tray .m-lbl{display:none}.tray .me-buttons{flex-wrap:nowrap;gap:8px;margin-left:auto}.tray .me-buttons .btn{padding:10px 13px;font-size:15px}.tray-note,.tray-hand .zone,.tray-played .zone,.tray-played.empty{display:none}.tray-played .mini-row{flex-wrap:nowrap;padding:2px 2px 4px;overflow-x:auto}.tray .hand{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:100px;grid-auto-flow:column;gap:8px;padding:4px 2px 6px;overflow-x:auto}.tray .hand>*{scroll-snap-align:start}.tray .hand-empty{padding:12px 0}.tray .prompt{gap:6px;padding:8px 10px}.tray .prompt strong{font-size:16px}.tray-status{font-size:14px}.toast{bottom:calc(var(--tray-h,0px) + 12px)}.lobby-seat select{flex:1}.rules-cols{columns:1}.install{align-items:flex-start}.install img{width:44px;height:44px}.game-row{flex-wrap:wrap}.banner-fx{top:28%}}