:root{--bottom-nav-row-height: 60px;--bottom-nav-safe-bottom: 0px;--nav-background: rgba(23, 20, 32, .98);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:#f5f5f5;background:#171420}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}.app-shell{height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.app-scroll{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:1rem}.container{padding:1rem;max-width:42rem;margin:0 auto}.hero,.card{background:#26203a;border:1px solid #3c3456;border-radius:12px;padding:1rem}.card{margin-top:1rem}.badge{display:inline-block;border-radius:999px;background:#4d3b81;padding:.15rem .6rem;font-size:.8rem}h1,h2{margin-top:.4rem;margin-bottom:.7rem}ul{margin:0;padding-left:1.2rem}.overlay-canvas{width:1920px;height:1080px;padding:40px;display:grid;gap:24px;align-content:start;background:transparent;color:#fff}.overlay-alerts{width:600px;height:260px;padding:0;place-items:center;overflow:hidden}.overlay-battle{grid-template-columns:minmax(560px,840px) minmax(360px,520px)}.overlay-panel{background:#161022c7;border:2px solid rgba(120,96,180,.85);border-radius:16px;box-shadow:0 10px 30px #00000073;padding:20px 24px}.overlay-alert-card{width:min(560px,calc(100% - 32px));min-height:128px;display:grid;align-content:center;gap:.45rem;padding:22px 28px;border:2px solid rgba(253,224,71,.9);border-radius:22px;background:linear-gradient(135deg,#1e1230e0,#563212b8);box-shadow:0 14px 36px #0000006b,0 0 34px #facc153d;text-align:center;animation:overlay-alert-life var(--overlay-alert-duration, 6.2s) ease-in-out both}.overlay-alert-card--battle{border-color:#c084fce6;background:linear-gradient(135deg,#1e1230e0,#462476c2)}.overlay-alert-card--system{border-color:#7dd3fce6;background:linear-gradient(135deg,#0f172ae0,#0e7490b8)}.overlay-alert-kicker,.overlay-alert-message{margin:0;text-shadow:0 3px 10px rgba(0,0,0,.65)}.overlay-alert-kicker{color:#fde68a;font-size:1.15rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.overlay-alert-message{color:#fff;font-size:2rem;font-weight:900;line-height:1.12}@keyframes overlay-alert-life{0%{opacity:0;transform:translateY(18px) scale(.96)}12%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-14px) scale(.98)}}.resource-summary{border:1px solid rgba(148,163,184,.35);border-radius:1rem;padding:1rem;background:#0f172a6b;margin-bottom:1rem}.resource-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.resource-column{min-width:0}.resource-column h4{margin:0 0 .55rem;color:#e0f2fe}.resource-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .65rem}.resource-empty{margin:0;color:#94a3b8}.toast-viewport{position:fixed;z-index:80;right:0;bottom:var(--bottom-nav-row-height);left:0;display:grid;justify-items:center;padding:0 .85rem calc(.85rem + env(safe-area-inset-bottom));pointer-events:none}.status-toast{width:min(100%,34rem);margin:0;border:1px solid rgba(250,204,21,.72);border-radius:999px;background:#1e1b2ef5;box-shadow:0 18px 40px #00000061,inset 0 0 0 1px #ffffff0d;color:#fef3c7;font-weight:700;line-height:1.35;padding:.85rem 1rem;text-align:center;animation:status-toast-in .18s ease-out both}.status-toast--common{border-color:#94a3b8e6;color:#e2e8f0}.status-toast--uncommon{border-color:#4ade80eb;color:#bbf7d0}.status-toast--rare{border-color:#60a5faf0;color:#bfdbfe}.status-toast--epic{border-color:#c084fcf2;color:#e9d5ff}.status-toast--legendary{border-color:#fbbf24fa;color:#fef3c7;box-shadow:0 18px 40px #00000061,0 0 26px #fbbf243d,inset 0 0 0 1px #ffffff14}@keyframes status-toast-in{0%{opacity:0;transform:translateY(.8rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.inventory-stack{display:grid;gap:1rem}.inventory-panel{border:1px solid rgba(148,163,184,.3);border-radius:1rem;padding:.85rem;background:linear-gradient(180deg,#1e293be6,#0f172ae6);box-shadow:inset 0 0 0 1px #ffffff08}.inventory-panel h3{margin-top:0;margin-bottom:.25rem}.inventory-capacity{margin-top:0;color:#cbd5e1;font-size:.9rem}.inventory-grid{display:grid;gap:.45rem}.event-pet-panel{display:grid;grid-template-columns:minmax(5.5rem,7rem) 1fr;gap:.75rem;align-items:stretch}.event-pet-drop-target{min-height:6.5rem}.event-pet-details{min-width:0;border:1px solid rgba(168,85,247,.35);border-radius:.85rem;background:#581c8729;padding:.65rem;display:flex;flex-direction:column;gap:.35rem}.event-pet-label{color:#d8b4fe;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.event-pet-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .65rem;color:#e9d5ff;font-size:.85rem}.event-pet-deselect-button{align-self:flex-start;margin-top:.25rem}.favorite-pet-badge,.event-pet-badge{margin-top:auto;border-radius:999px;background:#facc152e;color:#fde68a;padding:.1rem .35rem;font-size:.75rem;font-weight:700;text-align:center}.favorite-pet-badge{background:#f472b62e;color:#fbcfe8}.incubator-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.incubator-drop-target{flex:0 1 clamp(10.95rem,calc((100% - .45rem)/2),12.45rem);aspect-ratio:1 / 1;min-height:0}.incubator-slot .slot-content{justify-content:center;text-align:center}.incubator-slot-note{color:#cbd5e1;font-size:.76rem;line-height:1.15}.inventory-slot{aspect-ratio:1 / 1;min-width:0;border-radius:.85rem;border:2px solid rgba(100,116,139,.65);background:#020617a6;color:#e2e8f0;padding:.35rem;text-align:left;touch-action:manipulation;position:relative;overflow:hidden}.inventory-slot.empty{border-style:dashed;color:#94a3b8}.inventory-slot.occupied{cursor:grab;background:radial-gradient(circle at top left,#60a5fa38,#0f172ae0)}.inventory-slot:focus-visible,.inventory-slot:hover,.inventory-slot.select-target{outline:none;border-color:#facc15;box-shadow:0 0 0 3px #facc152e}.incubator-slot.occupied{border-color:#fb923cd9;background:radial-gradient(circle at top,#fb923c47,#1e293be6)}.incubator-slot.incubator-inactive{cursor:not-allowed;border-color:#94a3b88c;background:linear-gradient(135deg,#47556980,#0f172aeb);color:#cbd5e1;opacity:.78}.incubator-slot.incubator-inactive:hover,.incubator-slot.incubator-inactive:focus-visible{border-color:#94a3b8b3;box-shadow:none}.egg-slot.occupied{border-color:#34d399d1}.pet-slot.occupied{border-color:#a855f7d1}.pet-slot.occupied.pet-rarity-common{border-color:#94a3b8e6}.pet-slot.occupied.pet-rarity-uncommon{border-color:#4ade80eb}.pet-slot.occupied.pet-rarity-rare{border-color:#60a5faf0}.pet-slot.occupied.pet-rarity-epic{border-color:#c084fcf2}.pet-slot.occupied.pet-rarity-legendary{border-color:#fbbf24fa;box-shadow:inset 0 0 0 1px #fbbf243d}.pet-slot-card{display:grid;grid-template-rows:minmax(0,2fr) minmax(0,1fr);gap:.28rem;height:100%;min-height:100%}.pet-slot-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(2rem,.72fr);gap:.25rem;min-height:0}.pet-slot-picture{display:grid;min-width:0;min-height:0;place-items:center}.pet-slot-asset.slot-asset--56{width:min(3.75rem,94%);max-height:4rem}.pet-slot-emblems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.18rem;min-width:0;min-height:0}.pet-emblem{display:grid;min-width:0;min-height:0;place-items:center;border:1px solid rgba(148,163,184,.22);border-radius:.42rem;background:#0f172a85;color:#e2e8f0;font-size:clamp(.72rem,3vw,.95rem);font-weight:800;line-height:1}.pet-emblem-asset{width:min(1rem,72%);height:auto;max-height:1rem;image-rendering:pixelated;object-fit:contain}.pet-emblem-favorite{border-color:transparent;background:transparent;color:transparent}.pet-emblem-favorite.is-visible{border-color:#fbcfe86b;background:#f472b633;color:#fbcfe8;filter:drop-shadow(0 0 .35rem rgba(244,114,182,.45))}.pet-emblem-level{color:#fde68a;font-variant-numeric:tabular-nums}.pet-emblem-class{color:#bfdbfe}.pet-emblem-element{color:#bbf7d0}.pet-slot-name{display:grid;align-items:center;min-width:0;min-height:0;border-radius:.5rem;background:#0f172a6b;padding:.18rem .28rem;text-align:center}.pet-slot-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-slot.occupied{border-color:#38bdf8d1}.selected-event-pet{box-shadow:0 0 0 3px #facc152e,inset 0 0 0 1px #facc1559}.selected-event-pet-slot{border-color:#facc15f2;box-shadow:0 0 0 3px #facc152e,inset 0 0 0 1px #facc1559}.empty-slot-label{display:grid;place-items:center;height:100%;font-size:.85rem}.slot-content{display:flex;min-height:100%;flex-direction:column;gap:.2rem;font-size:clamp(.68rem,2.8vw,.88rem)}.slot-content-with-asset{align-items:flex-start}.slot-asset{flex:0 0 auto;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 .25rem .35rem rgba(0,0,0,.35))}.slot-asset--28{width:1.75rem;height:1.75rem}.slot-asset--56{width:min(3.5rem,58%);height:auto;max-height:3.5rem;align-self:center}.slot-text{display:grid;gap:.16rem;min-width:0;width:100%}.slot-content strong{line-height:1.1}.slot-content button{margin-top:auto;padding:.25rem .35rem;font-size:.75rem}.slot-progress{display:inline-flex;justify-content:center;border-radius:999px;background:#facc152e;color:#fde68a;padding:.1rem .35rem;font-variant-numeric:tabular-nums}.stack-badge{position:absolute;right:.35rem;bottom:.35rem;border-radius:999px;background:#0ea5e9;color:#f0f9ff;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#070a14b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{width:min(100%,24rem);border:1px solid rgba(248,113,113,.82);border-radius:1rem;background:linear-gradient(145deg,#7f1d1df5,#26203afa);color:#fee2e2;padding:1rem;box-shadow:0 1.25rem 3rem #00000080}.confirm-modal p{margin:.55rem 0 .85rem}.player-dialog--info{border-color:#38bdf8d1;background:linear-gradient(145deg,#0c4a6ef5,#26203afa);color:#e0f2fe}.confirm-actions{display:flex;flex-wrap:wrap;gap:.5rem}.equipment-set-panel{border-color:#818cf873}.equipment-set-header,.equipment-set-title,.event-set-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.equipment-set-upgrade-actions,.equipment-set-list{display:grid;gap:.75rem}.equipment-set-card{display:grid;gap:.75rem;padding:.8rem;border:1px solid rgba(148,163,184,.28);border-radius:1rem;background:#0f172ab8}.equipment-set-card.selected-event-set{border-color:#22c55ed9;box-shadow:0 0 0 1px #22c55e47,0 16px 35px #22c55e1f}.equipment-set-title span,.event-set-summary span{border-radius:999px;padding:.2rem .55rem;background:#22c55e2e;color:#bbf7d0;font-size:.78rem;font-weight:700}.equipment-set-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.equipment-set-slot{min-height:4.75rem;width:100%;border:1px dashed rgba(148,163,184,.42);border-radius:.85rem;color:#dbeafe;background:#0f172adb;cursor:pointer}.equipment-set-slot.occupied{border-style:solid;border-color:#60a5fab8;background:#1e40af47}.equipment-set-slot.empty{color:#94a3b8}.equipment-set-slot.select-target,.inventory-slot.select-target.equipment-slot{outline:2px solid rgba(250,204,21,.9);outline-offset:2px}.equipment-set-slot span{display:grid;gap:.2rem}.equipment-set-slot-content{justify-items:center}.equipment-set-slot small,.event-set-summary small{color:#94a3b8;font-size:.72rem}.event-set-button{min-height:2.5rem}.event-set-summary{margin-top:.75rem;padding:.75rem;border:1px solid rgba(148,163,184,.22);border-radius:.85rem;background:#0f172a94}.inventory-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.inventory-panel-header h3,.inventory-panel-header .inventory-capacity{margin-top:0}.inventory-control-center{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem;min-width:5.25rem}.inventory-control-center button{min-width:2rem;min-height:2rem;border-radius:.7rem;padding:.25rem;font-size:.95rem;line-height:1}.inventory-control-center button:disabled{cursor:not-allowed;opacity:.38}.inventory-slot.occupied{cursor:pointer}.inventory-slot.selected-source{border-color:#facc15;background:radial-gradient(circle at top left,#facc157a,#22c55e57 48%,#0f172aeb);box-shadow:0 0 0 3px #facc1552,0 0 1.1rem #22c55e47,inset 0 0 0 1px #ffffff2e}.stats-modal{width:min(100%,34rem);border-color:#60a5fad1;background:linear-gradient(145deg,#1e40aff5,#1e293bfa);color:#dbeafe}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.85rem 0}.stats-grid div{min-width:0;border:1px solid rgba(191,219,254,.2);border-radius:.65rem;padding:.45rem;background:#0f172a59}.stats-grid dt{color:#bfdbfe;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.stats-grid dd{margin:.15rem 0 0;overflow-wrap:anywhere}.rename-field{display:grid;gap:.35rem;margin:.8rem 0;color:#fee2e2;font-weight:700}.rename-field input{width:100%;border:1px solid rgba(254,202,202,.55);border-radius:.65rem;padding:.55rem .65rem;background:#0f172abf;color:#fff7ed}.inventory-upgrade-panel{display:grid;gap:.35rem;margin-top:.8rem;padding:.75rem;border:1px solid rgba(250,204,21,.28);border-radius:.9rem;background:#78350f3d}.inventory-upgrade-button{position:relative;width:100%;min-height:0;color:#fde68a;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #facc1529;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.inventory-upgrade-button:after{content:"Antippen";position:absolute;top:.65rem;right:.65rem;border-radius:999px;padding:.18rem .48rem;background:#facc15;color:#20152d;font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.inventory-upgrade-button:hover:not(:disabled),.inventory-upgrade-button:focus-visible{border-color:#facc15c7;background:#78350f5c;box-shadow:0 0 0 2px #facc1524,inset 0 0 0 1px #facc1538;transform:translateY(-1px)}.inventory-upgrade-button strong,.inventory-upgrade-button span{display:block}.inventory-upgrade-button strong{color:#fff7ed}.inventory-upgrade-button:disabled{cursor:not-allowed;opacity:.5}.inventory-upgrade-button:disabled:after{content:"Gesperrt"}.equipment-set-upgrade-button{margin-top:0}.shop-panel{min-width:0;overflow:hidden}.shop-panel .inventory-panel-header>button{align-self:flex-start}.shop-offer-rows{display:grid;min-width:0;gap:1rem}.shop-offer-row-block{min-width:0}.shop-offer-row-block h4{margin:0 0 .5rem;color:#f8f4ff}.shop-offer-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;min-width:0}.shop-empty-row{margin:0;color:#b8b0ca}.shop-offer-card{position:relative;display:grid;grid-template-rows:minmax(7.1rem,1fr) minmax(2.4rem,auto);min-width:0;min-height:10rem;gap:.35rem;padding:.35rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:#ffffff0a;color:#f8f4ff;text-align:center}.shop-offer-card.queued{border-color:#facc15a6;box-shadow:0 0 0 2px #facc151f}.shop-offer-action{display:grid;width:100%;min-width:0;min-height:2.75rem;place-items:center;gap:.25rem;padding:.6rem .45rem;border:1px solid rgba(255,255,255,.14);border-radius:.8rem;color:#f8f4ff;text-align:center;cursor:pointer}.shop-offer-action:focus-visible{outline:3px solid rgba(250,204,21,.9);outline-offset:2px}.shop-offer-action:disabled{cursor:not-allowed;opacity:.45}.shop-offer-add{min-height:7.1rem;background:#22c55e1c;border-color:#4ade804d}.shop-offer-add:hover:not(:disabled),.shop-offer-add:focus-visible{background:#22c55e2e;border-color:#4ade8094}.shop-offer-remove{min-height:2.75rem;padding-block:.45rem;background:#ef44441a;border-color:#f871714d;font-size:1.15rem;font-weight:800}.shop-offer-remove:hover:not(:disabled),.shop-offer-remove:focus-visible{background:#ef44442e;border-color:#f8717194}.shop-offer-card strong{max-width:100%;font-size:.78rem;line-height:1.1;overflow-wrap:anywhere}.shop-offer-card small,.shop-offer-card span:not(.shop-queue-badge):not(.shop-offer-symbol){color:#b8b0ca;font-size:.7rem;line-height:1.15}.shop-offer-symbol{color:#bbf7d0;font-size:1.25rem;font-weight:900;line-height:1}.shop-offer-card .shop-offer-remove span{color:#fecaca;font-size:1.15rem;line-height:1}.shop-queue-badge{position:absolute;top:.45rem;right:.45rem;min-width:1.65rem;padding:.2rem .4rem;border-radius:999px;background:#facc15;color:#20152d;font-weight:800;font-size:.8rem}.shop-queue-panel{display:grid;min-width:0;gap:.75rem;margin-top:1rem;padding:.85rem;border:1px solid rgba(250,204,21,.22);border-radius:1rem;background:#facc1514}.shop-queue-panel p{margin:.2rem 0 0;color:#b8b0ca}.shop-queue-list{display:grid;min-width:0;gap:.5rem}.shop-queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(2.75rem,auto);align-items:center;min-width:0;gap:.35rem .5rem;padding:.55rem;border:1px solid rgba(255,255,255,.14);border-radius:.85rem;background:#ffffff12}.shop-queue-row-name{grid-column:1 / 3;min-width:0;color:#f8f4ff;font-weight:700;overflow-wrap:anywhere}.shop-queue-row-quantity,.shop-queue-row-price{color:#b8b0ca;font-size:.78rem}.shop-queue-row button{grid-column:3;grid-row:1 / span 2;min-width:2.75rem;min-height:2.75rem;border-color:#f8717152;background:#ef44441f;color:#fecaca;font-size:1.1rem;font-weight:800}.shop-queue-row button:disabled{cursor:not-allowed;opacity:.5}.shop-queue-panel>button{width:100%}@media (min-width: 480px){.shop-offer-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 680px){.shop-offer-row{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-queue-panel{grid-template-columns:1fr auto;align-items:start}.shop-queue-list{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.shop-queue-panel>button{width:auto}}.subscriber-shop-panel{border-color:#a855f759;background:linear-gradient(180deg,#581c8747,#ffffff0a)}.subscriber-shop-row{grid-template-columns:repeat(1,minmax(0,1fr))}.subscriber-shop-card{min-height:8.75rem;border-color:#a855f747}.subscriber-shop-card:hover:not(:disabled),.subscriber-shop-card:focus-visible{border-color:#d8b4febf;box-shadow:0 0 0 2px #a855f72e}.subscriber-shop-assets{position:relative;display:grid;place-items:center;width:4rem;height:4rem}.subscriber-shop-hat-asset{position:absolute;top:0;right:.25rem;filter:drop-shadow(0 .15rem .2rem rgba(0,0,0,.45))}@media (min-width: 420px){.subscriber-shop-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 680px){.subscriber-shop-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.player-page-container{width:100%;max-width:46rem;overflow-x:visible}.player-page-shell{position:relative;outline:none}.player-page-viewport{overflow:hidden;border-radius:1rem;touch-action:pan-y;transition:height .22s ease}.player-page-track{display:flex;align-items:flex-start;transition:transform .26s ease;will-change:transform}.player-page{flex:0 0 100%;min-width:0;padding-bottom:.25rem}.player-page[aria-hidden=true]{pointer-events:none}.player-page-content{display:grid;gap:1rem}.player-page-content>.card,.player-page-content>.hero,.player-page-content>.resource-summary,.player-page-content>.inventory-panel{margin-top:0}.player-page-arrow{position:absolute;top:50%;z-index:5;display:none;width:2.75rem;height:4.5rem;transform:translateY(-50%);border:1px solid rgba(226,232,240,.24);border-radius:999px;background:#26203aeb;color:#f8f4ff;font-size:2.35rem;line-height:1;box-shadow:0 16px 34px #00000059;cursor:pointer}.player-page-arrow:not(:disabled):hover,.player-page-arrow:not(:disabled):focus-visible{border-color:#facc15b8;color:#fde68a}.player-page-arrow:disabled{cursor:not-allowed;opacity:.28}.player-page-arrow--previous{left:-3.25rem}.player-page-arrow--next{right:-3.25rem}.bottom-nav{z-index:10;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));align-items:stretch;width:100%;height:var(--bottom-nav-row-height);min-height:var(--bottom-nav-row-height);max-height:var(--bottom-nav-row-height);margin:0;padding-bottom:0;overflow:hidden;background:var(--nav-background, #111);border-top:1px solid rgba(148,163,184,.16);box-shadow:0 -.75rem 1.5rem #0003;flex-shrink:0}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;min-width:0;width:100%;height:var(--bottom-nav-row-height);min-height:var(--bottom-nav-row-height);max-height:var(--bottom-nav-row-height);padding:0;border:0;border-radius:0;background:transparent;color:#d8d3e8;cursor:pointer}.bottom-nav a:before,.bottom-nav button:before{content:"";position:absolute;width:2.75rem;height:2.75rem;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:#26203aeb;z-index:-1}.player-page-tab-icon{font-size:1.15rem;line-height:1}.player-page-tab-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bottom-nav a.active,.bottom-nav a:focus-visible,.bottom-nav button.active,.bottom-nav button:focus-visible{color:#fff}.bottom-nav a.active:before,.bottom-nav a:focus-visible:before,.bottom-nav button.active:before,.bottom-nav button:focus-visible:before{border-color:#facc15d1;background:#4d3b81;transform:translateY(-.08rem)}@media (min-width: 56rem){.player-page-arrow{position:fixed;top:calc((100svh - var(--bottom-nav-row-height)) / 2);display:grid;place-items:center;transform:translateY(-50%)}.player-page-arrow--previous{left:max(1rem,calc((100vw - 46rem)/2 - 3.75rem))}.player-page-arrow--next{right:max(1rem,calc((100vw - 46rem)/2 - 3.75rem))}.player-page-tabs{width:min(100% - 2rem,46rem);margin-right:auto;margin-left:auto;border-right:1px solid rgba(148,163,184,.16);border-left:1px solid rgba(148,163,184,.16);border-top-left-radius:1rem;border-top-right-radius:1rem}}@media (prefers-reduced-motion: reduce){.player-page-track{transition:none}}.hat-collection-slot.hat-locked{opacity:.55;filter:grayscale(1)}.hat-collection-slot.hat-locked .slot-asset{opacity:.65}.hat-collection-slot.hat-unlocked{border-color:#f6c453bf}.training-dialog-body{display:grid;gap:.85rem;text-align:left}.training-warning{margin:0;padding:.75rem;border:1px solid rgba(248,113,113,.35);border-radius:14px;background:#7f1d1d3d;color:#fecaca}.training-progress-summary,.training-preview{display:grid;gap:.35rem;padding:.75rem;border-radius:14px;background:#0f172ab8}.training-material-list{display:grid;gap:.5rem;max-height:min(45vh,22rem);overflow:auto;padding-right:.25rem}.training-material-row{display:flex;align-items:center;gap:.7rem;padding:.7rem;border:1px solid rgba(148,163,184,.24);border-radius:14px;background:#1e293bc7}.training-material-row span{display:grid;gap:.15rem}.training-material-row small,.training-preview span,.training-progress-summary span{color:#cbd5e1}.landing-banner{position:relative;overflow:hidden;min-height:9.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;background:radial-gradient(circle at 82% 18%,rgba(154,116,255,.28),transparent 34%),linear-gradient(135deg,#2d2349,#201b31 58%,#312544)}.landing-banner h1{margin-top:0;font-size:clamp(2rem,12vw,4rem);line-height:.95;letter-spacing:-.08em}.landing-banner p{max-width:28rem;margin:0;color:#ded6ff}.landing-banner-placeholder{width:clamp(5rem,24vw,8rem);aspect-ratio:1;display:grid;place-items:center;border:1px dashed rgba(222,214,255,.38);border-radius:24px;background:#ffffff0f;box-shadow:inset 0 0 32px #ffffff0d}.landing-banner-placeholder span{font-size:clamp(2.5rem,14vw,4.75rem);filter:drop-shadow(0 10px 18px rgba(0,0,0,.32))}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.section-heading-row h2{margin:0}.live-status,.compact-status{border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:700}.live-status.live{color:#fff;background:#e91916;box-shadow:0 0 16px #e9191657}.live-status.offline,.compact-status{color:#d8d0f7;background:#ffffff14}.twitch-embed-frame,.stream-placeholder{margin-top:.85rem;overflow:hidden;border:1px solid #463b63;border-radius:12px;background:#15111f}.twitch-embed-frame{aspect-ratio:16 / 9}.twitch-embed-frame iframe{width:100%;height:100%;display:block;border:0}.stream-placeholder{min-height:10rem;display:grid;place-items:center;color:#bbb0df}.stream-meta{margin-top:.75rem;display:grid;gap:.2rem}.stream-meta:empty{display:none}.stream-meta span,.compact-leaderboard p,.account-login-row p,.admin-shortcut-card p{margin:0;color:#c7bedf}.account-summary,.account-login-row{margin-top:.85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.account-summary{justify-content:flex-start}.account-summary img{flex:0 0 auto;border-radius:999px;border:2px solid rgba(145,112,220,.8)}.account-summary p{margin:0 0 .35rem}.account-login-row a,.admin-shortcut-card a{flex:0 0 auto}.primary-login-button{display:inline-flex;min-width:9rem;min-height:3.25rem;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(135deg,#9146ff,#facc15);box-shadow:0 16px 32px #9146ff52;color:#fff;font-size:1.05rem;font-weight:800;text-decoration:none}.primary-login-button:focus-visible,.primary-login-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.compact-leaderboard{margin-top:.85rem}.leaderboard-card .compact-leaderboard{margin-top:0}.compact-leaderboard ol{margin:.35rem 0 0;padding:0;list-style:none;display:grid;gap:.3rem}.compact-leaderboard li{display:flex;justify-content:space-between;gap:.75rem;color:#e8e2ff}.compact-leaderboard li span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-leaderboard li span:last-child{flex:0 0 auto;color:#c7bedf}.admin-shortcut-card{border-color:#ffc10773;background:linear-gradient(135deg,#43331ffa,#26203afa)}@media (max-width: 420px){.landing-banner{grid-template-columns:1fr}.landing-banner-placeholder{width:100%;max-height:6.5rem}.account-login-row{align-items:stretch;flex-direction:column}.primary-login-button{width:100%}}.beta-notice-card,.report-card{border-color:#9146ff73;background:linear-gradient(135deg,#30264efa,#26203afa)}.beta-notice-card p,.report-card p{margin:0 0 .85rem;color:#c7bedf}.beta-notice-card button,.report-form button[type=submit]{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,#9146ff,#facc15);color:#fff;font-weight:800;padding:.75rem 1rem;cursor:pointer}.report-form{display:grid;gap:1rem}.report-form fieldset,.report-form label{display:grid;gap:.45rem}.report-form fieldset{border:1px solid #463b63;border-radius:12px;margin:0;padding:.8rem}.report-form legend,.report-form label{color:#eee8ff;font-weight:700}.report-option{grid-template-columns:auto 1fr;align-items:center;font-weight:600}.report-form input[type=text],.report-form input:not([type]),.report-form textarea{width:100%;border:1px solid #463b63;border-radius:10px;background:#171420;color:#fff;font:inherit;padding:.7rem .8rem}.report-form textarea{resize:vertical}.report-form button[type=submit]:disabled{cursor:not-allowed;filter:grayscale(.45) brightness(.72)}.report-status{border-radius:10px;padding:.75rem}.report-status--success{background:#22c55e26;color:#bbf7d0}.report-status--error{background:#f8717126;color:#fecaca}@media (max-width: 420px){.beta-notice-card button,.report-form button[type=submit]{width:100%}}.report-dialog{width:min(100%,32rem);max-height:calc(100svh - 2rem);overflow-y:auto}.report-dialog .confirm-actions button{min-height:2.75rem;border:0;border-radius:999px;padding:.65rem 1rem;font-weight:800;cursor:pointer}.report-dialog .confirm-actions .dialog-action-primary{background:linear-gradient(135deg,#9146ff,#facc15);color:#fff}.report-dialog .confirm-actions .dialog-action-secondary{background:#ffffff1f;color:#e0f2fe}.report-dialog .confirm-actions button:disabled{cursor:not-allowed;filter:grayscale(.45) brightness(.72)}.admin-form-grid{display:grid;gap:.75rem;margin-top:1rem}.admin-form-grid label{display:grid;gap:.35rem}