html,body,#root{margin:0;padding:0;height:100%;overflow:hidden;background:#150f20}#play-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0808148c;cursor:pointer;transition:opacity .6s ease;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,serif;color:#d8e2ff;text-align:center}#play-overlay h1{font-size:3rem;font-weight:400;letter-spacing:.35em;margin:0 0 1rem;text-transform:uppercase;text-shadow:0 0 24px rgba(127,200,255,.55)}#play-overlay .invite{font-size:1.15rem;font-style:italic;opacity:.9;margin:0 0 2.5rem}#play-overlay .controls{font-size:.85rem;line-height:1.7;opacity:.55;font-family:Segoe UI,Arial,sans-serif}#play-overlay .switch-avatar{margin-top:2.2rem;background:none;border:1px solid rgba(216,226,255,.35);color:#d8e2ff;padding:.45rem 1.3rem;border-radius:999px;cursor:pointer;font-family:Georgia,Times New Roman,serif;font-size:.85rem;opacity:.75;transition:opacity .2s ease,border-color .2s ease}#play-overlay .switch-avatar:hover{opacity:1;border-color:#ffd8a0b3}#avatar-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080814d1;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,serif;color:#d8e2ff;text-align:center}#avatar-select h1{font-size:3rem;font-weight:400;letter-spacing:.35em;margin:0 0 1rem;text-transform:uppercase;text-shadow:0 0 24px rgba(127,200,255,.55)}#avatar-select .invite{font-size:1.15rem;font-style:italic;opacity:.9;margin:0 0 2.2rem}#avatar-select .controls{font-size:.85rem;opacity:.55;margin-top:2.2rem;font-family:Segoe UI,Arial,sans-serif}.avatar-cards{display:flex;gap:1.6rem}.avatar-card{width:200px;padding:1.6rem 1.1rem 1.4rem;display:flex;flex-direction:column;align-items:center;gap:.7rem;background:#1e162cbf;border:1px solid rgba(216,226,255,.2);border-radius:16px;color:#e8e2d2;cursor:pointer;font-family:Georgia,Times New Roman,serif;transition:transform .2s ease,border-color .2s ease,background .2s ease}.avatar-card:hover{transform:translateY(-6px);border-color:#ffd8a0bf;background:#2c203ed9}.avatar-card .avatar-portrait3d{width:100%;height:190px;border-radius:12px;overflow:hidden}.avatar-card .avatar-portrait3d canvas{display:block}.avatar-card.sage .avatar-portrait3d{background:radial-gradient(circle at 50% 30%,#4c3b64,#221a34 75%)}.avatar-card.warrior .avatar-portrait3d{background:radial-gradient(circle at 50% 30%,#2a5f61,#16303a 75%)}.avatar-card.artist .avatar-portrait3d{background:radial-gradient(circle at 50% 30%,#565460,#26242e 75%)}.avatar-card .avatar-name{font-size:1.15rem;letter-spacing:.16em;text-transform:uppercase;color:#ffe2b0;padding:.15rem 0 .1rem}#view-hud{position:fixed;bottom:1.2rem;left:1.4rem;pointer-events:none;font-family:Segoe UI,Arial,sans-serif;font-size:.8rem;color:#ffe2b0;background:#140c1a80;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,216,160,.2);opacity:.85}#station-label{position:fixed;bottom:7%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;font-family:Georgia,Times New Roman,serif;color:#ffe2b0;background:#140c1a8c;padding:.9rem 2.2rem;border-radius:12px;border:1px solid rgba(255,216,160,.25);animation:label-fade .45s ease}@keyframes label-fade{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#station-label .station-name{font-size:1.35rem;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 16px rgba(255,200,130,.6)}#station-label .station-invite{font-style:italic;font-size:1rem;opacity:.85;margin-top:.2rem}#station-label .station-hint{font-family:Segoe UI,Arial,sans-serif;font-size:.78rem;opacity:.6;margin-top:.55rem}