.live-wrap{padding:42px 0 80px}.live-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.live-hero h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05;margin:12px 0}.live-hero p{color:var(--muted);max-width:680px}.live-dot{display:inline-block;width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 18px var(--cyan);margin-right:8px}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.live-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.live-summary>div,.live-alerts,.live-status{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.live-summary strong{display:block;color:var(--yellow);font-size:1.35rem}.live-summary span,.live-status small{color:var(--muted);font-size:.8rem}.live-status{margin-bottom:20px}.live-status strong{display:block;color:var(--cyan)}.live-status [data-state=error]{color:var(--yellow)}.live-status small{display:block}.live-status button,.live-alerts button{border:1px solid #635080;border-radius:10px;background:#2c2148;color:var(--ink);padding:10px 13px;cursor:pointer;font:inherit;font-size:.85rem}.live-status button:disabled{opacity:.5;cursor:default}.live-alerts{position:sticky;top:145px}.live-alerts h2{font-size:1.25rem}.live-alerts p{font-size:.8rem;color:var(--muted)}.live-alerts fieldset{border:0;padding:0;margin:18px 0}.live-alerts legend{font-weight:850;margin-bottom:10px}.live-alerts fieldset>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.live-alerts label{font-size:.85rem}.live-alerts input[type=checkbox]{accent-color:var(--cyan);width:16px;height:16px;vertical-align:middle;margin-right:6px}.live-alerts select,.live-filters input,.live-filters select{width:100%;background:#100d20;color:var(--ink);border:1px solid #59477c;border-radius:10px;min-height:44px;padding:10px;font:inherit}.live-alerts select{margin:8px 0}.live-alerts #enable-sound{width:100%;background:var(--yellow);color:#171025;font-weight:900;margin:15px 0 8px}.live-alerts #test-sound{width:100%}.live-chip{margin:4px 3px 0 0!important;font-size:.75rem!important}.live-filters{display:grid;grid-template-columns:1fr 190px;gap:12px;margin:18px 0}.live-filters label{font-size:.8rem;color:var(--muted)}.live-filters input,.live-filters select{margin-top:6px}#history{display:grid;gap:10px}.spawn-card{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:16px;padding:16px;background:linear-gradient(120deg,#211a37,#151122);border:1px solid var(--line);border-left:3px solid #a78bfa;border-radius:15px}.spawn-art{background:#29223d;border-radius:12px;display:grid;place-items:center;height:76px}.spawn-art img{width:70px;height:70px;object-fit:contain}.spawn-art span{font-size:2rem}.spawn-copy h3{margin:3px 0;font-size:1.12rem}.spawn-copy p,.spawn-copy small{margin:0;color:var(--muted);font-size:.8rem}.spawn-rarity{font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;color:#cfb7ff;font-weight:900}.spawn-card time{font-size:.72rem;color:var(--muted);text-align:right}.rarity-divine{border-left-color:var(--yellow)}.rarity-divine .spawn-rarity{color:var(--yellow)}.rarity-eternal{border-left-color:var(--cyan)}.rarity-eternal .spawn-rarity{color:var(--cyan)}.live-note{color:var(--muted);font-size:.85rem;line-height:1.7;margin-top:24px}.live-note a{color:var(--cyan);text-decoration:underline}#shown,#empty,#countdown{color:var(--muted);font-size:.85rem}#alert-message{color:var(--cyan)}@media(max-width:850px){.live-layout{grid-template-columns:1fr}.live-alerts{position:static;grid-row:1}.live-alerts fieldset>div{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.live-filters{grid-template-columns:1fr}.spawn-card{grid-template-columns:60px 1fr;gap:12px;padding:12px}.spawn-card time{grid-column:2;text-align:left}.spawn-art{height:60px}.spawn-art img{height:54px;width:54px}.live-summary strong{font-size:1.05rem}.live-alerts fieldset>div{grid-template-columns:1fr 1fr}}