.playground-page{--pg-gold:#c9a256;--pg-legendary:#f6c94c;--pg-arcane:#4facfe;flex-direction:column;gap:16px;display:flex}.playground-head{z-index:20;background:linear-gradient(#05080a 70%,#05080a00);flex-wrap:wrap;align-items:flex-start;gap:6px 14px;padding:10px 0 0;display:flex;position:sticky;top:0}.playground-head-copy{flex-direction:column;flex:1;gap:4px;min-width:min(100%,280px);display:flex}.playground-page .playground-head h1{color:#fff;font-size:1.35rem;font-family:var(--font-display);letter-spacing:0;margin:0}.playground-head-copy .portal-copy{max-width:46rem;margin:0;font-size:.95rem;line-height:1.45}.playground-head-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.playground-live{flex-direction:column;gap:10px;transition:opacity .15s;display:flex}.playground-live.is-loading .playground-band-meters,.playground-live.is-loading .playground-result{opacity:.5}.playground-band{border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.playground-band.player-band{background:linear-gradient(#4facfe14,#02030459)}.playground-band.opponent-band{background:linear-gradient(#02030459,#ff9d3c14)}.playground-band-bar{grid-template-columns:minmax(0,1fr) minmax(340px,520px);align-items:center;gap:16px;display:grid}.playground-band-species{flex-direction:column;gap:6px;display:flex}.playground-band-title{align-items:baseline;gap:8px;display:flex}.playground-side-tag{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-family:var(--font-display);border:1px solid;border-radius:999px;padding:2px 8px}.playground-side-tag.side-a{color:var(--pg-arcane)}.playground-side-tag.side-b{color:#ff9d3c}.playground-band-title small{opacity:.55;font-size:.72rem}.playground-species-options{flex-wrap:wrap;gap:6px;display:flex}.playground-species-option{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #c9a2564d;border-radius:9px;align-items:center;gap:6px;padding:5px 10px;font-size:.82rem;display:inline-flex}.playground-species-option[aria-pressed=true]{border-color:var(--pg-gold);box-shadow:0 0 0 1px var(--pg-gold) inset}.playground-species-icon{object-fit:contain;width:20px;height:20px}.playground-species-passive{opacity:.72;min-height:1.1em;margin:0;font-size:.76rem}.playground-band-meters{flex-direction:column;gap:7px;display:flex}.pg-meter{grid-template-columns:18px 1fr 3.4em;align-items:center;gap:8px;display:grid}.pg-meter .resource-icon{width:16px;height:16px}.pg-meter-track{background:#ffffff12;border-radius:999px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.pg-meter-fill,.pg-meter-over{border-radius:inherit;width:0;transition:width .4s cubic-bezier(.4,0,.2,1),background .3s;position:absolute;inset:0 auto 0 0}.pg-meter[data-pg-meter^=crystal] .pg-meter-fill{background:linear-gradient(90deg,#ff6b6b,#ff8f6b)}.pg-meter[data-pg-meter^=arcane] .pg-meter-fill{background:linear-gradient(90deg,#4facfe,#52d6d0)}.pg-meter.is-low .pg-meter-fill{background:linear-gradient(90deg,#ff3b30,#ff6b52);animation:1s ease-in-out infinite pg-meter-pulse}@keyframes pg-meter-pulse{50%{opacity:.55}}.pg-meter-over{background:repeating-linear-gradient(90deg,#f6c94cc7 0 6px,#f6c94c73 6px 12px);box-shadow:0 0 8px #f6c94c8c}.pg-meter-val{font-family:var(--font-display);white-space:nowrap;text-align:right;font-size:.82rem}.pg-meter-val .pg-meter-base{opacity:.4;margin-left:1px;font-size:.72em}.pg-meter.is-capped .pg-meter-val strong,.pg-meter.is-capped .pg-meter-val .pg-meter-base{color:var(--pg-legendary);opacity:1}.playground-slots{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.playground-slot{cursor:pointer;background:#02030466;border:1px solid #c9a2562e;border-radius:10px;flex-direction:column;gap:5px;padding:6px;display:flex;position:relative}.playground-slot-ply{font-family:var(--font-display);opacity:.65;font-size:.66rem}.playground-card-img{aspect-ratio:320/448;background:#05080a;border-radius:7px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.playground-card-img img{object-fit:cover;width:100%;height:100%;display:block}.playground-card-img.is-textonly{font-family:var(--font-display);color:var(--pg-gold);text-align:center;padding:6px;font-size:.8rem}.playground-card-img.is-placeholder{color:var(--pg-gold);font-family:var(--font-display);background:#ffffff04;border:1px dashed #c9a25659;font-size:1.4rem;transition:border-color .15s,background .15s}.playground-slot.is-pass .playground-card-img.is-placeholder{letter-spacing:.06em;background-image:repeating-linear-gradient(45deg,#ffffff08 0 6px,#0000 6px 12px);font-size:.85rem}.playground-slot.is-empty:hover .playground-card-img.is-placeholder{border-color:var(--pg-gold);background:#c9a25612}.playground-slot.has-combo-link{border-color:var(--pg-legendary);box-shadow:0 0 10px #f6c94c40}.playground-slot.is-arcane-blocked{border-color:#ff6b6bc2;box-shadow:0 0 12px #ff6b6b29}.playground-combo-ribbon{color:var(--pg-legendary);font-size:.66rem;font-family:var(--font-display)}.playground-slot-actions{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.playground-slot-cost{font-size:.74rem;font-family:var(--font-display);margin-right:auto}.playground-slot-cost.is-discounted s{opacity:.5;margin-right:3px}.playground-arcane-block{color:#ff8f6b;font-size:.68rem;line-height:1.25}.playground-slot-btn{color:inherit;cursor:pointer;background:#c9a25624;border:none;border-radius:5px;padding:2px 5px;font-size:.72rem;line-height:1.3}.playground-regen-control{color:#ffffff9e;cursor:pointer;width:100%;font:inherit;background:#ffffff0a;border:1px solid #ffffff29;border-radius:6px;padding:4px 5px;font-size:.7rem;line-height:1.3}.playground-regen-control.is-enabled{color:#7ee7e0;background:#52d6d024;border-color:#52d6d0b8}.playground-result{font-family:var(--font-display);color:var(--pg-gold);white-space:nowrap;font-size:.9rem}.playground-result:empty{display:none}.playground-timeline{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.playground-timeline-row{background:#c9a25614;border-radius:7px;padding:5px 9px;font-size:.8rem}.playground-timeline-row.is-arcane-blocked{color:#ffc0b0;background:#ff6b6b1f}.playground-picker{z-index:60;justify-content:flex-end;display:flex;position:fixed;inset:0}.playground-picker-backdrop{background:#020304b8;position:absolute;inset:0}.playground-picker-panel{background:#05080a;border-left:1px solid #c9a25640;flex-direction:column;gap:12px;width:min(640px,100%);padding:16px;display:flex;position:relative;overflow-y:auto}.playground-picker-head{justify-content:space-between;align-items:center;display:flex}.playground-picker-filters{flex-wrap:wrap;gap:6px;display:flex}.playground-picker-filters input,.playground-picker-filters select{color:inherit;font:inherit;background:#02030499;border:1px solid #c9a2564d;border-radius:7px;padding:6px 8px}.playground-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.playground-picker-cell{flex-direction:column;gap:4px;display:flex}.playground-picker-thumb{cursor:pointer}.playground-picker-thumb.is-maxed{opacity:.4;pointer-events:none}.playground-picker-cell-actions{justify-content:space-between;align-items:center;gap:6px;font-size:.72rem;display:flex}.playground-picker-cell-actions span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=860px){.playground-band-bar{grid-template-columns:1fr;gap:10px}}@media (width<=720px){.playground-slots{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;display:flex;overflow-x:auto}.playground-slot{scroll-snap-align:center;flex:0 0 42%}}