:root{--pixel-ink: #dbe4d7;--pixel-muted: #8da09b;--pixel-night: #081119;--pixel-panel: #101f25;--pixel-line: #35504e;--pixel-jade: #77a88d;--pixel-gold: #d5b66f}body.pixel-body{min-height:100vh;background:#04090d;color:var(--pixel-ink);image-rendering:pixelated}body.pixel-body:has(.pixel-phase-battle){background:#0a161c}.pixel-lobby{position:relative;isolation:isolate}.pixel-lobby>:not(.pixel-lobby-sky):not(.pixel-sheet-root):not(.pixel-dock){position:relative;z-index:1}.pixel-lobby>.pixel-sheet-root{position:fixed;z-index:80}.pixel-lobby>.pixel-dock{position:fixed;z-index:40}.pixel-lobby-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.pixel-lobby-sky-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 70% at 78% 12%,#1a3a3288 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 18% 30%,#0d243080 0%,transparent 50%),linear-gradient(180deg,#07131a,#0a1a1c 42%,#061016 72%,#03080c)}.pixel-lobby-stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#e8f0d8cc 0 1px,transparent 2px),radial-gradient(1px 1px at 28% 8%,#d5b66faa 0 1px,transparent 2px),radial-gradient(1.5px 1.5px at 46% 14%,#eef4e0cc 0 1.5px,transparent 3px),radial-gradient(1px 1px at 63% 6%,#cfe0c8aa 0 1px,transparent 2px),radial-gradient(1px 1px at 81% 22%,#e8f0d8bb 0 1px,transparent 2px),radial-gradient(1.5px 1.5px at 91% 11%,#d5b66f99 0 1.5px,transparent 3px),radial-gradient(1px 1px at 37% 28%,#dce8d4aa 0 1px,transparent 2px),radial-gradient(1px 1px at 72% 31%,#eef4e099 0 1px,transparent 2px);animation:pixel-star-twinkle 5.5s steps(2,end) infinite}.pixel-lobby-moon{position:absolute;top:clamp(2.5rem,8vh,5.5rem);right:clamp(8%,14vw,18%);width:clamp(4.5rem,11vw,7.5rem);height:clamp(4.5rem,11vw,7.5rem);border-radius:50%;background:radial-gradient(circle at 35% 32%,#f7efc8,#e2c878 38%,#b8964a 72%,#7a6230);box-shadow:0 0 0 10px #d5b66f14,0 0 0 28px #d5b66f0c,0 0 60px 18px #d5b66f33,4px 6px #0a1418aa;animation:pixel-moon-breathe 7s ease-in-out infinite}.pixel-lobby-moon:after{content:"";position:absolute;inset:18% 22% auto auto;width:28%;height:28%;border-radius:50%;background:#c4a45c88;box-shadow:18px 22px 0 -2px #a8884080}.pixel-lobby-mountains{position:absolute;left:0;right:0;bottom:18%;height:42%;background:linear-gradient(115deg,transparent 0 18%,#0c1f2488 18% 19%,transparent 19% 100%),linear-gradient(160deg,transparent 42%,#10282c99 42%,#0a1a1ecc 100%),linear-gradient(200deg,transparent 55%,#0d222699 55%,#08141acc 100%);clip-path:polygon(0% 100%,0% 62%,8% 58%,14% 64%,22% 48%,31% 56%,39% 42%,48% 52%,57% 38%,66% 50%,74% 44%,82% 56%,90% 48%,100% 58%,100% 100%);opacity:.9}.pixel-lobby-bamboo{position:absolute;bottom:0;width:min(28vw,220px);height:min(78vh,640px);opacity:.5;filter:drop-shadow(0 0 12px #0008)}.pixel-lobby-bamboo--left{left:-1.5%;background:linear-gradient(90deg,transparent 18%,#14281fcc 18% 22%,transparent 22% 40%,#1a3228cc 40% 43%,transparent 43% 62%,#10221acc 62% 66%,transparent 66% 82%,#183028bb 82% 85%,transparent 85%),repeating-linear-gradient(180deg,transparent 0 26px,#2a4a3888 26px 28px,transparent 28px 54px);transform:skew(-3deg);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 100%)}.pixel-lobby-bamboo--right{right:-2%;width:min(24vw,190px);background:linear-gradient(90deg,transparent 12%,#183028cc 12% 16%,transparent 16% 38%,#14261ecc 38% 41%,transparent 41% 68%,#1c342ccc 68% 72%,transparent 72%),repeating-linear-gradient(180deg,transparent 0 22px,#2f523f77 22px 24px,transparent 24px 48px);transform:skew(4deg) scaleX(-1);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 100%);opacity:.42}.pixel-lobby-bamboo:before{content:"";position:absolute;inset:8% 8% auto;height:36%;background:radial-gradient(ellipse 40% 18% at 30% 20%,#3a6a4e99 0 40%,transparent 70%),radial-gradient(ellipse 35% 16% at 70% 45%,#2f5a4299 0 40%,transparent 70%),radial-gradient(ellipse 45% 20% at 45% 75%,#355e4699 0 40%,transparent 70%);opacity:.85}.pixel-lobby-lantern{position:absolute;width:10px;height:14px;border-radius:2px;background:linear-gradient(180deg,#f0d080,#c47838);box-shadow:0 0 12px 4px #d5b66f55,0 0 28px 8px #d5b66f22;animation:pixel-lantern-sway 4.8s ease-in-out infinite}.pixel-lobby-lantern:before{content:"";position:absolute;top:-10px;left:4px;width:1px;height:10px;background:#8a9a88}.pixel-lobby-lantern--a{top:22%;left:11%;animation-delay:-1.2s}.pixel-lobby-lantern--b{top:28%;right:16%;width:8px;height:12px;animation-delay:-2.8s}.pixel-lobby-mist{position:absolute;left:-10%;right:-10%;bottom:8%;height:38%;background:radial-gradient(ellipse 50% 40% at 20% 70%,#9bb8a828 0%,transparent 70%),radial-gradient(ellipse 55% 45% at 70% 60%,#a8c4b01e 0%,transparent 72%),radial-gradient(ellipse 40% 35% at 45% 80%,#8fad9c22 0%,transparent 68%);filter:blur(18px);animation:pixel-mist-drift 18s ease-in-out infinite alternate}.pixel-lobby-rain{position:absolute;top:-20%;right:0;bottom:0;left:0;opacity:.08;background:repeating-linear-gradient(-18deg,transparent 0 18px,#cfe0d833 18px 19px,transparent 19px 42px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 78%,transparent 100%)}.pixel-lobby-ground{position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(180deg,transparent 0%,#061018cc 35%,#040a0ef2 100%),repeating-linear-gradient(90deg,transparent 0 17px,#1a302822 17px 18px)}.pixel-lobby-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 75% 65% at 50% 40%,transparent 40%,#020608aa 100%)}@keyframes pixel-moon-breathe{0%,to{box-shadow:0 0 0 10px #d5b66f14,0 0 0 28px #d5b66f0c,0 0 60px 18px #d5b66f33,4px 6px #0a1418aa}50%{box-shadow:0 0 0 14px #d5b66f1c,0 0 0 36px #d5b66f12,0 0 78px 26px #d5b66f44,4px 6px #0a1418aa}}@keyframes pixel-star-twinkle{0%,to{opacity:.45}50%{opacity:.7}}@keyframes pixel-mist-drift{0%{transform:translate(-3%) translateY(0)}to{transform:translate(4%) translateY(-1.5%)}}@keyframes pixel-lantern-sway{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(5deg) translateY(2px)}}@media(prefers-reduced-motion:reduce){.pixel-lobby-stars,.pixel-lobby-moon,.pixel-lobby-mist,.pixel-lobby-lantern{animation:none}}.pixel-shell{max-width:980px;padding-bottom:7rem}.pixel-mast{position:relative;padding:2.4rem 0 1.5rem;border-bottom:1px solid var(--pixel-line)}.pixel-mast:after{content:"";position:absolute;right:1rem;bottom:-1px;width:7rem;height:5px;background:repeating-linear-gradient(90deg,var(--pixel-jade) 0 9px,transparent 9px 13px)}.pixel-kicker{margin:0 0 .35rem;color:var(--pixel-jade);font:.72rem/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.pixel-mast h1{margin:0;color:#eef1d7;font:clamp(2.25rem,7vw,4.5rem)/.95 var(--font-display);letter-spacing:.06em;text-shadow:0 0 24px #0a181ccc,4px 4px 0 #172d31,0 1px 0 #050a0e}.pixel-mast h1 span{display:block;color:var(--pixel-gold);font-size:.38em;line-height:1.6;letter-spacing:.55em}.pixel-lede{max-width:38rem;margin:1rem 0 0;color:var(--pixel-muted)}.pixel-rule-lede{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .7rem;max-width:42rem;margin:.85rem 0 0}.pixel-rule-lede span{color:var(--pixel-gold);font:.68rem var(--font-mono);letter-spacing:.14em}.pixel-rule-lede strong{color:#eef1d7;font:.95rem var(--font-display)}.pixel-rule-lede em{color:var(--pixel-muted);font:.72rem var(--font-body);font-style:normal}.pixel-nav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;font:.75rem var(--font-mono)}.pixel-nav a,.pixel-battle-head a{color:var(--pixel-jade);text-decoration:none;border-bottom:1px solid var(--pixel-line)}.pixel-rules,.pixel-quick{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 0 .35rem}.pixel-rules{align-items:flex-start;padding-top:1rem}.pixel-rules>span,.pixel-quick span{flex:none;margin-right:.2rem;margin-top:.35rem;color:var(--pixel-gold);font-family:var(--font-display)}.pixel-rule-strip{display:flex;flex:1;gap:.4rem;min-width:0;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.pixel-rule-strip button{display:grid;flex:none;gap:1px;min-width:4.6rem;border:1px solid var(--pixel-line);border-radius:0;padding:.35rem .5rem;background:#102229;color:var(--pixel-ink);box-shadow:3px 3px #050b0f;text-align:left}.pixel-rule-strip button small{color:var(--pixel-jade);font:.52rem var(--font-mono);letter-spacing:.08em}.pixel-rule-strip button strong{font:.72rem var(--font-display);white-space:nowrap}.pixel-rule-strip button[aria-pressed=true],.pixel-quick button[aria-pressed=true]{border-color:var(--pixel-gold);background:#1a322c;color:#fff0b8}.pixel-quick button,.pixel-mode button,.pixel-battle button,.pixel-controls button{border:1px solid var(--pixel-line);border-radius:0;padding:.4rem .68rem;background:#102229;color:var(--pixel-ink);box-shadow:3px 3px #050b0f;font:.75rem var(--font-mono)}.pixel-rule-strip button:active,.pixel-quick button:active,.pixel-mode button:active,.pixel-battle button:active,.pixel-controls button:active{transform:translate(2px,2px);box-shadow:1px 1px #050b0f}.pixel-families{padding-top:.2rem}.pixel-draft-meta{display:flex;flex-wrap:wrap;gap:.45rem .85rem;padding:.35rem 0 .55rem;color:var(--pixel-muted);font:.68rem var(--font-mono)}.pixel-draft-meta em{color:var(--pixel-jade);font-style:normal}.pixel-draft-meta .is-warn{color:#d7a06a}.pixel-card-role{position:absolute;z-index:2;left:5px;top:8px;color:var(--pixel-gold);font:.55rem var(--font-mono)}.pixel-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:6px}.pixel-card{position:relative;overflow:hidden;border:1px solid var(--pixel-line);border-radius:0;background:#0e1c22;color:var(--pixel-ink);box-shadow:inset 0 -4px #091319;animation:pixel-rise .26s steps(4,end) backwards;animation-delay:var(--delay)}.pixel-card-select{display:grid;width:100%;min-height:202px;justify-items:center;align-content:end;gap:2px;margin:0;padding:8px 6px 7px;border:0;background:transparent;color:inherit;cursor:pointer}.pixel-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--fighter);opacity:.65}.pixel-card.is-on{border-color:#e4c878;background:linear-gradient(180deg,#3a4f3888 0%,transparent 42%),linear-gradient(180deg,#243a32,#152628);box-shadow:inset 0 0 0 2px #d5b66f66,0 0 0 1px #d5b66f99,inset 0 -4px #091319}.pixel-card.is-on:before{height:5px;opacity:1;box-shadow:0 0 10px color-mix(in srgb,var(--fighter) 55%,transparent)}.pixel-card.is-on .pixel-card-copy strong{color:#fff3c4}.pixel-card.is-on .pixel-fighter-preview{filter:drop-shadow(0 0 6px #d5b66f55)}.pixel-card strong{max-width:100%;min-height:1.7em;font:.82rem/1.05 var(--font-display);overflow-wrap:anywhere}.pixel-card small{color:var(--pixel-muted);font:.56rem var(--font-mono)}.pixel-card-attrs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:4px 0 0;border-top:1px solid #28413f;border-left:1px solid #28413f}.pixel-card-attrs>div{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px;min-width:0;padding:3px 2px 2px;border-right:1px solid #28413f;border-bottom:1px solid #28413f;background:#0a171c99;font-family:var(--font-mono)}.pixel-card-attrs dt{color:var(--pixel-muted);font-size:.5rem}.pixel-card-attrs dd{min-width:0;margin:0;color:#e4d9b4;font-size:.6rem;font-weight:700;text-align:right}.pixel-card-attrs .is-fallback dd{color:#788b88}.pixel-card-attrs .is-strongest{background:linear-gradient(180deg,#6b512c80,#172722cc);box-shadow:inset 0 2px var(--pixel-gold)}.pixel-card-attrs .is-strongest:after{content:"";position:absolute;top:2px;right:2px;width:3px;height:3px;background:#f3dc91;box-shadow:-2px 2px #9c713b}.pixel-card-attrs .is-strongest dt{color:#e4c879}.pixel-card-attrs .is-strongest dd{color:#fff3c4;text-shadow:0 0 5px #d5a44f}.pixel-roster:has(.pixel-card.is-on) .pixel-card:not(.is-on){opacity:.8}.pixel-card.is-inspect{border-color:#8eb9a0;z-index:2}.pixel-fighter-preview{display:block;width:82px;height:88px;margin-bottom:2px;object-fit:contain;object-position:center bottom;filter:drop-shadow(5px 5px 0 #060d11)}.pixel-avatar{position:relative;width:72px;height:102px;margin-bottom:4px;filter:drop-shadow(5px 5px 0 #060d11);transform:scale(1.2);transform-origin:center bottom}.pixel-avatar i{position:absolute;display:block}.pixel-hair{left:19px;top:5px;width:25px;height:18px;background:#111b20;box-shadow:-5px 6px #111b20,20px 9px #111b20}.pixel-face{left:22px;top:16px;width:20px;height:17px;background:#bca37c;box-shadow:13px 7px 0 -5px #e4d9b4}.pixel-robe{left:16px;top:34px;width:32px;height:38px;background:var(--fighter);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.pixel-sword{left:46px;top:24px;width:4px;height:52px;background:#d7dfcf;transform:rotate(24deg);box-shadow:-3px 39px 0 2px #715b3a}.pixel-card.is-heavy .pixel-robe{left:11px;width:42px;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.pixel-card.is-heavy .pixel-sword{width:8px;background:linear-gradient(90deg,#74878a 0,#74878a 2px,#e3e4cf 2px,#e3e4cf 6px,#74878a 6px)}.pixel-card.is-swift .pixel-robe{box-shadow:-10px 9px 0 -3px var(--fighter),-14px 17px 0 -5px var(--fighter)}.pixel-card.is-dagger .pixel-avatar{transform:translateY(6px) scale(1.2,1.08)}.pixel-card.is-dagger .pixel-sword{height:30px;box-shadow:-3px 20px 0 2px #715b3a,-25px 7px 0 -1px #d7dfcf}.pixel-card.is-staff .pixel-sword{width:5px;height:64px;top:16px;background:#795a38;box-shadow:0 -5px 0 3px var(--fighter)}@media(max-width:720px){.pixel-lobby-bamboo--left,.pixel-lobby-bamboo--right{opacity:.28;width:min(36vw,140px)}.pixel-lobby-lantern{display:none}.pixel-lobby-rain{opacity:.05}}.pixel-dock{position:fixed;z-index:40;left:0;right:0;bottom:0;padding:0;border-top:1px solid #4a6a58;background:linear-gradient(180deg,#0e1c18f8,#081219fc 55%,#060e12fe);box-shadow:0 -1px #d5b66f28,0 -12px 28px #02060866}.pixel-dock-rail{height:3px;background:repeating-linear-gradient(90deg,var(--pixel-gold) 0 10px,transparent 10px 16px,var(--pixel-jade) 16px 22px,transparent 22px 28px);opacity:.55}.pixel-dock.is-ready .pixel-dock-rail{opacity:.95;box-shadow:0 0 12px #d5b66f44}.pixel-dock-inner{display:grid;grid-template-columns:minmax(128px,168px) minmax(0,1fr) minmax(210px,248px);gap:10px 14px;align-items:center;width:min(1280px,100%);margin:0 auto;padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom))}.pixel-dock.is-team .pixel-dock-inner{align-items:stretch;padding-top:.55rem;padding-bottom:calc(.55rem + env(safe-area-inset-bottom))}.pixel-dock-meta{display:grid;gap:4px;align-content:center;min-width:0}.pixel-dock-kicker{color:var(--pixel-gold);font:.46rem/1 var(--font-mono);letter-spacing:.16em}.pixel-dock-title{color:#f0e8c4;font:.95rem/1.1 var(--font-display);letter-spacing:.04em}.pixel-dock-alias{color:#8fa49a;font:.5rem/1 var(--font-mono);font-style:normal;letter-spacing:.06em}.pixel-dock-ready{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:2px;padding:2px 7px 2px 4px;border:1px solid #3d5c52;background:#0a1512ee}.pixel-dock-ready>b{padding:2px 5px;border:1px solid #456158;background:#1a2a24;color:#9db5a8;font:.48rem/1.2 var(--font-mono);letter-spacing:.1em}.pixel-dock-ready.is-ok{border-color:#8d7543;background:linear-gradient(90deg,#4a381488,#0a1512ee)}.pixel-dock-ready.is-ok>b{border-color:#d5b66f;background:#6b512c;color:#fff3c4}.pixel-dock-ready.is-wait>b{border-color:#5a6e4e;color:#d5b66f;animation:pixel-dock-pulse 1.6s steps(2,end) infinite}.pixel-dock-count{display:inline-flex;align-items:baseline;gap:2px;color:#8fa49a;font:.5rem/1 var(--font-mono)}.pixel-dock-count b{color:var(--pixel-gold);font-size:.9rem;font-family:var(--font-display)}.pixel-dock-count i{font-style:normal;opacity:.5}.pixel-dock-hint{margin:2px 0 0;color:#8fa49a;font:.48rem/1.3 var(--font-body)}.pixel-dock-hint.is-warn{color:#d5b66f}.pixel-dock-stage{min-width:0}.pixel-dock-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0;align-content:center}.pixel-dock-chip{position:relative;display:grid;grid-template-columns:18px 40px minmax(4.5rem,1fr) 18px;align-items:center;gap:0 6px;flex:1 1 168px;min-width:168px;max-width:260px;height:48px;border:1px solid #3d5c52;border-radius:0;padding:3px 6px 3px 4px;background:#0c1a18;color:#dce5d9;text-align:left;font:.58rem/1.1 var(--font-mono);cursor:default}.pixel-dock-chip>b{display:grid;place-items:center;width:18px;height:18px;background:#795d2f;color:#fff0b0;font-size:.5rem;line-height:1}.pixel-dock-chip-art{display:grid;place-items:end center;width:40px;height:42px;overflow:hidden;background:radial-gradient(ellipse 70% 40% at 50% 95%,#00000066 0%,transparent 70%),linear-gradient(180deg,#152822,#0a1412);border:1px solid #2a4440}.pixel-dock-chip-art .pixel-fighter-preview{width:40px;height:44px;margin:0;object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:drop-shadow(1px 1px 0 #050a0e)}.pixel-dock-chip-name{min-width:0;overflow:hidden;color:#eef3e6;font:.72rem/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.pixel-dock-chip>i{color:#6f8378;font-style:normal;font-size:.78rem;line-height:1;opacity:.75;text-align:center}.pixel-dock-chip-tag{position:absolute;top:2px;left:22px;z-index:2;padding:1px 3px;border:1px solid #d5b66f;background:#6b512cee;color:#fff3c4;font:.4rem/1.15 var(--font-mono);letter-spacing:.04em;font-style:normal;pointer-events:none}.pixel-dock-chip.is-filled{border-color:color-mix(in srgb,var(--slot, #d5b66f) 50%,#3d5c52);box-shadow:inset 3px 0 color-mix(in srgb,var(--slot, #d5b66f) 70%,transparent);cursor:pointer}.pixel-dock-chip.is-filled:hover,.pixel-dock-chip.is-filled:focus-visible{border-color:var(--pixel-gold);color:#fff6d8;outline:none;background:#143028}.pixel-dock-chip.is-filled:hover>i,.pixel-dock-chip.is-filled:focus-visible>i{color:#f0d080;opacity:1}.pixel-dock-chip.is-self,.pixel-dock-chip.is-host{border-color:#d5b66f;box-shadow:inset 3px 0 #d5b66f,0 0 0 1px #d5b66f33}.pixel-dock-chip.is-empty{grid-template-columns:18px minmax(0,1fr);border-style:dashed;border-color:#2f4742;background:transparent;color:#6f817b;max-width:180px;flex:0 1 148px}.pixel-dock-chip.is-empty>b{background:#1a2a28;color:#7d9188}.pixel-dock-chip.is-empty .pixel-dock-chip-name{color:inherit;font:.55rem/1.2 var(--font-mono)}.pixel-dock-chip.is-empty.is-required{border-color:#5a6e4e;color:#9db5a8}.pixel-dock-chip.is-more{border-color:#456158;color:#8fa49a;max-width:168px}.pixel-lobby.is-team-war .pixel-current-rule{border-color:#d5b66f;background:linear-gradient(145deg,#1a2a18,#0c1814 55%,#0a1210);box-shadow:inset 0 0 0 1px #d5b66f44,4px 4px #050a0e}.pixel-lobby.is-team-war .pixel-current-rule:after{content:"阵";color:#d5b66f55}.pixel-lobby.is-team-war .pixel-current-rule:before{content:"对阵擂";position:absolute;top:10px;right:12px;z-index:2;padding:2px 6px;border:1px solid #d5b66f;color:#f0e0a8;font:.55rem/1 var(--font-mono);letter-spacing:.14em}.pixel-rule-strip button.is-duel-rule{position:relative;min-width:6.4rem;border-width:2px;border-color:#c9a24a;background:linear-gradient(135deg,#3a2a12,#1c2f24 42%,#101c1a);padding:1.05rem .65rem .55rem;box-shadow:inset 0 0 0 1px #f0e0a833,0 0 0 1px #d5b66f22,4px 4px #050b0f;transform:translateY(-1px)}.pixel-rule-strip button.is-duel-rule:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#f0e0a818 50%,transparent 100%);opacity:.7}.pixel-rule-strip button.is-duel-rule small{color:#e8d48a;font-size:.58rem;letter-spacing:.12em}.pixel-rule-strip button.is-duel-rule strong{font-size:.86rem;color:#fff6d0;text-shadow:0 1px 0 #050b0f}.pixel-rule-strip button.is-duel-rule .pixel-duel-badge{position:absolute;top:4px;left:4px;right:auto;padding:2px 6px;border:1px solid #f0e0a8aa;background:#2a2110ee;color:#ffe9a8;font:.48rem/1 var(--font-mono);letter-spacing:.1em;font-style:normal;box-shadow:1px 1px #050b0f88}.pixel-rule-strip button.is-duel-rule.is-sect-duel{border-color:#d4a84a;background:linear-gradient(145deg,#3f2e10,#243528 48%,#121c18)}.pixel-rule-strip button.is-duel-rule.is-region-duel{border-color:#6eb8c8;background:linear-gradient(145deg,#1a3040,#1c2f28 48%,#101c1a)}.pixel-rule-strip button.is-duel-rule.is-region-duel .pixel-duel-badge{border-color:#9fd4e0aa;background:#122832ee;color:#c8eef6}.pixel-rule-strip button.is-duel-rule:hover{border-color:#f0e0a8;filter:brightness(1.08)}.pixel-rule-strip button.is-duel-rule[aria-pressed=true]{border-color:#ffe9a8;background:linear-gradient(145deg,#4a3814,#2c4a3a,#1a322c);box-shadow:inset 0 0 0 1px #f0e0a866,0 0 12px #d5b66f44,4px 4px #050b0f}.pixel-rule-strip button.is-duel-rule.is-region-duel[aria-pressed=true]{border-color:#b8e8f0;background:linear-gradient(145deg,#1e3a4c,#244840,#1a322c);box-shadow:inset 0 0 0 1px #9fd4e066,0 0 12px #6eb8c844,4px 4px #050b0f}.pixel-lobby.is-sect-war .pixel-team-draft,.pixel-lobby.is-region-war .pixel-team-draft{padding:.85rem .9rem 1rem;border:1px solid #d5b66f66;background:linear-gradient(180deg,#0f1c18f2,#0a1412f5);box-shadow:inset 0 1px #d5b66f22,0 10px #050a0e55}.pixel-lobby.is-region-war .pixel-team-side:first-child{--team: #6db3a0}.pixel-lobby.is-region-war .pixel-team-side:last-child{--team: #c4a36a}.pixel-team-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem 1rem;margin:.35rem 0 .75rem;padding:.55rem .65rem;border:1px solid #35544c;background:#0a1519cc}.pixel-team-toolbar .pixel-roster-tools{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%}.pixel-team-warn{color:#d5b66f;font:.62rem/1.3 var(--font-mono);font-style:normal}.pixel-team-draft{position:relative;z-index:1;margin-bottom:8rem}.pixel-team-draft-lead{display:flex;flex-wrap:wrap;align-items:end;gap:.55rem 1.2rem;margin-bottom:.75rem}.pixel-team-draft-lead p{margin:0;color:#9eb0a4;font:.72rem/1.45 var(--font-body)}.pixel-team-vs-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.65rem .75rem;align-items:stretch}.pixel-team-vs-mid{display:grid;align-content:center;justify-items:center;gap:.35rem;padding:.4rem .2rem;color:var(--pixel-gold);font-family:var(--font-display)}.pixel-team-vs-mid strong{font-size:clamp(1.4rem,4vw,2rem);letter-spacing:.08em;text-shadow:0 0 18px #d5b66f55}.pixel-team-vs-mid span{font:.58rem/1 var(--font-mono);letter-spacing:.18em;color:#8fa49a}.pixel-team-vs-mid small{font:.72rem/1 var(--font-mono);color:#e8f0df}.pixel-team-side{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:.55rem;min-width:0;padding:.7rem .75rem .85rem;border:1px solid color-mix(in srgb,var(--team, #6db3a0) 45%,#1c3330);background:linear-gradient(165deg,color-mix(in srgb,var(--team, #6db3a0) 16%,#0a1614),#081219ee 55%,#061014f2);box-shadow:inset 0 1px color-mix(in srgb,var(--team, #6db3a0) 28%,transparent),0 8px #050a0e66}.pixel-team-side.is-ready{border-color:color-mix(in srgb,var(--team, #6db3a0) 70%,#d5b66f)}.pixel-team-side-head{display:flex;align-items:start;justify-content:space-between;gap:.5rem}.pixel-team-side-head small{display:block;color:#8fa49a;font:.5rem/1 var(--font-mono);letter-spacing:.16em}.pixel-team-side-head strong{color:#eef1d7;font:1.05rem/1.1 var(--font-display);letter-spacing:.04em}.pixel-team-count{display:grid;justify-items:end;gap:2px;color:#8fa49a;font:.58rem/1 var(--font-mono)}.pixel-team-count b{color:var(--pixel-gold);font-size:1rem}.pixel-team-count i{font-style:normal}.pixel-team-count.is-need i{color:#d5b66f}.pixel-team-count.is-ok i{color:#8fc9a8}.pixel-team-family-strip{display:grid;gap:6px;padding:7px 8px 8px;border:1px dashed color-mix(in srgb,var(--team, #6db3a0) 40%,#3d5c52);background:repeating-linear-gradient(-12deg,transparent 0 6px,color-mix(in srgb,var(--team, #6db3a0) 6%,transparent) 6px 7px),#071310ee}.pixel-team-family-label{display:inline-flex;align-items:center;gap:6px;color:#9bb5a6;font:.52rem/1 var(--font-mono);letter-spacing:.18em;text-transform:none}.pixel-team-family-label b{display:grid;place-items:center;width:18px;height:18px;border:1px solid #d5b66f;background:#5a4228;color:#fff3c4;font:.58rem/1 var(--font-display);letter-spacing:0}.pixel-team-family-options{display:flex;flex-wrap:wrap;gap:6px}.pixel-team-family-chip{display:grid;gap:2px;min-width:72px;min-height:40px;padding:.35rem .55rem .4rem;border:1px solid color-mix(in srgb,var(--fighter, #d5b66f) 55%,#35544c);background:linear-gradient(180deg,color-mix(in srgb,var(--fighter, #d5b66f) 18%,#142822),#0c1a18);color:#e8f0df;text-align:left;cursor:pointer;box-shadow:inset 3px 0 0 var(--fighter, var(--pixel-gold))}.pixel-team-family-chip strong{color:#f2e9c7;font:.78rem/1.1 var(--font-display);letter-spacing:.04em}.pixel-team-family-chip small{color:#8fa89c;font:.48rem/1.2 var(--font-mono);letter-spacing:.06em}.pixel-team-family-chip[aria-pressed=true]{border-color:var(--fighter, var(--pixel-gold));background:linear-gradient(180deg,color-mix(in srgb,var(--fighter, #d5b66f) 34%,#2a3f28),#143028);box-shadow:inset 3px 0 0 var(--fighter, var(--pixel-gold)),inset 0 0 0 1px #d5b66f55}.pixel-team-family-chip[aria-pressed=true] strong{color:#fff3c4}.pixel-team-family-chip:disabled{cursor:default}.pixel-team-family-chip:not(:disabled):hover,.pixel-team-family-chip:not(:disabled):focus-visible{border-color:#d5b66f;outline:none}.pixel-team-bench{display:flex;flex-wrap:wrap;gap:5px}.pixel-team-bench-slot{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:.2rem .45rem;border:1px solid #35544c;background:#0a1512;color:#d7e2d6;font:.58rem/1 var(--font-mono)}.pixel-team-bench-slot b{color:var(--pixel-gold)}.pixel-team-bench-slot.is-empty{color:#6f8378;border-style:dashed}.pixel-team-bench-slot.is-required{border-color:#d5b66f66}.pixel-team-bench-slot.is-filled{border-color:color-mix(in srgb,var(--team, #6db3a0) 55%,#35544c);cursor:pointer}.pixel-team-bench-slot i{font-style:normal;opacity:.55}.pixel-team-pool{display:grid;grid-template-columns:1fr;gap:6px;max-height:min(52vh,420px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px;-webkit-overflow-scrolling:touch}@media(min-width:1280px){.pixel-team-pool{grid-template-columns:repeat(2,minmax(0,1fr))}}.pixel-team-pool-empty{grid-column:1 / -1;margin:.4rem 0;color:#8fa49a;font:.62rem/1.4 var(--font-mono)}.pixel-team-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:58px;border:1px solid #2f4a44;background:#0a1512cc;color:inherit}.pixel-team-card-main{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;padding:.4rem .5rem;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.pixel-team-card-kind{display:none}.pixel-team-card-inspect{display:grid;place-items:center;min-width:36px;padding:0 .5rem;border:0;border-left:1px solid #2f4a44;background:#10231ecc;color:var(--pixel-gold);font:.62rem/1 var(--font-mono);letter-spacing:.12em;cursor:pointer}.pixel-team-card-inspect:hover,.pixel-team-card-inspect:focus-visible{background:#6b512c;color:#fff3c4;outline:none}.pixel-team-card .pixel-fighter-preview{width:48px;height:52px;object-fit:contain;image-rendering:pixelated}.pixel-team-card-copy{display:grid;gap:3px;min-width:0}.pixel-team-card-copy strong{overflow:hidden;color:#e8f0df;font:.78rem/1.2 var(--font-display);letter-spacing:.02em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;word-break:break-word}.pixel-team-card-copy small{overflow:hidden;color:#8fa49a;font:.52rem/1.25 var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.pixel-team-card-main>em{flex:none;min-width:1.6rem;color:var(--pixel-gold);font:.68rem/1 var(--font-mono);font-style:normal;text-align:right}.pixel-team-card.is-on{border-color:#d5b66f;background:linear-gradient(90deg,#6b512c55,#143028ee 42%,#0a1512f0);box-shadow:inset 3px 0 #d5b66f,inset 0 0 0 1px #d5b66f55,0 0 0 1px #d5b66f44}.pixel-team-card.is-on .pixel-team-card-copy strong{color:#fff3c4}.pixel-team-card.is-on .pixel-team-card-main>em{color:#ffe4a0;font-weight:700}.pixel-team-card.is-inspect{border-color:#8eb9a0}.pixel-team-pool:has(.pixel-team-card.is-on) .pixel-team-card:not(.is-on){opacity:.78}.pixel-team-card.is-blocked{opacity:.4;cursor:not-allowed}.pixel-team-card-mark{position:absolute;top:2px;left:2px;z-index:1;padding:2px 5px;border:1px solid #d5b66f;background:#6b512cee;color:#fff3c4;font:.48rem/1.15 var(--font-mono);letter-spacing:.08em;box-shadow:0 1px #0a1214}.pixel-dock-duel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 18px}.pixel-dock-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);z-index:1;pointer-events:none;color:var(--pixel-gold);font:.68rem/1 var(--font-display);letter-spacing:.12em;text-shadow:0 0 12px #d5b66f55;opacity:.85}.pixel-dock-duel-side{display:grid;gap:4px;min-width:0;padding:.3rem .4rem .35rem;border:1px solid #2f4a44;background:#0a151299}.pixel-dock-duel-side.is-left{box-shadow:inset 3px 0 #6db3a088}.pixel-dock-duel-side.is-right{box-shadow:inset -3px 0 #c4a36a88}.pixel-dock-duel-side.is-ready{border-color:#5a7a68}.pixel-dock-duel-side header{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem}.pixel-dock-duel-side header strong{color:#e8f0df;font:.72rem/1 var(--font-display)}.pixel-dock-duel-side header span{color:#8fa49a;font:.5rem/1 var(--font-mono)}.pixel-dock-duel-side header span i{font-style:normal;opacity:.65}.pixel-dock-duel-side header span.is-ok{color:#8fc9a8}.pixel-dock-duel-side header span.is-need{color:#d5b66f}.pixel-dock-duel-side .pixel-dock-chips{display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;max-height:9.5rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.pixel-dock-duel-side .pixel-dock-chip{flex:0 0 auto;width:100%;min-width:0;max-width:none;grid-template-columns:18px 36px minmax(0,1fr) 18px}.pixel-dock-duel-side .pixel-dock-chip-name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere;font-size:.68rem;line-height:1.15}.pixel-dock-duel-side .pixel-dock-chip.is-empty{max-width:none;width:100%;flex:0 0 auto}@media(max-width:900px){.pixel-team-vs-grid{grid-template-columns:1fr}.pixel-team-vs-mid{grid-row:2;padding:.2rem}.pixel-team-pool{max-height:38vh}.pixel-dock-duel{grid-template-columns:1fr;gap:6px}.pixel-dock-vs{display:none}}.pixel-dock-cmd{display:grid;gap:6px;align-content:center;min-width:0;padding:.4rem .45rem .45rem;border:1px solid #456158;background:linear-gradient(165deg,#142822ee,#0a1512f5);box-shadow:inset 0 1px #d5b66f18}.pixel-dock-cmd-grid{display:grid;grid-template-columns:auto 1fr;gap:5px 6px;align-items:center}.pixel-dock-seed{display:contents;color:var(--pixel-muted);font:.5rem/1 var(--font-mono);letter-spacing:.12em}.pixel-dock-seed>span,.pixel-dock-field>span{color:#7f9488;font:.46rem/1 var(--font-mono);letter-spacing:.12em;white-space:nowrap}.pixel-dock-seed input{width:100%;min-width:0;border:1px solid var(--pixel-line);border-radius:0;padding:.32rem .4rem;background:#0d1c22;color:var(--pixel-ink);font:.68rem/1 var(--font-mono)}.pixel-dock-field{display:contents}.pixel-dock-field .pixel-mode{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.pixel-dock-field .pixel-mode--combat{grid-auto-flow:unset;grid-auto-columns:unset;grid-template-columns:.85fr 1.35fr}.pixel-dock-field .pixel-mode button{min-width:0;padding:.36rem .2rem;font-size:.52rem;box-shadow:none}.pixel-gesture-hint{margin:0;padding:3px 5px;border:1px solid #3d5c5288;background:#0a1518cc;color:#9db5a8;font:.48rem/1.3 var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pixel-mode{display:inline-grid;grid-auto-flow:column;border:1px solid #456158;background:#0d1c22}.pixel-mode button{border:0;border-radius:0;padding:.48rem .7rem;background:transparent;color:#8fa49a;font:.62rem/1 var(--font-mono)}.pixel-mode button+button{border-left:1px solid #456158}.pixel-mode button[aria-pressed=true],.pixel-controls button[aria-pressed=true]{background:#1a322c;color:var(--pixel-gold)}.pixel-mode--combat{border-color:#5a7a6a;grid-template-columns:.85fr 1.35fr}.pixel-mode--combat .pixel-mode-gesture{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.28rem;min-width:0;padding:.42rem .55rem;background:linear-gradient(180deg,#243a28,#152820 55%,#0f1c18);color:#e8d18a;font:.68rem/1 var(--font-display);letter-spacing:.04em;box-shadow:inset 0 0 0 1px #c9a24a66,inset 0 1px #fff2b822;animation:pixel-mode-gesture-breathe 2.4s ease-in-out infinite}.pixel-mode--combat .pixel-mode-gesture-mark{display:inline-grid;place-items:center;flex:none;min-width:1.05em;height:1.05em;padding:0 .1em;border:1px solid #8d7543;background:linear-gradient(180deg,#f0d98a,#c9a24a);color:#1a1810;font:700 .52rem/1 var(--font-mono);letter-spacing:0;font-style:normal}.pixel-mode--combat .pixel-mode-gesture-label{white-space:nowrap}.pixel-mode--combat .pixel-mode-gesture-default{font:.48rem/1 var(--font-mono);color:#b8c4a8;font-style:normal;opacity:.9}.pixel-mode--combat .pixel-mode-gesture:hover,.pixel-mode--combat .pixel-mode-gesture:focus-visible{color:#fff4c4;background:linear-gradient(180deg,#2f4a32,#1a3228 55%,#12241c);box-shadow:inset 0 0 0 1px #e0bc5e99,inset 0 1px #fff2b833,0 0 10px #c9a24a44}.pixel-mode--combat .pixel-mode-gesture[aria-pressed=true]{color:#1a1810;background:linear-gradient(180deg,#f3e0a0 0%,var(--pixel-gold) 48%,#b89248 100%);box-shadow:inset 0 1px #fff8d8aa,0 0 0 1px #8d7543,0 0 12px #c9a24a55;animation:none}.pixel-mode--combat .pixel-mode-gesture[aria-pressed=true] .pixel-mode-gesture-mark{border-color:#5a4a22;background:#1a1810;color:var(--pixel-gold)}.pixel-mode--combat .pixel-mode-gesture[aria-pressed=true] .pixel-mode-gesture-default{color:#3a3020}@keyframes pixel-mode-gesture-breathe{0%,to{box-shadow:inset 0 0 0 1px #c9a24a55,inset 0 1px #fff2b818,0 0 #c9a24a00}50%{box-shadow:inset 0 0 0 1px #e0bc5e99,inset 0 1px #fff2b828,0 0 10px #c9a24a55}}@media(prefers-reduced-motion:reduce){.pixel-mode--combat .pixel-mode-gesture{animation:none}}.pixel-start{display:grid;gap:1px;justify-items:center;width:100%;min-height:2.85rem;border:1px solid #8d7543;border-radius:0;padding:.4rem .7rem .42rem;background:linear-gradient(180deg,#e8cf88 0%,var(--pixel-gold) 42%,#b89248 100%);color:#101816;box-shadow:3px 3px #382f20,inset 0 1px #fff3c488;font:.82rem/1 var(--font-display);letter-spacing:.06em;text-align:center;cursor:pointer}.pixel-start small{font:.4rem/1 var(--font-mono);letter-spacing:.16em;opacity:.75}.pixel-start strong{font:.95rem/1.1 var(--font-display);letter-spacing:.12em}.pixel-start em{font:.45rem/1 var(--font-mono);font-style:normal;letter-spacing:.06em;opacity:.7}.pixel-start.is-armed{border-color:#f0e0a8;box-shadow:3px 3px #382f20,0 0 14px #d5b66f44,inset 0 1px #fff3c4aa}.pixel-start:not(:disabled):hover,.pixel-start:not(:disabled):focus-visible{filter:brightness(1.06);outline:none}.pixel-start:not(:disabled):active{transform:translate(2px,2px);box-shadow:1px 1px #382f20}.pixel-start:disabled{opacity:.38;cursor:not-allowed;box-shadow:2px 2px #382f2044;filter:grayscale(.25)}@keyframes pixel-dock-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.pixel-dock-ready.is-wait>b{animation:none}}.pixel-battle{position:relative;padding-top:1rem}.pixel-shell.pixel-phase-battle{position:relative;z-index:1;background:transparent;padding-bottom:1.5rem}.pixel-battle-aura{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:#09131d}.pixel-battle-aura-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d1a24,#09131d 38%,#0a171c 72%,#08141a)}.pixel-battle-aura-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px}.pixel-battle-aura-ridge{position:absolute;left:-2%;right:-2%;bottom:0;height:48%}.pixel-battle-aura-mat{position:absolute;top:0;bottom:0;width:max(72px,12vw)}.pixel-battle-aura-mat--left{left:0;background:linear-gradient(90deg,#070f14 0%,#070f14ee 55%,transparent 100%)}.pixel-battle-aura-mat--right{right:0;background:linear-gradient(270deg,#070f14 0%,#070f14ee 55%,transparent 100%)}.pixel-battle-aura-mat--left:after,.pixel-battle-aura-mat--right:after{content:"";position:absolute;top:10%;bottom:14%;width:1px;background:#35544c66}.pixel-battle-aura-mat--left:after{right:18%}.pixel-battle-aura-mat--right:after{left:18%}.pixel-battle-aura-corner{position:absolute;width:22px;height:22px;border-color:#d5b66f55;border-style:solid}.pixel-battle-aura-corner--tl{top:18px;left:18px;border-width:1px 0 0 1px}.pixel-battle-aura-corner--tr{top:18px;right:18px;border-width:1px 1px 0 0}.pixel-battle-aura-corner--bl{bottom:18px;left:18px;border-width:0 0 1px 1px}.pixel-battle-aura-corner--br{bottom:18px;right:18px;border-width:0 1px 1px 0}.pixel-battle-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:.85rem}.pixel-battle-head>div:not(.pixel-battle-head-actions){display:grid;text-align:center}.pixel-battle-head-actions{justify-self:end;display:flex;align-items:center;gap:.45rem}.pixel-battle-head strong{color:var(--pixel-gold);font-family:var(--font-display);text-shadow:0 0 18px #0a181ccc}.pixel-battle-head span{color:var(--pixel-muted);font:.62rem var(--font-mono)}.pixel-battle-head a{justify-self:end;font:.68rem var(--font-mono)}.pixel-frame-shell{position:relative;padding:1.15rem 1.35rem 1.35rem;border:1px solid #35544c66;background:#0a151acc;box-shadow:0 10px #050a0e66}.pixel-frame-corner{position:absolute;width:18px;height:18px;border-color:var(--pixel-gold);border-style:solid;opacity:.85;pointer-events:none}.pixel-frame-corner--tl{top:8px;left:8px;border-width:2px 0 0 2px}.pixel-frame-corner--tr{top:8px;right:8px;border-width:2px 2px 0 0}.pixel-frame-corner--bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.pixel-frame-corner--br{bottom:8px;right:8px;border-width:0 2px 2px 0}.pixel-frame-rail{color:#8fa89c;font:.55rem/1 var(--font-mono);letter-spacing:.18em;text-align:center;text-transform:none}.pixel-frame-rail--top{margin-bottom:.55rem;color:var(--pixel-gold);letter-spacing:.28em}.pixel-frame-rail--bottom{margin-top:.55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.pixel-frame{position:relative;width:100%;aspect-ratio:16 / 9;border:4px solid #253d3d;outline:1px solid #52706a;overflow:hidden;background:#09131d;box-shadow:0 0 0 1px #0a1214,8px 10px #050a0e}.pixel-canvas{display:block;width:100%;height:100%;image-rendering:auto}.pixel-settlement{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(4,auto);align-content:center;gap:4px;padding:clamp(.5rem,1.8vw,1rem);color:#eaf0df;background:linear-gradient(90deg,#071015e8,#0b171cce 48%,#071015e8),radial-gradient(circle at 50% 35%,#765a2c42,transparent 42%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:settlement-in .28s steps(5,end) both}.pixel-settlement-title{text-align:center}.pixel-settlement-title>span{color:var(--pixel-gold);font:.5rem var(--font-mono);letter-spacing:.35em}.pixel-settlement-title h2{margin:.05rem 0;color:#fff0b8;font:clamp(1.05rem,3vw,1.55rem) var(--font-display);letter-spacing:.08em;text-shadow:0 2px 12px #9f5f2d}.pixel-settlement-title p{margin:0;color:#9eb0a9;font:.56rem var(--font-body)}.pixel-settlement-basis{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(150px,1.2fr) minmax(180px,1.35fr);align-items:center;gap:5px 9px;width:min(100%,38rem);margin:0 auto;padding:5px 7px;border:1px solid #5d6f5f;background:#0a1518d0}.pixel-settlement-basis>div{display:grid;gap:2px;min-width:0}.pixel-settlement-basis small{color:var(--pixel-jade);font:.46rem var(--font-mono);letter-spacing:.08em}.pixel-settlement-basis strong{color:#fff0b8;font:.67rem/1.2 var(--font-display)}.pixel-settlement-basis em{display:-webkit-box;overflow:hidden;color:#9eb0a9;font:.5rem/1.25 var(--font-body);font-style:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1}.pixel-settlement-basis>p{grid-column:3;grid-row:1;margin:0;padding-left:9px;border-left:1px solid #35504e;color:#d7e4d4;font:.52rem/1.3 var(--font-mono)}.pixel-settlement-ranks{display:grid;width:min(100%,34rem);margin:0 auto;gap:2px}.pixel-settlement-ranks>div{display:grid;grid-template-columns:18px minmax(70px,1fr) minmax(70px,1.4fr) auto;align-items:center;gap:6px;padding:2px 6px;border-bottom:1px solid #40514d;background:#091319a8}.pixel-settlement-ranks>div.is-winner{color:#fff0b8;background:#4b371c99}.pixel-settlement-ranks b{color:var(--pixel-gold);font:.65rem var(--font-mono)}.pixel-settlement-ranks span{font:.62rem var(--font-body)}.pixel-settlement-ranks i{height:5px;padding:1px;background:#03080b}.pixel-settlement-ranks i em{display:block;height:100%;background:linear-gradient(90deg,#a84f35,#e2b45f)}.pixel-settlement-ranks small{color:#9eb0a9;font:.52rem var(--font-mono);white-space:nowrap}.pixel-settlement footer{display:flex;justify-content:center;gap:6px}.pixel-settlement footer button{border:1px solid #52645f;border-radius:0;padding:.28rem .58rem;color:#dbe4d7;background:#0c191f;box-shadow:2px 2px #03080b;font:.62rem var(--font-body)}.pixel-settlement footer button.is-primary{border-color:#b8914c;color:#151b19;background:#d7b66d}@keyframes settlement-in{0%{opacity:0;transform:scale(1.025)}}.pixel-hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:5px;margin-top:1rem}.pixel-hud.is-team-split{grid-template-columns:1fr 1fr;gap:.55rem;align-items:start}.pixel-hud-side{display:grid;gap:4px;min-width:0;padding:6px;border:1px solid #263f3f;background:#0a151aee}.pixel-hud-side.is-left{border-color:#8a6b2e88;background:linear-gradient(180deg,#1a1810ee,#0a151aee);box-shadow:inset 2px 0 #d5b66f66}.pixel-hud-side.is-right{border-color:#3d6a7888;background:linear-gradient(180deg,#101820ee,#0a151aee);box-shadow:inset -2px 0 #6eb8c866}.pixel-hud-side-label{margin:0 0 2px;color:#e8d48a;font:.58rem/1.2 var(--font-mono);letter-spacing:.12em}.pixel-hud-side.is-right .pixel-hud-side-label{color:#9fd4e0;text-align:right}.pixel-hud>div,.pixel-hud-side>div{display:grid;grid-template-columns:minmax(74px,1fr) 54px 52px;align-items:center;gap:5px;padding:5px 7px;border:1px solid #263f3f;background:#0c191f;font:.62rem var(--font-mono)}.pixel-hud-side>div{background:#0c191fcc}.pixel-hud span,.pixel-hud-side span{display:grid;min-width:0}.pixel-hud span strong,.pixel-hud-side span strong{color:var(--pixel-ink);font:400 .72rem var(--font-body);line-height:1.15;overflow-wrap:anywhere}.pixel-hud span em,.pixel-hud small em,.pixel-hud-side span em,.pixel-hud-side small em{overflow:hidden;color:var(--pixel-muted);font:normal .5rem var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.pixel-hud i,.pixel-hud-side i{height:6px;padding:1px;background:#071015}.pixel-hud b,.pixel-hud-side b{display:block;height:100%;background:var(--pixel-jade)}.pixel-hud small,.pixel-hud-side small{color:var(--pixel-muted);text-align:right}.pixel-hud .is-ko,.pixel-hud-side .is-ko{opacity:.4}.pixel-controls{display:flex;gap:5px;margin-top:.75rem}@media(max-width:720px){.pixel-lobby-bamboo--left,.pixel-lobby-bamboo--right{opacity:.28;width:min(36vw,140px)}.pixel-lobby-lantern{display:none}.pixel-lobby-rain{opacity:.05}.pixel-shell{padding-bottom:7.5rem}.pixel-team-draft{margin-bottom:7rem}.pixel-dock-rail{height:2px}.pixel-dock-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta cmd" "stage stage";gap:5px 8px;align-items:center;width:100%;padding:.35rem .55rem calc(.3rem + env(safe-area-inset-bottom))}.pixel-dock.is-team .pixel-dock-inner{padding-top:.35rem;padding-bottom:calc(.3rem + env(safe-area-inset-bottom))}.pixel-dock-meta{grid-area:meta;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;overflow:hidden}.pixel-dock-kicker,.pixel-dock-alias,.pixel-dock-hint:not(.is-warn){display:none}.pixel-dock-title{flex:none;max-width:42%;overflow:hidden;font-size:.78rem;white-space:nowrap;text-overflow:ellipsis}.pixel-dock-ready{margin-top:0;padding:1px 5px 1px 3px;flex:none}.pixel-dock-ready>b{padding:1px 4px;font-size:.44rem}.pixel-dock-count b{font-size:.78rem}.pixel-dock-hint.is-warn{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;font-size:.45rem;white-space:nowrap;text-overflow:ellipsis}.pixel-dock-stage{grid-area:stage;min-width:0}.pixel-dock-chips{flex-wrap:nowrap;gap:4px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pixel-dock-chips::-webkit-scrollbar{display:none}.pixel-dock-chip{flex:0 0 auto;min-width:0;width:max-content;max-width:9.5rem;height:34px;grid-template-columns:14px 26px minmax(0,5.5rem) 14px;gap:0 4px;padding:2px 4px 2px 3px}.pixel-dock-chip>b{width:14px;height:14px;font-size:.44rem}.pixel-dock-chip-art{width:26px;height:30px}.pixel-dock-chip-art .pixel-fighter-preview{width:28px;height:30px}.pixel-dock-chip-name{font-size:.6rem}.pixel-dock-chip-tag{display:none}.pixel-dock-chip.is-empty,.pixel-dock-chip.is-more{max-width:5.5rem;flex:0 0 auto;width:auto;min-width:4.2rem;grid-template-columns:14px minmax(0,1fr)}.pixel-dock-duel{display:grid;grid-template-columns:1fr 1fr;gap:4px 6px}.pixel-dock-vs{display:none}.pixel-dock-duel-side{padding:.2rem .3rem;min-width:0}.pixel-dock-duel-side header strong{font-size:.62rem}.pixel-dock-duel-side header span{font-size:.45rem}.pixel-dock-duel-side .pixel-dock-chips{flex-direction:row;flex-wrap:nowrap;max-height:none;overflow-x:auto;overflow-y:hidden;gap:3px}.pixel-dock-duel-side .pixel-dock-chip{width:max-content;max-width:7.2rem;min-width:0;flex:0 0 auto;grid-template-columns:12px 22px minmax(0,4rem) 12px;height:30px}.pixel-dock-duel-side .pixel-dock-chip-art{width:22px;height:26px}.pixel-dock-duel-side .pixel-dock-chip-art .pixel-fighter-preview{width:24px;height:26px}.pixel-dock-duel-side .pixel-dock-chip-name{display:block;-webkit-line-clamp:unset;line-clamp:unset;white-space:nowrap;font-size:.52rem;line-height:1.1}.pixel-dock-duel-side .pixel-dock-chip.is-empty{width:auto;max-width:4.5rem;min-width:3.6rem}.pixel-dock-cmd{grid-area:cmd;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;min-width:6.4rem;padding:0;border:0;background:none;box-shadow:none}.pixel-dock-seed>span,.pixel-dock-seed input,.pixel-dock-field--win>span,.pixel-dock-field--win .pixel-mode,.pixel-dock-field--ult>span,.pixel-dock-field--ult .pixel-mode,.pixel-dock-field--mode>span{display:none!important}.pixel-dock-cmd-grid{display:block;width:100%}.pixel-dock-field--mode .pixel-mode{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.pixel-dock-field--mode .pixel-mode--combat{grid-auto-columns:unset;grid-template-columns:.8fr 1.4fr}.pixel-dock-field--mode .pixel-mode button{padding:.28rem .15rem;font-size:.48rem;min-height:1.55rem}.pixel-dock-field--mode .pixel-mode--combat .pixel-mode-gesture{gap:.18rem;padding:.28rem .2rem;font-size:.52rem;min-height:1.7rem}.pixel-dock-field--mode .pixel-mode--combat .pixel-mode-gesture-mark{min-width:.95em;height:.95em;font-size:.42rem}.pixel-dock-field--mode .pixel-mode--combat .pixel-mode-gesture-label{letter-spacing:.02em}.pixel-gesture-hint{display:none}.pixel-start{width:100%;min-width:0;min-height:2.2rem;padding:.28rem .45rem .3rem;box-shadow:2px 2px #382f20}.pixel-start strong{font-size:.78rem;letter-spacing:.06em}.pixel-start small{font-size:.34rem}.pixel-start em{display:none}}.pixel-shell{max-width:1120px;padding-bottom:9rem}.pixel-mast{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(1.2rem,4vw,3rem);align-items:end;padding:2rem 0 1.25rem}.pixel-mast-side{display:grid;gap:.55rem;justify-items:stretch}.pixel-mast-side .pixel-sfx-mute{justify-self:end}.pixel-mast-copy{min-width:0}.pixel-mast h1{font-size:clamp(2.3rem,6vw,4.25rem)}.pixel-mast h1 span{display:inline-block;margin-right:.8rem;font-size:.3em;line-height:1;vertical-align:middle}.pixel-current-rule{position:relative;display:grid;gap:4px;min-height:116px;padding:14px 16px;border:1px solid #617a6d;background:linear-gradient(90deg,#132720eb,#0c191ceb),repeating-linear-gradient(0deg,transparent 0 7px,#38504520 7px 8px);box-shadow:7px 7px #050b0e}.pixel-current-rule:after{content:"擂";position:absolute;right:10px;bottom:5px;color:#a9413770;font:3.3rem/1 var(--font-display);transform:rotate(-7deg)}.pixel-current-rule small{color:var(--pixel-jade);font:.56rem var(--font-mono);letter-spacing:.1em}.pixel-current-rule strong{position:relative;z-index:1;color:#f4e7b6;font:1.35rem var(--font-display)}.pixel-current-rule p{position:relative;z-index:1;max-width:180px;margin:0;color:#b1c2b8;font:.64rem/1.4 var(--font-body)}.pixel-current-rule span{color:#8fa49a;font:.52rem var(--font-mono)}.pixel-nav{grid-column:1 / -1;margin-top:0}.pixel-command-panel{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:stretch;margin-top:10px;padding:10px;border:1px solid #294541;background:#0b171bd6}.pixel-section-label{display:grid;align-content:center;gap:2px;border-right:1px solid #38534c}.pixel-section-label small{color:#6e9482;font:.48rem var(--font-mono);letter-spacing:.08em}.pixel-section-label strong{color:var(--pixel-gold);font:1rem var(--font-display)}.pixel-command-panel .pixel-rule-strip{align-items:stretch;padding:0 0 4px}.pixel-command-panel .pixel-rule-strip button{min-width:5.2rem;padding:.45rem .6rem;box-shadow:none}.pixel-quick-list{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.pixel-roster-head{display:grid;grid-template-columns:70px minmax(150px,1fr) minmax(320px,auto);gap:12px;align-items:center;margin:18px 0 8px;padding:10px;border-top:1px solid #476157;border-bottom:1px solid #263f3b;background:#0a1519b8}.pixel-roster-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px}.pixel-roster-title>strong{width:100%;color:#ebdfb1;font:1.05rem var(--font-display)}.pixel-roster-title span,.pixel-roster-title em{color:var(--pixel-muted);font:.54rem/1.3 var(--font-mono);font-style:normal}.pixel-roster-title .is-warn{color:#d8a06b}.pixel-roster-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.pixel-search{display:flex;min-width:220px;border:1px solid #405c53;background:#081216}.pixel-search span{display:grid;place-items:center;width:30px;color:var(--pixel-gold);font:.7rem var(--font-display)}.pixel-search input,.pixel-roster-tools select{min-width:0;border:0;border-left:1px solid #2a443f;border-radius:0;padding:.42rem .5rem;outline:none;background:#0c191d;color:var(--pixel-ink);font:.58rem var(--font-mono)}.pixel-search input{flex:1}.pixel-search:focus-within{border-color:var(--pixel-jade)}.pixel-archetype-filter{display:flex;gap:2px}.pixel-archetype-filter button{min-width:28px;border:1px solid #3a554e;border-radius:0;padding:.38rem .3rem;background:#0d1d21;color:#91a49b;font:.58rem var(--font-mono)}.pixel-archetype-filter button[aria-pressed=true]{border-color:var(--pixel-gold);background:#4b3b22;color:#ffe9a9}.pixel-roster{grid-template-columns:repeat(auto-fill,minmax(202px,1fr));gap:8px}.pixel-card{min-height:238px;transition:border-color .1s linear,background .1s linear,transform .1s steps(2,end)}.pixel-card-select{grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto 1fr auto auto auto;min-height:238px;align-content:stretch;align-items:center;justify-items:stretch;gap:4px 8px;padding:11px 8px 7px;text-align:left}.pixel-card:hover,.pixel-card:focus-within{z-index:2;border-color:#86a995;background:#13272a;transform:translateY(-2px)}.pixel-card-select:focus-visible{outline:none}.pixel-card-topline{grid-column:1 / -1;display:flex;justify-content:space-between;padding-bottom:4px;border-bottom:1px solid #29423e}.pixel-card-topline b,.pixel-card-topline i{color:#89a496;font:.5rem var(--font-mono);font-style:normal}.pixel-card-topline i{color:var(--pixel-gold)}.pixel-card-role{left:7px;top:31px;padding:3px 7px;border:1px solid #e0c070;background:linear-gradient(180deg,#8a6430,#5a4228e8);color:#fff8d6;font:.58rem/1.2 var(--font-mono);letter-spacing:.08em;box-shadow:0 1px #0a1214,inset 0 1px #f0d89066}.pixel-card .pixel-fighter-preview{grid-column:1;grid-row:2 / span 2;width:96px;height:112px;margin:0;object-fit:contain;object-position:center bottom;image-rendering:pixelated}.pixel-card-copy{grid-column:2;display:grid;align-self:end;gap:3px}.pixel-card-copy strong{min-height:0;color:#f2e9c7;font:.9rem/1.08 var(--font-display)}.pixel-card-copy small{color:#afc0b6;font:.52rem var(--font-mono)}.pixel-card-copy q{color:#849991;font:.56rem/1.35 var(--font-body);quotes:"「" "」"}.pixel-card-marks{grid-column:2;display:flex;flex-wrap:wrap;gap:3px;align-self:start}.pixel-card-marks i{padding:2px 4px;border:1px solid #344e48;color:#a9bcb1;font:.46rem var(--font-mono);font-style:normal}.pixel-card-attrs{grid-column:1 / -1;margin-top:1px}.pixel-card-hint{grid-column:1 / -1;color:#617871;font:.46rem var(--font-mono);font-style:normal;text-align:center}.pixel-card-inspect{position:absolute;z-index:3;top:28px;right:6px;min-width:28px;min-height:28px;padding:0 6px;border:1px solid #9a7a3d;background:#5a4228e8;color:#fff3c4;font:.62rem/1 var(--font-mono);letter-spacing:.12em;cursor:pointer;box-shadow:0 1px #0a1214}.pixel-card-inspect:hover,.pixel-card-inspect:focus-visible{background:#7a5a30;outline:none}.pixel-card.is-inspect .pixel-card-inspect{border-color:#c4e0c8;background:#2a4a3c}.pixel-roster-empty{display:grid;place-items:center;gap:6px;min-height:220px;border:1px dashed #35504e;color:var(--pixel-muted)}.pixel-roster-empty strong{color:var(--pixel-gold);font:1.1rem var(--font-display)}.pixel-roster-empty span,.pixel-roster-empty button{font:.62rem var(--font-mono)}.pixel-roster-empty button{border:1px solid var(--pixel-line);padding:.4rem .7rem;background:#102229;color:var(--pixel-ink)}.pixel-sheet-root{top:0;right:0;bottom:0;left:0;display:grid;align-items:end;justify-items:center;padding:0;pointer-events:none}.pixel-sheet-backdrop,.pixel-card-sheet{pointer-events:auto}.pixel-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#04090dcc;cursor:pointer}.pixel-card-sheet{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(720px,100%);max-height:min(88dvh,860px);overflow:hidden;border:1px solid #6f8f7d;border-bottom:0;background:linear-gradient(180deg,#173028f8,#0c171cfa),repeating-linear-gradient(0deg,#1a2c2888 0 1px,transparent 1px 5px);box-shadow:0 0 0 1px #0a1214,0 -10px #050a0ccc,inset 0 3px var(--fighter, var(--pixel-jade));color:var(--pixel-ink);animation:pixel-sheet-up .18s steps(4,end)}.pixel-card-sheet.is-selected{border-color:#c4a45e;box-shadow:0 0 0 1px #0a1214,0 0 0 2px #d5b66f66,0 -10px #050a0ccc,inset 0 3px var(--fighter, var(--pixel-gold))}.pixel-sheet-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #3d5c52;background:#0a1518f0}.pixel-sheet-bar-copy{display:grid;gap:2px;min-width:0}.pixel-sheet-bar-copy span{color:#8fa89c;font:.52rem/1.2 var(--font-mono);letter-spacing:.12em}.pixel-sheet-bar-copy strong{overflow:hidden;color:#f2e5b4;font:1rem/1.15 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.pixel-sheet-bar-actions{display:flex;flex-wrap:wrap;gap:6px}.pixel-sheet-pick,.pixel-sheet-close{min-height:36px;padding:0 12px;border:1px solid #4d6d62;background:#173028;color:#c7d6cb;font:.7rem/1 var(--font-mono);letter-spacing:.08em;cursor:pointer}.pixel-sheet-pick.is-on{border-color:#d5b66f;background:#6b512c;color:#fff3c4}.pixel-sheet-pick:disabled{opacity:.45;cursor:not-allowed}.pixel-sheet-close:hover,.pixel-sheet-close:focus-visible,.pixel-sheet-pick:not(:disabled):hover,.pixel-sheet-pick:not(:disabled):focus-visible{border-color:#d5b66f;outline:none}.pixel-sheet-body{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 0 calc(12px + env(safe-area-inset-bottom,0px))}.pixel-sheet-body .pixel-card-tip-inner{padding-bottom:18px}@keyframes pixel-sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(min-width:900px){.pixel-sheet-root{align-items:center;padding:24px 16px}.pixel-card-sheet{max-height:min(84vh,760px);border-bottom:1px solid #6f8f7d;box-shadow:0 0 0 1px #0a1214,12px 16px #050a0ccc,inset 0 3px var(--fighter, var(--pixel-jade))}}.pixel-card-tip{width:min(460px,38vw);max-height:calc(100vh - 142px);overflow:auto;pointer-events:none;overscroll-behavior:contain;box-shadow:0 0 0 1px #0a1214,0 12px #050a0ccc,inset 0 3px var(--fighter, var(--pixel-jade));scrollbar-width:thin;scrollbar-color:#6b8f7a #0a1518}.pixel-card-tip.is-dock-left{border-right-width:2px}.pixel-card-tip.is-dock-right{border-left-width:2px}.pixel-card-tip.is-selected{border-color:#c4a45e;box-shadow:0 0 0 1px #0a1214,0 0 0 2px #d5b66f66,0 12px #050a0ccc,inset 0 3px var(--fighter, var(--pixel-gold))}.pixel-card-tip-pick{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:5px 7px;border:1px solid #3d5c52;background:#0a1518e0}.pixel-card-tip-pick b{padding:2px 6px;border:1px solid #4d6d62;background:#173028;color:#c7d6cb;font:.58rem/1.2 var(--font-mono);letter-spacing:.12em}.pixel-card-tip-pick span{color:#9db5a8;font:.58rem/1.3 var(--font-body, "LXGW WenKai", "PingFang SC", sans-serif)}.pixel-card-tip-pick.is-on{border-color:#9a7a3d;background:linear-gradient(90deg,#5a432490,#0a1518e8)}.pixel-card-tip-pick.is-on b{border-color:#d5b66f;background:#6b512c;color:#fff3c4}.pixel-card-tip-pick.is-on span{color:#f0e0a8}.pixel-card-tip-inner.is-selected .pixel-card-tip-hero{border-color:#8a6d38;box-shadow:inset 0 0 0 1px #d5b66f33,0 0 18px #d5b66f18}.pixel-card-tip-inner.is-selected .pixel-card-tip-stage{background:radial-gradient(ellipse 58% 18% at 50% 88%,#00000088 0%,transparent 70%),radial-gradient(ellipse 70% 40% at 50% 30%,#d5b66f28 0%,transparent 65%),linear-gradient(180deg,transparent 55%,#0c1a1688 100%)}.pixel-card-tip-inner{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch;padding:12px 13px 14px}.pixel-card-tip-hero{display:grid;grid-template-columns:minmax(300px,1.25fr) minmax(0,1fr);align-content:start;gap:8px 12px;padding:8px 8px 10px;overflow:visible;border:1px solid #3d5c52;background:radial-gradient(ellipse 80% 55% at 50% 28%,#d5b66f22 0%,transparent 62%),linear-gradient(180deg,#142822f0,#0a1518f5);box-shadow:inset 0 0 0 1px #0a121688}.pixel-card-tip-pick{grid-column:1 / -1}.pixel-card-tip-stage{grid-column:1;grid-row:2;display:grid;place-items:end center;min-height:0;margin:0 -6px;overflow:visible;background:radial-gradient(ellipse 58% 18% at 50% 88%,#00000088 0%,transparent 70%),linear-gradient(180deg,transparent 55%,#0c1a1688 100%)}.pixel-card-tip-stage .pixel-fighter-preview{width:280px;height:218px;margin:0;object-fit:contain;filter:drop-shadow(4px 6px 0 #050a0ecc)}.pixel-card-tip-stage .pixel-fighter-preview.is-showcase{width:min(360px,100%);max-width:100%;height:auto;image-rendering:pixelated}.pixel-card-tip-sect,.pixel-card-tip-name,.pixel-card-tip-quote,.pixel-card-tip-stats,.pixel-card-tip-hero .pixel-card-tip-chips{grid-column:2}.pixel-card-tip-hero .pixel-card-tip-chips{grid-column:1 / -1}.pixel-card-tip-sect{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;color:var(--pixel-jade);font:.58rem/1.3 var(--font-mono);letter-spacing:.04em}.pixel-card-tip-sect i{color:var(--pixel-gold);font-style:normal}.pixel-card-tip-name{color:#f2e5b4;font:1.15rem/1.15 var(--font-display);letter-spacing:.04em}.pixel-card-tip-quote{margin:0;color:#c7d6cb;font:.68rem/1.45 var(--font-body, "LXGW WenKai", "PingFang SC", sans-serif);quotes:"「" "」"}.pixel-card-tip-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:2px 0 0;padding:0;list-style:none}.pixel-card-tip-stats li{display:grid;gap:1px;padding:4px 5px;border:1px solid #35544c;background:#0a1518d0}.pixel-card-tip-stats span{color:#8fa89c;font:.48rem/1.2 var(--font-mono);letter-spacing:.08em}.pixel-card-tip-stats b{color:#fff1c2;font:.78rem/1.1 var(--font-mono)}.pixel-card-tip-mid{display:grid;gap:10px;align-content:start}.pixel-card-tip-block,.pixel-card-tip-attrs-panel{display:grid;gap:4px}.pixel-card-tip-block{padding:8px 9px;border:1px solid #2f4843;background:#0a1518c8}.pixel-card-tip-attrs-panel{min-width:0}.pixel-card-tip-attrs-lede{margin:0 0 4px;color:#9db5a8;font:.58rem/1.45 var(--font-body, "LXGW WenKai", "PingFang SC", sans-serif)}.pixel-card-tip-evidence{display:grid;gap:3px;margin:4px 0 0;padding:0;list-style:none}.pixel-card-tip-evidence li{min-width:0}.pixel-card-tip-evidence a,.pixel-card-tip-evidence span{display:block;overflow-wrap:anywhere;color:#e8d6a0;font:.55rem/1.35 var(--font-mono);text-decoration:none}.pixel-card-tip-evidence a:hover,.pixel-card-tip-evidence a:focus-visible{color:#fff3c4;text-decoration:underline;outline:none}.pixel-card-tip-evidence-empty{margin:4px 0 0;color:#7f9488;font:.52rem/1.35 var(--font-mono)}.pixel-card-tip-attrs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pixel-card-tip-attrs>div{grid-template-columns:48px minmax(0,1fr);gap:4px 8px;padding:6px 7px}.pixel-card-tip-inner h4{margin:0;color:var(--pixel-gold);font:.62rem/1.3 var(--font-mono);letter-spacing:.08em}.pixel-card-tip-block p,.pixel-card-tip-attrs-panel>p:not(.pixel-card-tip-attrs-lede){margin:0;color:#c7d6cb;font:.62rem/1.45 var(--font-body, "LXGW WenKai", "PingFang SC", sans-serif)}.pixel-card-tip-block p b{color:#f0e0a8}.pixel-card-tip-hero .pixel-card-tip-chips{margin-top:2px}@media(max-width:1100px){.pixel-card-tip-hero{grid-template-columns:1fr}.pixel-card-tip-stage,.pixel-card-tip-sect,.pixel-card-tip-name,.pixel-card-tip-quote,.pixel-card-tip-stats,.pixel-card-tip-hero .pixel-card-tip-chips{grid-column:1}.pixel-card-tip-stage{grid-row:auto;place-items:end center;min-height:0}}@keyframes pixel-rise{0%{opacity:0;transform:translateY(12px)}}@media(max-width:820px){.pixel-card-sheet{width:100%;max-height:min(92dvh,920px)}.pixel-sheet-bar{padding:12px 14px calc(10px + env(safe-area-inset-bottom,0px)*0)}.pixel-sheet-pick,.pixel-sheet-close{min-height:40px;padding-inline:14px}.pixel-card-inspect,.pixel-team-card-inspect{min-width:36px;min-height:36px}}@media(max-width:620px){.pixel-shell{padding-inline:.75rem;padding-bottom:7.25rem}.pixel-mast{grid-template-columns:1fr;gap:.85rem}.pixel-current-rule{min-height:96px}.pixel-nav{grid-column:auto}.pixel-command-panel,.pixel-roster-head{grid-template-columns:1fr}.pixel-section-label{grid-template-columns:auto 1fr;align-items:baseline;gap:6px;border-right:0;border-bottom:1px solid #38534c;padding-bottom:5px}.pixel-roster-tools{justify-content:stretch}.pixel-search{width:100%;min-width:0}.pixel-archetype-filter,.pixel-archetype-filter button{flex:1}.pixel-roster{grid-template-columns:repeat(2,1fr)}.pixel-card{grid-template-columns:72px minmax(0,1fr);min-height:230px;gap-inline:4px;padding-inline:5px}.pixel-card .pixel-fighter-preview{width:72px;height:96px}.pixel-card-copy q,.pixel-card-hint,.pixel-card-tip{display:none}.pixel-battle-head{grid-template-columns:auto 1fr auto}.pixel-battle-aura-mat{width:max(48px,14vw)}.pixel-battle-aura-corner{width:14px;height:14px}.pixel-frame-shell{padding:.7rem .75rem .85rem}.pixel-frame-rail--bottom{letter-spacing:.08em}.pixel-frame{border-width:2px;box-shadow:0 0 0 1px #0a1214,4px 5px #050a0e}.pixel-settlement{gap:.3rem;padding:.45rem}.pixel-settlement-title p,.pixel-settlement-ranks small{display:none}.pixel-settlement-basis{grid-template-columns:1fr;padding:6px 7px}.pixel-settlement-basis em{display:none}.pixel-settlement-basis>p{grid-column:1;grid-row:auto;padding:3px 0 0;border-top:1px solid #35504e;border-left:0}.pixel-settlement-ranks>div{grid-template-columns:15px minmax(64px,1fr) minmax(58px,1.2fr);padding-block:3px}.pixel-settlement footer button{padding:.3rem .45rem;font-size:.56rem}}@media(max-width:820px){.pixel-shell.pixel-phase-battle{max-width:100%;padding:.65rem max(.65rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(.65rem,env(safe-area-inset-left))}.pixel-battle{padding-top:.35rem}.pixel-battle-head{gap:.45rem;margin-bottom:.5rem}.pixel-battle-head strong{font-size:clamp(.9rem,4.2vw,1.1rem)}.pixel-battle-head span{font-size:.55rem}.pixel-battle-head>button,.pixel-battle-head-actions button{min-height:36px;padding-inline:.65rem}.pixel-frame-shell{padding:.55rem .55rem .65rem}.pixel-frame-corner{width:12px;height:12px}.pixel-frame-corner--tl,.pixel-frame-corner--tr{top:5px}.pixel-frame-corner--bl,.pixel-frame-corner--br{bottom:5px}.pixel-frame-corner--tl,.pixel-frame-corner--bl{left:5px}.pixel-frame-corner--tr,.pixel-frame-corner--br{right:5px}.pixel-frame-rail--top{margin-bottom:.35rem;letter-spacing:.14em;font-size:.48rem}.pixel-frame-rail--bottom{margin-top:.35rem;font-size:.48rem}.pixel-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:.65rem}.pixel-hud.is-team-split{grid-template-columns:1fr 1fr;gap:.4rem}.pixel-hud-side{padding:4px}.pixel-hud>div,.pixel-hud-side>div{grid-template-columns:minmax(0,1fr) 36px 42px;gap:4px;padding:5px 6px;font-size:.56rem}.pixel-hud span strong,.pixel-hud-side span strong{font-size:.66rem}.pixel-controls{position:sticky;bottom:0;z-index:6;flex-wrap:wrap;gap:6px;margin-top:.55rem;padding:.45rem 0 calc(.2rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0%,#0a161cf2 28%)}.pixel-controls button{min-height:38px;min-width:2.6rem;padding-inline:.7rem;touch-action:manipulation}.pixel-settlement{overflow-y:auto;overscroll-behavior:contain;align-content:start;-webkit-overflow-scrolling:touch}.pixel-settlement footer{display:flex;flex-wrap:wrap;gap:6px}.pixel-settlement footer button{min-height:36px;flex:1 1 auto;touch-action:manipulation}}@media(orientation:landscape)and (max-height:560px){.pixel-shell.pixel-phase-battle{max-width:none;min-height:100dvh;padding:max(.35rem,env(safe-area-inset-top)) max(.55rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.55rem,env(safe-area-inset-left))}.pixel-battle{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,26vw);grid-template-rows:auto minmax(0,1fr) auto;gap:.35rem .55rem;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - .7rem);padding-top:0;box-sizing:border-box}.pixel-battle-head{grid-column:1 / -1;grid-template-columns:auto 1fr auto;gap:.4rem;margin-bottom:0}.pixel-battle-head strong{font-size:.88rem}.pixel-battle-head span{font-size:.5rem}.pixel-battle-head>button,.pixel-battle-head-actions button{min-height:32px;padding:.25rem .55rem}.pixel-frame-shell{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:.3rem;box-shadow:none}.pixel-frame-rail,.pixel-frame-corner{display:none}.pixel-frame{width:min(100%,calc((100dvh - 4.8rem) * 16 / 9));max-height:calc(100dvh - 4.8rem);margin-inline:auto;border-width:2px;box-shadow:0 0 0 1px #0a1214,3px 3px #050a0e}.pixel-hud{grid-column:2;grid-row:2 / 4;grid-template-columns:1fr;gap:3px;margin:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;-webkit-overflow-scrolling:touch}.pixel-battle.is-team-battle{grid-template-columns:minmax(108px,18vw) minmax(0,1fr) minmax(108px,18vw)}.pixel-battle.is-team-battle .pixel-frame-shell{grid-column:2;grid-row:2}.pixel-battle.is-team-battle .pixel-hud.is-team-split{display:contents}.pixel-battle.is-team-battle .pixel-hud-side{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:start}.pixel-battle.is-team-battle .pixel-hud-side.is-left{grid-column:1;grid-row:2 / 4}.pixel-battle.is-team-battle .pixel-hud-side.is-right{grid-column:3;grid-row:2 / 4}.pixel-battle.is-team-battle .pixel-controls{grid-column:2;grid-row:3}.pixel-hud>div,.pixel-hud-side>div{grid-template-columns:minmax(0,1fr) 34px;gap:3px;padding:4px 5px}.pixel-hud>div small,.pixel-hud-side>div small{display:none}.pixel-hud span em,.pixel-hud-side span em{font-size:.45rem}.pixel-controls{grid-column:1;grid-row:3;position:static;gap:4px;margin:0;padding:0;background:none}.pixel-controls button{min-height:32px;min-width:2.2rem;padding-inline:.55rem;font-size:.62rem}.pixel-battle-aura-mat{width:max(36px,8vw);opacity:.7}.pixel-battle-aura-corner{display:none}.pixel-settlement{gap:3px;padding:.35rem .45rem}.pixel-settlement-title h2{font-size:.95rem}.pixel-settlement-basis{grid-template-columns:1fr 1fr;gap:4px;padding:4px 6px}.pixel-settlement-basis>p{grid-column:1 / -1}.pixel-settlement-ranks{max-height:38dvh;overflow-y:auto}}html.pixel-force-landscape,body.pixel-force-landscape{overflow:hidden;overscroll-behavior:none;background:#050a0e;height:100%}.pixel-shell.pixel-phase-battle:has(.pixel-battle.is-force-landscape){max-width:none;width:100%;min-height:100dvh;padding:0;overflow:hidden}body.pixel-force-landscape .pixel-battle-aura{opacity:.35;pointer-events:none}body.pixel-force-landscape .pixel-battle-aura-corner{display:none}.pixel-battle.is-force-landscape{container-type:size;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,24%);grid-template-rows:auto minmax(0,1fr) auto;gap:.35rem .55rem;width:100%;height:100dvh;max-height:100dvh;margin:0;padding:max(.3rem,env(safe-area-inset-top)) max(.45rem,env(safe-area-inset-right)) max(.3rem,env(safe-area-inset-bottom)) max(.45rem,env(safe-area-inset-left));box-sizing:border-box;background:#050a0e}@media(orientation:portrait){.pixel-battle.is-force-landscape{position:fixed;z-index:40;top:0;left:100%;width:100dvh;height:100dvw;max-height:none;padding:.35rem .5rem;transform:rotate(90deg);transform-origin:left top}body.pixel-force-landscape .pixel-battle-aura{display:none}}.pixel-battle.is-force-landscape .pixel-battle-head{grid-column:1 / -1;grid-template-columns:auto 1fr auto;gap:.4rem;margin-bottom:0}.pixel-battle.is-force-landscape .pixel-battle-head strong{font-size:.88rem}.pixel-battle.is-force-landscape .pixel-battle-head>div span{font-size:.5rem}.pixel-battle.is-force-landscape .pixel-battle-head>button,.pixel-battle.is-force-landscape .pixel-battle-head-actions button{min-height:32px;padding:.25rem .55rem}.pixel-battle.is-force-landscape .pixel-frame-shell{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;padding:.2rem;box-shadow:none;border:none;background:transparent}.pixel-battle.is-force-landscape .pixel-frame-rail,.pixel-battle.is-force-landscape .pixel-frame-corner{display:none}.pixel-battle.is-force-landscape .pixel-frame{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:16 / 9;margin:0;border-width:2px;box-shadow:0 0 0 1px #0a1214,3px 3px #050a0e}.pixel-battle.is-force-landscape .pixel-hud{grid-column:2;grid-row:2 / 4;grid-template-columns:1fr;gap:3px;margin:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;-webkit-overflow-scrolling:touch}.pixel-battle.is-force-landscape.is-team-battle{grid-template-columns:minmax(100px,18%) minmax(0,1fr) minmax(100px,18%)}.pixel-battle.is-force-landscape.is-team-battle .pixel-frame-shell{grid-column:2;grid-row:2}.pixel-battle.is-force-landscape.is-team-battle .pixel-hud.is-team-split{display:contents}.pixel-battle.is-force-landscape.is-team-battle .pixel-hud-side{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:start}.pixel-battle.is-force-landscape.is-team-battle .pixel-hud-side.is-left{grid-column:1;grid-row:2 / 4}.pixel-battle.is-force-landscape.is-team-battle .pixel-hud-side.is-right{grid-column:3;grid-row:2 / 4}.pixel-battle.is-force-landscape.is-team-battle .pixel-controls{grid-column:2;grid-row:3}.pixel-battle.is-force-landscape .pixel-hud>div,.pixel-battle.is-force-landscape .pixel-hud-side>div{grid-template-columns:minmax(0,1fr) 34px;gap:3px;padding:4px 5px}.pixel-battle.is-force-landscape .pixel-hud>div small,.pixel-battle.is-force-landscape .pixel-hud-side>div small{display:none}.pixel-battle.is-force-landscape .pixel-controls{grid-column:1;grid-row:3;position:static;gap:4px;margin:0;padding:0;background:none}.pixel-battle.is-force-landscape .pixel-controls button{min-height:32px;min-width:2.2rem;padding-inline:.55rem;font-size:.62rem}.pixel-battle.is-force-landscape .pixel-settlement{gap:3px;padding:.35rem .45rem}.pixel-battle.is-force-landscape .pixel-settlement-ranks{max-height:55%;overflow-y:auto}.pixel-battle-orient[aria-pressed=true]{border-color:var(--pixel-gold);color:var(--pixel-gold)}.pixel-sfx-mute{min-height:34px;padding:.3rem .7rem;border:1px solid #4a655c;background:#0e1c18ee;color:var(--pixel-ink, #d6e4db);font:.68rem var(--font-mono, ui-monospace, monospace);letter-spacing:.04em;cursor:pointer}.pixel-sfx-mute:hover{border-color:var(--pixel-gold, #d4b36a);color:var(--pixel-gold, #d4b36a)}.pixel-sfx-mute.is-muted{opacity:.72;border-style:dashed;color:var(--pixel-muted, #9aa8a2)}.pixel-sfx-mute[aria-pressed=true]{border-color:#7a5a4a}.pixel-panel-fallback{display:grid;place-items:center;min-height:40vh;padding:2rem 1rem;color:var(--pixel-muted, #9aa8a2);font:.85rem var(--font-mono, ui-monospace, monospace);letter-spacing:.06em}@media(prefers-reduced-motion:reduce){.pixel-card{animation:none}}.pixel-settlement-teams{margin-bottom:4px}.gesture-pixel-battle .gesture-pixel-status{font-size:.72rem;color:var(--pixel-muted, #9aa8a2);max-width:12rem;text-align:right;line-height:1.3}.gesture-cam-dock{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.2rem;width:min(120px,28vw);margin:.45rem auto .15rem;pointer-events:auto;transition:width .28s cubic-bezier(.22,1,.36,1),max-width .28s cubic-bezier(.22,1,.36,1),opacity .22s ease,filter .22s ease;opacity:.92}.gesture-cam-dock-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.35rem}.gesture-cam-dock-title{font-size:.58rem;font-family:var(--font-mono, ui-monospace, monospace);letter-spacing:.08em;color:#8a9892}.gesture-cam-dock.is-idle{width:min(118px,26vw);opacity:.88}.gesture-cam-dock.is-dim{width:min(88px,20vw);opacity:.42;filter:saturate(.85)}.gesture-cam-dock.is-dim:hover,.gesture-cam-dock.is-dim:focus-within{width:min(150px,32vw);opacity:.9;filter:none}.gesture-cam-dock.is-command{width:min(210px,40vw);opacity:1}.gesture-cam-dock.is-enlarged{width:min(440px,72vw);opacity:1}.gesture-cam-dock .gesture-pip-toggle{position:static;transform:none;margin:0;flex:none;padding:.12rem .4rem;font-size:.58rem;font-family:var(--font-mono, ui-monospace, monospace);letter-spacing:.04em;border:1px solid color-mix(in oklch,#c9a24a 40%,#2a3832);background:#080e0ce6;color:#cfd9d4;cursor:pointer;line-height:1.3}.gesture-cam-dock .gesture-pip-toggle:hover,.gesture-cam-dock .gesture-pip-toggle[aria-pressed=true]{border-color:color-mix(in oklch,#c9a24a 70%,transparent);color:#f2e6c4}.gesture-cam-dock .gesture-video-wrap{position:relative;width:100%;aspect-ratio:4 / 3;border:1px solid color-mix(in oklch,#c9a24a 50%,#1a2420);background:#0a1210;overflow:hidden;cursor:zoom-in;border-radius:2px}.gesture-cam-dock.is-enlarged .gesture-video-wrap{cursor:zoom-out;box-shadow:0 6px 20px #00000059}.gesture-cam-dock .gesture-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.gesture-hand-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.gesture-cam-dock .gesture-video-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .45rem;font-size:.65rem;text-align:center;background:#060e0ce6;color:#d8e4de;z-index:3}.gesture-cam-dock .gesture-video-mask.is-stream-on{background:linear-gradient(180deg,#060e0c59,#060e0cb8 55%,#060e0cd1);justify-content:flex-end;padding-bottom:.55rem}.gesture-cam-dock .gesture-video-mask.is-error{background:#1c0a0ae0}.gesture-load-panel{width:min(100%,12rem);display:flex;flex-direction:column;align-items:center;gap:.22rem}.gesture-load-label{margin:0;font-size:.68rem;color:#eef4ef;line-height:1.3}.gesture-load-detail{margin:0;font-size:.55rem;color:#8a9892;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gesture-load-bar{width:100%;height:4px;margin-top:.12rem;border-radius:1px;background:#ffffff1f;overflow:hidden}.gesture-load-bar>i{display:block;height:100%;background:linear-gradient(90deg,#7a9a68,#c9a24a);transition:width .18s ease-out}.gesture-load-pct{margin:0;font-size:.52rem;font-family:var(--font-mono, ui-monospace, monospace);color:#a8b8b0;letter-spacing:.04em}.gesture-cam-dock.is-enlarged .gesture-load-panel{width:min(100%,18rem)}.gesture-cam-dock.is-enlarged .gesture-load-label{font-size:.8rem}.gesture-cam-dock .gesture-gesture-label{margin:0;width:100%;font-size:.62rem;font-family:var(--font-mono, ui-monospace, monospace);color:#b6c3bf;text-align:center;line-height:1.25}.gesture-pip-hint{color:#7a8a84;font-size:.55rem}@media(max-width:720px)and (orientation:landscape){.gesture-cam-dock.is-idle{width:min(100px,28vw)}.gesture-cam-dock.is-command{width:min(160px,38vw)}.gesture-cam-dock.is-enlarged{width:min(320px,55vw)}}@media(max-width:720px)and (orientation:portrait){.gesture-cam-dock{width:min(88vw,360px);margin:.55rem auto .35rem}.gesture-cam-dock.is-idle{width:min(72vw,280px);opacity:.9}.gesture-cam-dock.is-dim{width:min(52vw,200px);opacity:.5}.gesture-cam-dock.is-dim:hover,.gesture-cam-dock.is-dim:focus-within{width:min(78vw,300px);opacity:.95}.gesture-cam-dock.is-command{width:min(90vw,380px)}.gesture-cam-dock.is-enlarged{width:min(96vw,480px)}}.gesture-await-banner{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:7;min-width:min(320px,86%);padding:.55rem .8rem;border:1px solid color-mix(in oklch,#c9a24a 55%,transparent);background:#080e0ce0;color:#f2efe6;text-align:center;pointer-events:none}.gesture-await-banner p{margin:0;font-size:.85rem}.gesture-await-banner .gesture-timeout{margin-top:.35rem;height:4px;background:#ffffff1f;overflow:hidden}.gesture-await-banner .gesture-timeout>i{display:block;height:100%;background:#c9a24a}.gesture-cmd-err{margin:.3rem 0 0!important;color:#ff8a72!important;font-size:.75rem!important}.pixel-hud .is-gesture-self{outline:1px solid color-mix(in oklch,#c9a24a 70%,transparent);outline-offset:1px}.pixel-hud .is-gesture-lock strong:after{content:" · 锁";color:#7ec8ff;font-weight:400;font-size:.7em}.gesture-pixel-cmds{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.35rem .5rem .65rem}.gesture-pixel-cmds button{flex:1 1 3.8rem;min-height:2.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border:1px solid color-mix(in oklch,#5a6a62 60%,#1a2420);background:color-mix(in oklch,#1a2822 80%,black);color:#e8efe9;font-size:.82rem;cursor:pointer}.gesture-pixel-cmds button:disabled{opacity:.35;cursor:not-allowed}.gesture-pixel-cmds button:not(:disabled):active{border-color:#c9a24a;color:#f2d58a}.gesture-pixel-cmds button small{font-size:.6rem;opacity:.65}.gesture-pixel-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .65rem;width:100%;font-size:.62rem;color:#8a9892}.gesture-stage-meta{display:flex;flex-direction:column;gap:.25rem;width:100%;padding:.3rem .45rem .4rem;background:color-mix(in oklch,#0c1412 92%,#1a2820);border-bottom:1px solid color-mix(in oklch,#c9a24a 22%,transparent);box-sizing:border-box;min-height:0}.gesture-stage-meta:empty{display:none;padding:0;border:0}.gesture-origin-callout{position:relative;left:auto;top:auto;transform:none;z-index:1;width:100%;min-width:0;max-width:none;padding:.4rem .55rem .45rem;display:flex;flex-direction:column;align-items:center;gap:.1rem;text-align:center;border:1px solid rgba(201,162,74,.55);background:#060c0ad1;color:#f4f0e6;pointer-events:none;animation:gesture-callout-in .18s ease-out;box-sizing:border-box}@keyframes gesture-callout-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gesture-origin-callout strong{font-size:.88rem;font-weight:700}.gesture-origin-callout em{font-style:normal;font-size:.72rem;color:#c5d0c9}.gesture-origin-badge{font-size:.62rem;letter-spacing:.08em;padding:.1rem .4rem;border:1px solid currentColor;opacity:.9}.gesture-origin-callout.is-self-gesture{border-color:#5ec8a0;box-shadow:0 0 0 1px #5ec8a040}.gesture-origin-callout.is-self-gesture .gesture-origin-badge{color:#5ec8a0}.gesture-origin-callout.is-self-button{border-color:#7eb6ff}.gesture-origin-callout.is-self-button .gesture-origin-badge{color:#7eb6ff}.gesture-origin-callout.is-self-timeout{border-color:#e0a35a;background:#281808eb}.gesture-origin-callout.is-self-timeout .gesture-origin-badge{color:#e0a35a}.gesture-origin-callout.is-foe{border-color:#e07070}.gesture-origin-callout.is-foe .gesture-origin-badge{color:#e07070}.gesture-await-banner.is-you{border-color:#5ec8a0;box-shadow:0 0 18px #5ec8a026}.gesture-await-kicker{margin:0 0 .2rem!important;font-size:.7rem!important;letter-spacing:.14em;color:#5ec8a0!important;text-transform:uppercase}.gesture-await-hint{margin:.25rem 0 0!important;font-size:.68rem!important;color:#9aa8a2!important}.gesture-action-feed{position:relative;left:auto;bottom:auto;z-index:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:3px 6px;max-width:100%;max-height:4.2rem;overflow:hidden;pointer-events:none}.gesture-action-feed li{display:flex;gap:.3rem;align-items:baseline;padding:.12rem .35rem;font-size:.6rem;background:#060c0ab8;border-left:2px solid #666;color:#d0d8d3;max-width:100%}.gesture-action-feed li b{flex:none;font-size:.58rem;letter-spacing:.04em}.gesture-action-feed li.is-self-gesture{border-left-color:#5ec8a0}.gesture-action-feed li.is-self-gesture b{color:#5ec8a0}.gesture-action-feed li.is-self-button{border-left-color:#7eb6ff}.gesture-action-feed li.is-self-button b{color:#7eb6ff}.gesture-action-feed li.is-self-timeout{border-left-color:#e0a35a}.gesture-action-feed li.is-self-timeout b{color:#e0a35a}.gesture-action-feed li.is-foe{border-left-color:#e07070}.gesture-action-feed li.is-foe b{color:#e07070}@media(max-width:720px){.gesture-stage-meta{padding:.22rem .35rem .28rem;gap:.18rem}.gesture-origin-callout{padding:.28rem .4rem .3rem;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem .45rem}.gesture-origin-callout strong{font-size:.78rem}.gesture-origin-callout em{display:none}.gesture-action-feed{max-height:2.6rem}.gesture-action-feed li{font-size:.55rem;padding:.08rem .28rem}.gesture-await-banner{min-width:min(280px,88%);padding:.35rem .55rem;bottom:8px;background:#080e0cc7}.gesture-await-banner p{font-size:.75rem}.gesture-await-banner .gesture-await-hint{display:none}.gesture-await-kicker{font-size:.62rem!important;margin-bottom:.1rem!important}}.pixel-frame-rail--bottom .tag-you{color:#5ec8a0}.pixel-frame-rail--bottom .tag-timeout{color:#e0a35a}.pixel-frame-rail--bottom .tag-foe{color:#e07070}.pixel-hud .is-your-turn{outline:2px solid #5ec8a0;outline-offset:1px;animation:gesture-turn-pulse 1.2s ease-in-out infinite}@keyframes gesture-turn-pulse{50%{outline-color:color-mix(in oklch,#5ec8a0 50%,white)}}.gesture-cmds-hint{width:100%;margin:0 0 .15rem;font-size:.68rem;color:#9aa8a2}.gesture-pixel-battle.is-awaiting-you .gesture-cmds-hint{color:#5ec8a0}.gesture-pixel-cmds button.is-ready:not(:disabled){border-color:#5ec8a0;color:#dff7ec}.gesture-pixel-legend li.is-live{color:#5ec8a0;font-weight:700}.gesture-opts{display:flex;flex-wrap:wrap;gap:.45rem .85rem;width:100%;margin-bottom:.2rem}.gesture-opts label{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.78rem;color:#c5d0c9;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.2rem .45rem;border:1px solid transparent}.gesture-opts label.is-on{border-color:color-mix(in oklch,#5ec8a0 55%,transparent);color:#dff7ec;background:#5ec8a014}.gesture-opts label small{font-size:.62rem;color:#8a9892;font-weight:400}.gesture-opts input{accent-color:#5ec8a0}
