@font-face{font-family:"Jersey 10";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jersey-10-latin-400-normal-DrL73VYW.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Jersey 10";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jersey-10-latin-ext-400-normal-uIKqQSaG.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:dark;--bw-font: "Jersey 10", "DotGothic16", "Trebuchet MS", system-ui, sans-serif;--bw-fs-xs: clamp(.86rem, .82rem + .2vw, .96rem);--bw-fs-sm: clamp(1rem, .95rem + .25vw, 1.14rem);--bw-fs-md: clamp(1.15rem, 1.08rem + .3vw, 1.32rem);--bw-fs-lg: clamp(1.4rem, 1.28rem + .6vw, 1.8rem);--bw-fs-xl: clamp(1.8rem, 1.56rem + 1.2vw, 2.76rem);--bw-space-1: 4px;--bw-space-2: 8px;--bw-space-3: 12px;--bw-space-4: 16px;--bw-space-5: 24px;--bw-radius-sm: 6px;--bw-radius: 10px;--bw-radius-lg: 16px;--bw-border: 3px;--bw-touch: 44px;--bw-bg: #16181d;--bw-bg-stripe: #1d2027;--bw-surface: #2a2e37;--bw-surface-2: #353a45;--bw-surface-inset: #1f222a;--bw-line: #0b0c0f;--bw-line-inner: #4b5262;--bw-text: #f4f5f7;--bw-text-dim: #a8afbd;--bw-accent: #3aa3ff;--bw-accent-dark: #1f6fc0;--bw-box-bg: #fbfbfb;--bw-box-text: #2b2b2b;--bw-box-line: #5d6470;--bw-box-inner: #c9ced6;--bw-btn-blue: #4aa8ff;--bw-btn-blue-2: #2a7fd6;--bw-btn-blue-sh: #17508c;--bw-btn-red: #ff6a5c;--bw-btn-red-2: #d6433a;--bw-btn-red-sh: #8c2620;--bw-btn-green: #62d36b;--bw-btn-green-2: #34a845;--bw-btn-green-sh: #1d6b29;--bw-btn-gray: #e9ecf0;--bw-btn-gray-2: #c4cad3;--bw-btn-gray-sh: #7d8592;--bw-hp-high: #3fd16b;--bw-hp-mid: #f2c230;--bw-hp-low: #ef4b3c;--bw-hp-track: #3a3f4a;--bw-hp-label: #f2a33a;--bw-mana: #4fa8ff;--bw-cost-1: #9aa3ad;--bw-cost-2: #3fbf5f;--bw-cost-3: #3a8dff;--bw-cost-4: #b35cff;--bw-cost-5: #ffc02e;--bw-copper-1: #f0a878;--bw-copper-2: #b0643a;--bw-copper-3: #6e3a1e;--bw-silver-1: #f4f6f9;--bw-silver-2: #b8c0cc;--bw-silver-3: #6b7482;--bw-gold-1: #fff1a8;--bw-gold-2: #e3b22d;--bw-gold-3: #8a6410;--type-normal: #a8a77a;--type-fogo: #ee8130;--type-agua: #6390f0;--type-planta: #5fb53a;--type-eletrico: #e8bf12;--type-gelo: #5ec9c4;--type-lutador: #c22e28;--type-veneno: #a33ea1;--type-terra: #c9a447;--type-voador: #8f78e6;--type-psiquico: #f95587;--type-inseto: #94a815;--type-pedra: #b6a136;--type-fantasma: #735797;--type-dragao: #6f35fc;--type-sombrio: #705746;--type-aco: #9a9ab8;--type-fada: #d685ad;--bw-shadow: 0 6px 0 rgba(0, 0, 0, .35);--bw-focus: 0 0 0 3px #fff, 0 0 0 6px var(--bw-accent);--bw-speed: .12s}:root[data-theme=white]{color-scheme:light;--bw-bg: #e9edf2;--bw-bg-stripe: #dfe4ea;--bw-surface: #ffffff;--bw-surface-2: #f2f4f7;--bw-surface-inset: #e3e7ed;--bw-line: #4a515d;--bw-line-inner: #d5dae2;--bw-text: #22252b;--bw-text-dim: #5b6372;--bw-hp-track: #c9ced6;--bw-shadow: 0 6px 0 rgba(40, 50, 70, .18);--bw-focus: 0 0 0 3px #fff, 0 0 0 6px var(--bw-accent-dark)}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bw-bg: #e9edf2;--bw-bg-stripe: #dfe4ea;--bw-surface: #ffffff;--bw-surface-2: #f2f4f7;--bw-surface-inset: #e3e7ed;--bw-line: #4a515d;--bw-line-inner: #d5dae2;--bw-text: #22252b;--bw-text-dim: #5b6372;--bw-hp-track: #c9ced6;--bw-shadow: 0 6px 0 rgba(40, 50, 70, .18)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body.bw,.bw-root{min-height:100dvh;font-family:var(--bw-font);font-size:var(--bw-fs-md);line-height:1.25;font-synthesis:none;color:var(--bw-text);background-color:var(--bw-bg);background-image:repeating-linear-gradient(-45deg,var(--bw-bg) 0 14px,var(--bw-bg-stripe) 14px 28px);-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-x:hidden}.bw-sprite,.bw img.sprite{image-rendering:pixelated;image-rendering:crisp-edges}:focus-visible{outline:none;box-shadow:var(--bw-focus);border-radius:var(--bw-radius-sm)}.bw-title{font-size:var(--bw-fs-xl);font-weight:700;letter-spacing:.02em;margin:0 0 var(--bw-space-3);text-shadow:2px 2px 0 var(--bw-line)}.bw-subtitle{font-size:var(--bw-fs-lg);font-weight:700;margin:0 0 var(--bw-space-2)}.bw-dim{color:var(--bw-text-dim)}.bw-panel{position:relative;background:var(--bw-surface);border:var(--bw-border) solid var(--bw-line);border-radius:var(--bw-radius);box-shadow:inset 0 0 0 2px var(--bw-line-inner),var(--bw-shadow);padding:var(--bw-space-4)}.bw-panel--inset{background:var(--bw-surface-inset);box-shadow:inset 0 2px #00000040}.bw-panel__header{margin:calc(var(--bw-space-4) * -1) calc(var(--bw-space-4) * -1) var(--bw-space-3);padding:var(--bw-space-2) var(--bw-space-4);background:linear-gradient(var(--bw-accent),var(--bw-accent-dark));color:#fff;font-weight:700;border-bottom:var(--bw-border) solid var(--bw-line);border-radius:calc(var(--bw-radius) - 3px) calc(var(--bw-radius) - 3px) 0 0;text-shadow:1px 1px 0 rgba(0,0,0,.4)}.bw-textbox{position:relative;background:var(--bw-box-bg);color:var(--bw-box-text);border:var(--bw-border) solid var(--bw-box-line);border-radius:var(--bw-radius);box-shadow:inset 0 0 0 3px var(--bw-box-bg),inset 0 0 0 5px var(--bw-box-inner);padding:var(--bw-space-3) var(--bw-space-4) var(--bw-space-4);font-size:var(--bw-fs-md);min-height:4.2em}.bw-textbox--more:after{content:"▼";position:absolute;right:var(--bw-space-3);bottom:var(--bw-space-2);font-size:.8em;color:#e0463c;animation:bw-bounce .8s steps(2) infinite}.bw-btn{--top: var(--bw-btn-gray);--bot: var(--bw-btn-gray-2);--sh: var(--bw-btn-gray-sh);--fg: #2b2f36;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--bw-space-2);min-height:var(--bw-touch);min-width:var(--bw-touch);padding:0 var(--bw-space-4);font:inherit;font-weight:700;color:var(--fg);background:linear-gradient(var(--top) 0 50%,var(--bot) 50% 100%);border:var(--bw-border) solid var(--bw-line);border-radius:999px;box-shadow:inset 0 2px #ffffff8c,0 4px 0 var(--sh);cursor:pointer;user-select:none;touch-action:manipulation;text-decoration:none;transition:transform var(--bw-speed),box-shadow var(--bw-speed),filter var(--bw-speed)}.bw-btn:hover{filter:brightness(1.06)}.bw-btn:active,.bw-btn[aria-pressed=true]{transform:translateY(4px);box-shadow:inset 0 2px #ffffff59,0 0 0 var(--sh)}.bw-btn:disabled{filter:grayscale(1) opacity(.55);cursor:not-allowed;transform:none}.bw-btn--blue{--top: var(--bw-btn-blue);--bot: var(--bw-btn-blue-2);--sh: var(--bw-btn-blue-sh);--fg: #fff}.bw-btn--red{--top: var(--bw-btn-red);--bot: var(--bw-btn-red-2);--sh: var(--bw-btn-red-sh);--fg: #fff}.bw-btn--green{--top: var(--bw-btn-green);--bot: var(--bw-btn-green-2);--sh: var(--bw-btn-green-sh);--fg: #fff}.bw-btn--blue,.bw-btn--red,.bw-btn--green{text-shadow:1px 1px 0 rgba(0,0,0,.35)}.bw-btn--square{border-radius:var(--bw-radius)}.bw-btn--block{width:100%}.bw-menu{list-style:none;margin:0;padding:0;display:grid;gap:var(--bw-space-2)}.bw-menu__item{display:flex;align-items:center;gap:var(--bw-space-2);min-height:var(--bw-touch);padding:0 var(--bw-space-4) 0 var(--bw-space-5);background:var(--bw-surface-2);border:2px solid var(--bw-line);border-radius:var(--bw-radius-sm);cursor:pointer;position:relative}.bw-menu__item[aria-current=true],.bw-menu__item:hover{background:linear-gradient(90deg,var(--bw-accent) 0 6px,var(--bw-surface-2) 6px)}.bw-menu__item[aria-current=true]:before{content:"▶";position:absolute;left:10px;font-size:.7em;color:var(--bw-accent);animation:bw-nudge .8s steps(2) infinite}.bw-hp{--hp: 1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--bw-space-1)}.bw-hp__label{font-size:var(--bw-fs-xs);font-weight:700;padding:0 6px;border-radius:4px;background:var(--bw-hp-label);color:#3a2500;border:2px solid var(--bw-line);line-height:1.2}.bw-hp__track{height:10px;background:var(--bw-hp-track);border:2px solid var(--bw-line);border-radius:999px;overflow:hidden}.bw-hp__fill{height:100%;width:calc(var(--hp) * 100%);background:var(--bw-hp-high);box-shadow:inset 0 -3px #0000002e;transition:width .3s steps(12),background-color 0s}.bw-hp[data-level=mid] .bw-hp__fill{background:var(--bw-hp-mid)}.bw-hp[data-level=low] .bw-hp__fill{background:var(--bw-hp-low)}.bw-hp--mana .bw-hp__label{background:var(--bw-mana);color:#fff}.bw-hp--mana .bw-hp__fill{background:var(--bw-mana)}.bw-status{background:var(--bw-surface);border:var(--bw-border) solid var(--bw-line);border-radius:var(--bw-radius) var(--bw-radius) var(--bw-radius) 0;box-shadow:inset 0 0 0 2px var(--bw-line-inner);padding:var(--bw-space-2) var(--bw-space-3);display:grid;gap:4px}.bw-status__row{display:flex;justify-content:space-between;gap:var(--bw-space-2);font-weight:700}.bw-type{--c: var(--type-normal);display:inline-flex;align-items:center;padding:1px 8px;font-size:var(--bw-fs-xs);font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.45);text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(color-mix(in srgb,var(--c) 80%,#fff),var(--c));border:2px solid color-mix(in srgb,var(--c) 55%,#000);border-radius:4px}.bw-type[data-type=normal]{--c: var(--type-normal)}.bw-type[data-type=fogo]{--c: var(--type-fogo)}.bw-type[data-type=agua]{--c: var(--type-agua)}.bw-type[data-type=planta]{--c: var(--type-planta)}.bw-type[data-type=eletrico]{--c: var(--type-eletrico)}.bw-type[data-type=gelo]{--c: var(--type-gelo)}.bw-type[data-type=lutador]{--c: var(--type-lutador)}.bw-type[data-type=veneno]{--c: var(--type-veneno)}.bw-type[data-type=terra]{--c: var(--type-terra)}.bw-type[data-type=voador]{--c: var(--type-voador)}.bw-type[data-type=psiquico]{--c: var(--type-psiquico)}.bw-type[data-type=inseto]{--c: var(--type-inseto)}.bw-type[data-type=pedra]{--c: var(--type-pedra)}.bw-type[data-type=fantasma]{--c: var(--type-fantasma)}.bw-type[data-type=dragao]{--c: var(--type-dragao)}.bw-type[data-type=sombrio]{--c: var(--type-sombrio)}.bw-type[data-type=aco]{--c: var(--type-aco)}.bw-type[data-type=fada]{--c: var(--type-fada)}.bw-coin{display:inline-flex;align-items:center;gap:4px;font-weight:700}.bw-coin:before{content:"";width:.9em;height:.9em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6c2 0 20%,#f2c230 21% 70%,#b8860b 71%);border:2px solid var(--bw-line)}.bw-hud{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bw-space-3);padding:var(--bw-space-2) var(--bw-space-3);background:var(--bw-surface);border:var(--bw-border) solid var(--bw-line);border-radius:var(--bw-radius);box-shadow:inset 0 0 0 2px var(--bw-line-inner)}.bw-hud__item{display:inline-flex;align-items:center;gap:var(--bw-space-1);font-weight:700}.bw-xp{flex:1 1 120px;min-width:100px}.bw-timer{margin-left:auto;font-size:var(--bw-fs-lg);font-weight:700;font-variant-numeric:tabular-nums;padding:0 var(--bw-space-3);border-radius:var(--bw-radius-sm);background:var(--bw-line);color:#fff}.bw-timer[data-urgent=true]{color:var(--bw-hp-low);animation:bw-blink .5s steps(2) infinite}.bw-shop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--bw-space-2)}.bw-shop-slot{--cost: var(--bw-cost-1);position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:112px;padding:4px 4px 6px;background:linear-gradient(180deg,color-mix(in srgb,var(--cost) 28%,var(--bw-surface)) 0 55%,var(--bw-surface) 55%);border:var(--bw-border) solid var(--bw-line);border-radius:var(--bw-radius);box-shadow:inset 0 0 0 2px var(--cost),0 4px color-mix(in srgb,var(--cost) 45%,#000);cursor:pointer;text-align:center;font:inherit;color:inherit;transition:transform var(--bw-speed)}.bw-shop-slot:hover{transform:translateY(-2px)}.bw-shop-slot:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--cost)}.bw-shop-slot[data-cost="1"]{--cost: var(--bw-cost-1)}.bw-shop-slot[data-cost="2"]{--cost: var(--bw-cost-2)}.bw-shop-slot[data-cost="3"]{--cost: var(--bw-cost-3)}.bw-shop-slot[data-cost="4"]{--cost: var(--bw-cost-4)}.bw-shop-slot[data-cost="5"]{--cost: var(--bw-cost-5)}.bw-shop-slot[data-empty=true]{visibility:hidden}.bw-shop-slot img{width:100%;max-width:96px;aspect-ratio:1;margin:-8px auto -10px}.bw-shop-slot__name{font-size:var(--bw-fs-xs);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bw-shop-slot__traits{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.bw-shop-slot__traits .bw-type{font-size:.6rem;padding:0 4px}.bw-shop-slot__cost{position:absolute;top:4px;right:6px;font-size:var(--bw-fs-xs)}.bw-shop-slot[data-owned=true]:after{content:"★";position:absolute;top:2px;left:6px;color:var(--bw-cost-5);text-shadow:1px 1px 0 var(--bw-line)}.bw-traits{display:grid;gap:var(--bw-space-1)}.bw-trait{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:var(--bw-space-2);padding:2px var(--bw-space-2) 2px 2px;background:var(--bw-surface-2);border:2px solid var(--bw-line);border-radius:var(--bw-radius-sm);font-size:var(--bw-fs-sm);opacity:.6}.bw-trait[data-active=true]{opacity:1}.bw-trait__icon{width:28px;height:28px;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:var(--c, var(--bw-cost-1));display:grid;place-items:center;font-weight:700;color:#fff;font-size:var(--bw-fs-xs);text-shadow:1px 1px 0 rgba(0,0,0,.45)}.bw-trait[data-tier=bronze] .bw-trait__icon{--c: var(--bw-copper-2)}.bw-trait[data-tier=silver] .bw-trait__icon{--c: var(--bw-silver-3)}.bw-trait[data-tier=gold] .bw-trait__icon{--c: var(--bw-gold-2)}.bw-trait__bps{font-size:var(--bw-fs-xs);color:var(--bw-text-dim)}.bw-trait__bps b{color:var(--bw-text)}.bw-card{--t1: var(--bw-copper-1);--t2: var(--bw-copper-2);--t3: var(--bw-copper-3);position:relative;display:grid;grid-template-rows:auto auto 1fr;gap:var(--bw-space-2);aspect-ratio:5 / 7;width:100%;max-width:220px;padding:10px;border-radius:var(--bw-radius-lg);border:var(--bw-border) solid var(--t3);background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 40%),linear-gradient(160deg,var(--t1),var(--t2));box-shadow:inset 0 0 0 3px #ffffff80,0 6px 0 var(--t3);color:#23262c}.bw-card[data-tier=silver]{--t1: var(--bw-silver-1);--t2: var(--bw-silver-2);--t3: var(--bw-silver-3)}.bw-card[data-tier=gold]{--t1: var(--bw-gold-1);--t2: var(--bw-gold-2);--t3: var(--bw-gold-3)}.bw-card[data-tier=gold]:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 45%,transparent 60%);background-size:250% 100%;animation:bw-shine 3.5s linear infinite;pointer-events:none}.bw-card__tier{justify-self:start;font-size:var(--bw-fs-xs);font-weight:700;text-transform:uppercase;padding:0 8px;border-radius:999px;background:var(--t3);color:#fff}.bw-card__name{font-size:var(--bw-fs-md);font-weight:700;line-height:1.1}.bw-card__art{display:grid;place-items:center;background:#ffffff8c;border:2px solid var(--t3);border-radius:var(--bw-radius-sm);min-height:56px;font-size:1.8rem}.bw-card__desc{font-size:var(--bw-fs-xs);background:var(--bw-box-bg);border:2px solid var(--t3);border-radius:var(--bw-radius-sm);padding:6px}.bw-card[aria-selected=true]{outline:4px solid var(--bw-accent);outline-offset:3px}.bw-field{display:grid;gap:4px}.bw-field label{font-weight:700;font-size:var(--bw-fs-sm)}.bw-input{min-height:var(--bw-touch);padding:0 var(--bw-space-3);font:inherit;color:var(--bw-box-text);background:var(--bw-box-bg);border:var(--bw-border) solid var(--bw-box-line);border-radius:var(--bw-radius-sm);box-shadow:inset 0 2px #0000001f;width:100%}.bw-input:focus{outline:none;box-shadow:var(--bw-focus)}.bw-input[aria-invalid=true]{border-color:var(--bw-hp-low)}.bw-hint{font-size:var(--bw-fs-xs);color:var(--bw-text-dim)}.bw-hint--error{color:var(--bw-hp-low);font-weight:700}.bw-divider{display:flex;align-items:center;gap:var(--bw-space-2);color:var(--bw-text-dim);font-size:var(--bw-fs-sm)}.bw-divider:before,.bw-divider:after{content:"";flex:1;border-top:2px dashed var(--bw-line-inner)}.bw-link{color:var(--bw-accent);font-weight:700}.bw-alert{padding:var(--bw-space-2) var(--bw-space-3);border:2px solid var(--bw-line);border-radius:var(--bw-radius-sm);font-size:var(--bw-fs-sm);font-weight:700}.bw-alert--error{background:color-mix(in srgb,var(--bw-hp-low) 22%,var(--bw-surface))}.bw-alert--ok{background:color-mix(in srgb,var(--bw-hp-high) 22%,var(--bw-surface))}.bw-alert--info{background:color-mix(in srgb,var(--bw-accent) 18%,var(--bw-surface))}.bw-btn[aria-busy=true]{opacity:.7;pointer-events:none}.bw-players{display:grid;gap:var(--bw-space-1)}.bw-player{display:grid;grid-template-columns:32px 1fr;gap:var(--bw-space-2);align-items:center;padding:2px var(--bw-space-2) 2px 2px;background:var(--bw-surface-2);border:2px solid var(--bw-line);border-radius:var(--bw-radius-sm);font-size:var(--bw-fs-sm)}.bw-player[data-self=true]{border-color:var(--bw-accent)}.bw-player[data-dead=true]{filter:grayscale(1);opacity:.5}.bw-player img{width:32px;height:32px}.bw-stack{display:grid;gap:var(--bw-space-3)}.bw-row{display:flex;flex-wrap:wrap;gap:var(--bw-space-2);align-items:center}.bw-container{width:min(1200px,100%);margin:0 auto;padding:var(--bw-space-4)}@media(max-width:480px){.bw-shop{gap:4px}.bw-shop-slot{min-height:96px;padding:2px 2px 4px}.bw-shop-slot__traits{display:none}.bw-shop-slot img{max-width:56px;margin:10px auto 0}.bw-shop-slot__cost{top:2px;right:4px}.bw-card{aspect-ratio:auto;max-width:none;min-height:0}}@keyframes bw-bounce{50%{transform:translateY(3px)}}@keyframes bw-nudge{50%{transform:translate(3px)}}@keyframes bw-blink{50%{opacity:.4}}@keyframes bw-shine{0%{background-position:150% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.game{height:100dvh;overflow:hidden}.game__layout{height:100dvh;display:grid;gap:var(--bw-space-2);padding:var(--bw-space-2);padding-top:max(var(--bw-space-2),env(safe-area-inset-top));padding-bottom:max(var(--bw-space-2),env(safe-area-inset-bottom));grid-template-columns:minmax(150px,210px) minmax(0,1fr) minmax(150px,210px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"hud     hud    hud" "players center traits" "shop    shop   shop"}.game__hud{grid-area:hud;padding:4px var(--bw-space-3)}.game__players{grid-area:players;min-height:0;overflow:auto}.game__center{grid-area:center;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--bw-space-2)}.game__traits{grid-area:traits;min-height:0;overflow:auto}.game__shop{grid-area:shop;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--bw-space-2);align-items:stretch}.game__shop-actions{display:grid;gap:var(--bw-space-2);align-content:center}.game__shop .bw-shop-slot{min-height:0}.game__round{color:var(--bw-text-dim)}.game__theme{min-height:36px;min-width:36px;padding:0}.game__drawer{background:var(--bw-surface);border:var(--bw-border) solid var(--bw-line);border-radius:var(--bw-radius);box-shadow:inset 0 0 0 2px var(--bw-line-inner);padding:var(--bw-space-2)}.game__drawer-title{list-style:none;cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center;justify-content:space-between;margin:calc(var(--bw-space-2) * -1) calc(var(--bw-space-2) * -1) var(--bw-space-2);padding:4px var(--bw-space-3);background:linear-gradient(var(--bw-accent),var(--bw-accent-dark));color:#fff;border-bottom:var(--bw-border) solid var(--bw-line);border-radius:calc(var(--bw-radius) - 3px) calc(var(--bw-radius) - 3px) 0 0;text-shadow:1px 1px 0 rgba(0,0,0,.4)}.game__drawer-title::-webkit-details-marker{display:none}.game__drawer-title:after{content:"▾"}.game__drawer:not([open]) .game__drawer-title{margin-bottom:calc(var(--bw-space-2) * -1);border-radius:calc(var(--bw-radius) - 3px);border-bottom:0}.game__drawer:not([open]) .game__drawer-title:after{content:"▸"}.game__board-wrap{min-height:0;display:grid;place-items:center;container-type:size}.board{position:relative;width:min(100cqw,104cqh);max-height:100cqh;touch-action:none;user-select:none}.hex{position:absolute;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid;place-items:center}.hex:before{content:"";position:absolute;inset:2px;clip-path:inherit}.hex--ally{background:color-mix(in srgb,var(--bw-accent) 55%,var(--bw-line))}.hex--ally:before{background:color-mix(in srgb,var(--bw-accent) 22%,var(--bw-surface))}.hex--enemy{background:color-mix(in srgb,var(--bw-btn-red) 45%,var(--bw-line))}.hex--enemy:before{background:color-mix(in srgb,var(--bw-btn-red) 14%,var(--bw-surface))}.hex--ally:hover:before{background:color-mix(in srgb,var(--bw-accent) 40%,var(--bw-surface))}.board__divider{position:absolute;left:0;right:0;top:50%;height:0;border-top:2px dashed color-mix(in srgb,var(--bw-text) 35%,transparent);pointer-events:none}.unit{position:relative;width:100%;height:100%;display:grid;place-items:center}.unit img{width:118%;max-width:none;margin-top:4%;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.unit__bars{position:absolute;top:12%;left:18%;right:18%;display:grid;gap:1px;z-index:1}.unit__hp,.unit__mana{height:5px;background:var(--bw-hp-track);border:1px solid var(--bw-line);border-radius:3px;overflow:hidden}.unit__mana{height:4px}.unit__hp i,.unit__mana i{display:block;height:100%}.unit__hp i{background:var(--bw-hp-high)}.unit__hp[data-level=mid] i{background:var(--bw-hp-mid)}.unit__hp[data-level=low] i,.unit--enemy .unit__hp i{background:var(--bw-hp-low)}.unit__mana i{background:var(--bw-mana)}.unit__stars{position:absolute;bottom:9%;font-size:clamp(8px,1.1vw,12px);line-height:1;color:var(--bw-cost-1);text-shadow:1px 1px 0 var(--bw-line),-1px -1px 0 var(--bw-line);letter-spacing:-1px}.unit__stars[data-star="2"]{color:#e8eef6}.unit__stars[data-star="3"]{color:var(--bw-cost-5)}.unit__items{position:absolute;bottom:20%;right:16%;display:grid;gap:1px}.unit__items i{width:6px;height:6px;border-radius:50%;background:var(--bw-gold-2);border:1px solid var(--bw-line)}.bench{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;padding:4px;background:var(--bw-surface-inset);border:var(--bw-border) solid var(--bw-line);border-radius:var(--bw-radius);max-width:720px;width:100%;justify-self:center}.bench__slot{position:relative;aspect-ratio:1;min-height:0;max-height:64px;display:grid;place-items:center;background:var(--bw-surface);border:2px solid var(--bw-line-inner);border-radius:var(--bw-radius-sm);overflow:hidden}.bench__slot img{width:130%;max-width:none}.bench__slot .unit__stars{bottom:2px}@media(orientation:landscape)and (max-height:500px){.game__layout{grid-template-columns:minmax(130px,170px) minmax(0,1fr) minmax(130px,170px);gap:4px;padding:4px}.game__hud{padding:0 var(--bw-space-2);font-size:var(--bw-fs-sm)}.game__hud .bw-timer{font-size:var(--bw-fs-md)}.game__hud{min-height:0}.game__hud .bw-btn{min-height:28px;min-width:28px}.game__shop .bw-shop-slot{height:48px;padding:0 4px;grid-template-columns:40px minmax(0,1fr);grid-template-rows:1fr;align-items:center;text-align:left}.game__shop .bw-shop-slot img{width:40px;max-width:40px;margin:0}.game__shop .bw-shop-slot__traits{display:none}.game__shop .bw-shop-slot__cost{top:1px;right:3px}.game__shop-actions .bw-btn{min-height:40px}.bw-trait__bps{display:none}.bw-trait{grid-template-columns:22px 1fr}.game__shop-actions{grid-template-columns:repeat(3,auto);align-content:end}.game__shop-actions .bw-btn{padding:0 var(--bw-space-2)}.bw-player{grid-template-columns:24px 1fr;padding:0 4px 0 0;font-size:var(--bw-fs-xs)}.bw-player img{width:24px;height:24px}.bw-trait{font-size:var(--bw-fs-xs)}.bw-trait__icon{width:22px;height:22px}.bench__slot{max-height:40px}}@media(orientation:portrait){.game__layout{grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"hud     hud" "center  center" "players traits" "shop    shop"}.game__players,.game__traits{overflow:visible;position:relative}.game__drawer[open]{position:absolute;bottom:0;left:0;right:0;z-index:5;max-height:55dvh;overflow:auto;box-shadow:inset 0 0 0 2px var(--bw-line-inner),0 -6px 18px #00000073}.game__traits .game__drawer[open]{left:auto;width:calc(200% + var(--bw-space-2))}.game__players .game__drawer[open]{right:auto;width:calc(200% + var(--bw-space-2))}.game__shop{grid-template-columns:1fr}.game__shop-actions{grid-template-columns:1fr 1fr auto;order:2}.game__round{display:none}.bench{grid-template-columns:repeat(9,52px);overflow-x:auto;scroll-snap-type:x mandatory;justify-content:start}.bench__slot{scroll-snap-align:start}.board{width:min(100cqw,104cqh)}}.screen{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.screen__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--bw-space-2);padding:var(--bw-space-2) var(--bw-space-4);padding-top:max(var(--bw-space-2),env(safe-area-inset-top))}.screen__top .bw-title{margin:0;font-size:var(--bw-fs-lg);text-align:center}.screen__top>:first-child{justify-self:start}.screen__top>:last-child{justify-self:end}.screen__body{width:min(1100px,100%);margin:0 auto;padding:var(--bw-space-3) var(--bw-space-4) var(--bw-space-5);display:grid;gap:var(--bw-space-4);align-content:start}.screen__body--center{align-content:center;justify-items:center}.narrow{width:min(440px,100%);justify-self:center;margin-inline:auto}.back{text-decoration:none}.title-hero{text-align:center;display:grid;gap:var(--bw-space-4);justify-items:center}.title-logo{font-size:clamp(2.6rem,2rem + 5vw,5rem);font-weight:700;margin:0;line-height:1;color:#fff;letter-spacing:.02em;text-shadow:3px 3px 0 var(--bw-accent-dark),6px 6px 0 var(--bw-line)}:root[data-theme=white] .title-logo{color:var(--bw-accent);text-shadow:3px 3px 0 var(--bw-line)}.title-mons{display:flex;gap:var(--bw-space-2)}.title-mons img{width:72px;image-rendering:pixelated}.blink{animation:bw-blink 1s steps(2) infinite}.menu-grid{display:grid;gap:var(--bw-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.mode-btn{display:grid;grid-template-columns:auto 1fr;gap:var(--bw-space-3);align-items:center;text-align:left;min-height:88px;padding:var(--bw-space-3) var(--bw-space-4);border-radius:var(--bw-radius)}.mode-btn img{width:56px}.mode-btn small{display:block;font-weight:400;opacity:.85;font-size:var(--bw-fs-xs)}.profile-chip{display:flex;align-items:center;gap:var(--bw-space-2)}.profile-chip img{width:40px}.rank-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:var(--bw-fs-xs);font-weight:700;background:var(--bw-surface-inset);border:2px solid var(--bw-line)}.ball{width:14px;height:14px;border-radius:50%;border:2px solid var(--bw-line);background:linear-gradient(#ef4b3c 0 45%,var(--bw-line) 45% 55%,#fff 55%)}.ball--great{background:linear-gradient(#3a8dff 0 45%,var(--bw-line) 45% 55%,#fff 55%)}.ball--ultra{background:linear-gradient(#ffc02e 0 45%,var(--bw-line) 45% 55%,#fff 55%)}.ball--master{background:linear-gradient(#8a3cff 0 45%,var(--bw-line) 45% 55%,#fff 55%)}.deck-slots{display:grid;gap:var(--bw-space-3);grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center}.deck-slot-label{font-size:var(--bw-fs-xs);color:var(--bw-text-dim);text-align:center;margin-top:4px}.collection{display:grid;gap:var(--bw-space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,128px),1fr))}.collection .bw-card{aspect-ratio:auto;min-height:96px}.collection .bw-card[aria-disabled=true]{filter:grayscale(1) opacity(.45)}.filters{display:flex;gap:var(--bw-space-2);overflow-x:auto;padding-bottom:4px}.filters .bw-btn{min-height:36px;padding:0 var(--bw-space-3);white-space:nowrap;flex:none}.queue-spinner{width:120px;height:120px;border-radius:50%;border:6px solid var(--bw-line);background:linear-gradient(#ef4b3c 0 46%,var(--bw-line) 46% 54%,#fff 54%);position:relative;animation:spin 1.6s linear infinite}.queue-spinner:after{content:"";position:absolute;inset:36%;border-radius:50%;background:#fff;border:6px solid var(--bw-line)}@keyframes spin{to{transform:rotate(360deg)}}.queue-time{font-size:var(--bw-fs-xl);font-weight:700;font-variant-numeric:tabular-nums}.queue-dots{display:flex;gap:6px}.queue-dots i{width:22px;height:22px;border-radius:50%;border:2px solid var(--bw-line);background:var(--bw-surface-2)}.queue-dots i.on{background:var(--bw-hp-high)}.leader{display:grid;grid-template-columns:auto 1fr;gap:var(--bw-space-3);align-items:end}.leader img{width:110px}.badge-options{display:grid;gap:var(--bw-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.badge-opt{display:grid;gap:var(--bw-space-2);text-align:left;min-height:120px;padding:var(--bw-space-3);border-radius:var(--bw-radius);align-content:start}.badge-icon{width:44px;height:44px;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);background:linear-gradient(135deg,#e6e9ee,#8b95a3);border:0}.placement{font-size:clamp(3rem,2rem + 6vw,6rem);font-weight:700;line-height:1;color:var(--bw-cost-5);text-shadow:4px 4px 0 var(--bw-line)}.lp-delta{font-size:var(--bw-fs-xl);font-weight:700;color:var(--bw-hp-high)}.final-board{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.final-board span{position:relative;width:64px;height:64px;display:grid;place-items:center;background:var(--bw-surface-2);border:2px solid var(--bw-line);border-radius:var(--bw-radius-sm)}.final-board img{width:72px}.ladder{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:var(--bw-fs-sm)}.ladder td,.ladder th{padding:6px var(--bw-space-2);text-align:left}.ladder tbody tr{background:var(--bw-surface-2)}.ladder tbody tr td:first-child{border-radius:var(--bw-radius-sm) 0 0 var(--bw-radius-sm);font-weight:700}.ladder tbody tr td:last-child{border-radius:0 var(--bw-radius-sm) var(--bw-radius-sm) 0;text-align:right}.ladder tr.me{outline:3px solid var(--bw-accent);outline-offset:-3px}.ladder img{width:32px;vertical-align:middle}.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bw-space-2);text-align:center;font-size:var(--bw-fs-xs)}.tiers div{padding:var(--bw-space-2);background:var(--bw-surface-2);border:2px solid var(--bw-line);border-radius:var(--bw-radius-sm);display:grid;justify-items:center;gap:4px}.tiers div.current{border-color:var(--bw-accent)}.skins{display:grid;gap:var(--bw-space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr))}.skin{display:grid;justify-items:center;gap:4px;padding:var(--bw-space-2);background:var(--bw-surface-2);border:2px solid var(--bw-line);border-radius:var(--bw-radius);font-size:var(--bw-fs-xs);text-align:center}.skin img{width:80px}.skin[aria-disabled=true] img{filter:brightness(0) opacity(.35)}.skin[aria-selected=true]{border-color:var(--bw-cost-5);box-shadow:0 0 0 2px var(--bw-cost-5)}.tabs{display:flex;gap:var(--bw-space-2);overflow-x:auto;padding-bottom:4px}.tabs .bw-btn{white-space:nowrap;flex:none}.screens-list{display:grid;gap:var(--bw-space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.screens-list a{text-decoration:none}@media(max-width:480px){.deck-slots{gap:var(--bw-space-2)}.deck-slots .bw-card{padding:6px}.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.ladder .hide-sm{display:none}}.screen__body--center>p{margin:0}.game__theme{font-size:var(--bw-fs-xs)}#app{min-height:100dvh;outline:none}[hidden]{display:none!important}.center{text-align:center;justify-self:center}.small{font-size:var(--bw-fs-xs)}.screen__title{margin:0;font-size:var(--bw-fs-lg)}.shell-center{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:var(--bw-space-4);text-align:center;padding:var(--bw-space-4)}.shell-center p{margin:0}.shell-logo{font-size:clamp(2.6rem,2rem + 5vw,5rem);font-weight:700;color:#fff;text-shadow:3px 3px 0 var(--bw-accent-dark),6px 6px 0 var(--bw-line)}:root[data-theme=white] .shell-logo{color:var(--bw-accent);text-shadow:3px 3px 0 var(--bw-line)}.shell-blink{animation:bw-blink 1s steps(2) infinite}.sprite{position:relative;display:inline-block;flex:none;vertical-align:middle}.profile{display:grid;grid-template-columns:auto 1fr auto;gap:var(--bw-space-3);align-items:center}.verify{display:flex;flex-wrap:wrap;gap:var(--bw-space-2);align-items:center;justify-content:space-between}.friends{display:grid;grid-template-columns:1fr auto;gap:var(--bw-space-2)}.mode-btn[disabled]{filter:grayscale(.8) opacity(.6)}.lobby-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.lobby-list li{padding:6px var(--bw-space-2);background:var(--bw-surface-2);border:2px solid var(--bw-line);border-radius:var(--bw-radius-sm)}.game__layout{grid-template-rows:auto minmax(0,1fr) auto;user-select:none;-webkit-user-select:none}.game__center{grid-template-rows:minmax(0,1fr)}.game-board{position:relative;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.game-board canvas{display:block}@media(orientation:landscape){.game__shop{grid-template-columns:auto minmax(0,1fr)}}.shop-col{display:grid;gap:4px;min-width:0}.bw-shop-slot[aria-disabled=true]{filter:saturate(.5) brightness(.8)}.bw-shop-slot .sprite{margin:-6px auto -8px}.components{display:flex;flex-wrap:wrap;gap:4px}.comp{font:inherit;font-size:var(--bw-fs-xs);font-weight:700;cursor:pointer;padding:0;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;-webkit-touch-callout:none;user-select:none;background:linear-gradient(var(--bw-gold-1),var(--bw-gold-2));color:#3a2a00;border:2px solid var(--bw-line)}.comp.on{outline:3px solid var(--bw-accent)}.bw-player{grid-template-columns:32px 1fr auto}.player-hp{font-weight:700;font-variant-numeric:tabular-nums;font-size:var(--bw-fs-sm)}.bw-player .bw-hp__label{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-panel{position:fixed;z-index:20;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 150px);width:min(520px,calc(100% - 16px));display:grid;gap:var(--bw-space-2);padding:var(--bw-space-3)}.unit-panel p{margin:0}.unit-panel__head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--bw-space-2);align-items:center}.stars.s2{color:#c9d3e0}.stars.s3{color:var(--bw-cost-5)}.stars{color:var(--bw-cost-1);text-shadow:1px 1px 0 var(--bw-line)}.modal-layer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:var(--bw-space-3);background:#0000008c}.modal{width:min(680px,100%);max-height:90dvh;overflow:auto;display:grid;gap:var(--bw-space-3)}.modal .badge-opt{justify-items:center;text-align:center}.modal.end{text-align:center;justify-items:center}.modal.end p{margin:0}.end-list{list-style:none;padding:0;margin:0;display:grid;gap:4px;width:100%;text-align:left}.end-list li{padding:4px var(--bw-space-2);background:var(--bw-surface-2);border-radius:var(--bw-radius-sm);border:2px solid var(--bw-line)}.end-list li.me{border-color:var(--bw-accent)}.toast{position:fixed;z-index:40;top:calc(env(safe-area-inset-top) + 64px);left:50%;transform:translate(-50%);max-width:min(560px,calc(100% - 24px));background:var(--bw-box-bg);color:var(--bw-box-text);border:var(--bw-border) solid var(--bw-box-line);border-radius:var(--bw-radius);padding:var(--bw-space-2) var(--bw-space-4);font-weight:700;text-align:center;box-shadow:var(--bw-shadow)}@media(orientation:portrait){.unit-panel{bottom:calc(env(safe-area-inset-bottom) + 230px)}.game__shop{grid-template-columns:minmax(0,1fr)}.game__shop-actions{order:2;grid-template-columns:1fr 1fr auto;display:grid}.comp{width:30px;height:30px}.comp img{width:26px;height:26px}.game__shop .bw-shop-slot{min-height:84px}}.badges{gap:2px}.badge-icon.mini{width:16px;height:16px;display:inline-block}.deck-slot{display:grid;justify-items:center}.card-pick{cursor:pointer;text-align:left;font:inherit}.card-pick[disabled]{cursor:not-allowed}.card-pick .bw-card__desc{display:block}.skin{font:inherit;color:inherit;cursor:pointer}.skin[disabled]{cursor:default}.skin .sprite{filter:none}.skin[aria-disabled=true] .sprite{filter:brightness(0) opacity(.35)}.rewards{display:grid;gap:4px}.rewards p{margin:0}.lp-delta.neg{color:var(--bw-hp-low)}.sprite .pmd{position:absolute;left:50%;top:50%;image-rendering:pixelated;transform-origin:center}@media(prefers-reduced-motion:reduce){.sprite .pmd{animation:none!important}}.comp img,.item-chip img,.equip-btn img,.badge-opt img,[data-tip] img{image-rendering:pixelated;vertical-align:middle}.unit-items{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.item-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 2px;border-radius:999px;border:2px solid var(--bw-line);background:var(--bw-surface-2, rgba(255,255,255,.08));font-size:var(--bw-fs-xs);font-weight:700;cursor:help;-webkit-touch-callout:none;user-select:none}.equip-btn{display:inline-flex;align-items:center;gap:4px}.tip{position:fixed;z-index:1000;max-width:min(320px,calc(100vw - 16px));padding:8px 10px;font-size:var(--bw-fs-sm);pointer-events:none;box-shadow:0 6px 18px #00000073}.tip p{margin:4px 0}.tip__head{display:flex;align-items:center;gap:6px}.tip__head img{image-rendering:pixelated}.tip__head .bw-dim{margin-left:auto;font-size:var(--bw-fs-xs)}.tip__combos{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px;font-size:var(--bw-fs-xs)}.tip__combos li{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.tip__recipe{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:var(--bw-fs-xs)}.credits-list{columns:2 160px;font-size:var(--bw-fs-sm)}.tip mark{background:var(--bw-accent);color:#fff;padding:0 3px;border-radius:3px}.tip__bps{display:flex;gap:4px;margin:4px 0}.tip__bp{min-width:22px;text-align:center;border:2px solid var(--bw-line-inner);border-radius:4px}.tip__bp.done{border-color:var(--bw-text-dim)}.tip__bp.on{border-color:var(--bw-accent);background:var(--bw-accent);color:#fff}.bw-trait[data-tip]{cursor:help;-webkit-touch-callout:none;user-select:none}.top-tools{display:inline-flex;gap:6px;align-items:center;justify-self:end}.lang-select{width:auto;min-height:36px;padding:2px 6px;font-size:var(--bw-fs-sm)}.title-lang{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px}.crystal-icon{width:1em;height:1em;vertical-align:-.12em;image-rendering:pixelated;flex:none}.crystals-chip{display:inline-flex;align-items:center;gap:3px;color:#7fe3ff;font-weight:400;text-decoration:none}.crystals-balance{display:inline-flex;align-items:center;gap:6px;font-size:var(--bw-fs-lg)}.crystals-balance .crystal-icon{width:1.3em;height:1.3em}.bw-btn--gold{background:linear-gradient(var(--bw-gold-1, #ffe27a),var(--bw-gold-2, #e3b22d));color:#3a2a00}.mode-gem .crystal-icon{width:40px;height:40px}.shop-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.bw-tabs{display:flex;gap:4px;flex-wrap:wrap}.board-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.board-card{display:grid;gap:6px;padding:8px;align-content:start}.board-card.on{outline:3px solid var(--bw-accent)}.board-info b{font-size:var(--bw-fs-md)}.board-info p{margin:2px 0 0}.board-actions .bw-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:4px}.board-thumb{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:3px solid var(--bw-line);border-radius:8px;overflow:hidden;cursor:zoom-in;background:#1f222a}.board-thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}.board-thumb--default{cursor:default;background:linear-gradient(#4f2a2e 0 50%,#24425f 50% 100%)}.board-thumb--default:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 14%,rgba(255,255,255,.5) 14% 16%,transparent 16%)}.board-badge{position:absolute;top:6px;left:6px;padding:1px 6px;border-radius:999px;background:#ffc02e;color:#3a2a00;border:2px solid var(--bw-line);font-size:var(--bw-fs-xs)}.fx-layer{position:absolute;inset:0;pointer-events:none}.fx-snow .fx-layer{background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#fff 1.5px,transparent 2px);background-size:22px 22px,37px 37px;animation:fx-fall 6s linear infinite}.fx-embers .fx-layer{background-image:radial-gradient(#ffc02e 1.5px,transparent 2px),radial-gradient(#ff6a1f 1px,transparent 1.5px);background-size:29px 29px,41px 41px;animation:fx-rise 5s linear infinite}.fx-fireflies .fx-layer{background-image:radial-gradient(#fffbc8 1.5px,rgba(255,242,122,.35) 3px,transparent 5px);background-size:47px 53px;animation:fx-glow 2.4s ease-in-out infinite alternate,fx-drift 9s linear infinite}.fx-waves .fx-layer{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 10px,transparent 10px 34px);background-size:68px 2px;background-repeat:repeat-x;background-position:0 5%;animation:fx-wave 3s linear infinite}@keyframes fx-fall{to{background-position:0 220px,0 370px}}@keyframes fx-rise{to{background-position:0 -290px,0 -410px}}@keyframes fx-glow{0%{opacity:.35}to{opacity:1}}@keyframes fx-drift{to{background-position:47px -53px}}@keyframes fx-wave{to{background-position:68px 5%}}@media(prefers-reduced-motion:reduce){.fx-layer{animation:none!important}}.pkg-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.pkg-card{display:grid;gap:4px;justify-items:center;text-align:center;padding:12px 8px}.pkg-gems{display:flex;gap:2px;min-height:30px;align-items:end}.pkg-gems .crystal-icon{width:26px;height:26px}.pkg-amount{font-size:var(--bw-fs-lg);color:#7fe3ff}.pkg-bonus{color:#62d36b;font-size:var(--bw-fs-sm)}.pkg-card .bw-btn{width:100%;margin-top:4px}.bw-table{width:100%;border-collapse:collapse}.bw-table th,.bw-table td{padding:4px 6px;border-bottom:2px solid var(--bw-line-inner);text-align:left}.preview-modal{position:fixed;inset:0;z-index:900;background:#0009;display:grid;place-items:center;padding:16px}.preview-box{width:min(560px,100%);display:grid;gap:8px}.preview-canvas{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;border:3px solid var(--bw-line)}.avatar-btn{position:relative;padding:0;border:3px solid var(--bw-line);border-radius:50%;background:var(--bw-surface-2);width:64px;height:64px;display:grid;place-items:center;cursor:pointer;overflow:hidden}.avatar-btn:hover,.avatar-btn:focus-visible{outline:3px solid var(--bw-accent)}.avatar-edit{position:absolute;right:2px;bottom:0;font-size:14px;color:var(--bw-text);text-shadow:0 0 2px #000}.avatar-box{width:min(720px,100%);max-height:min(86dvh,760px);display:grid;grid-template-rows:auto auto 1fr auto;gap:8px}.avatar-grid{overflow-y:auto;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));padding:2px}.avatar-opt{display:grid;justify-items:center;gap:2px;padding:4px;border:2px solid var(--bw-line-inner);border-radius:8px;background:var(--bw-surface-2);color:var(--bw-text);font:inherit;font-size:var(--bw-fs-xs);cursor:pointer}.avatar-opt[aria-selected=true]{border-color:var(--bw-accent);outline:2px solid var(--bw-accent)}.avatar-opt span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-list li{display:flex;align-items:center;gap:6px}