.wave-field{position:fixed;z-index:0;pointer-events:none;left:0;right:0;top:38%;bottom:0;overflow:hidden;opacity:.58;mask-image:linear-gradient(to bottom,transparent 0%,#000 19%,#000 78%,transparent 100%)}#app{position:relative;z-index:1}.wave-track{position:absolute;left:0;width:200%;height:100%;min-height:300px;bottom:-5%;animation:waveDrift 54s linear infinite}.wave-track use{stroke:none}.wave-back{opacity:.18;animation-duration:62s}.wave-back use{fill:#6954ca}.wave-mid{opacity:.13;animation-duration:44s;animation-direction:reverse}.wave-mid use{fill:#357db0}.wave-front{opacity:.12;animation-duration:37s}.wave-front use{fill:#a18aff}.author-signature{font-family:"DM Mono",monospace;letter-spacing:.02em;color:#c3afff!important}.card,.player-row,.pill{transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-2px);border-color:#9c7cff32;box-shadow:0 24px 70px #0004}.player-row:hover{transform:translateX(3px);border-color:#9c7cff29;background:#ffffff08}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:-60% auto -60% -45%;width:35%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,#ffffff30,transparent);transition:left .55s ease}.btn-primary:hover:after{left:120%}.wishlist-modal{box-shadow:0 30px 100px #000b,0 0 70px #8056ff20;animation:modalRise .24s ease-out,modalGlow 5s ease-in-out 1s infinite}.modal-backdrop{background:radial-gradient(ellipse at 50% 40%,#4d329033,transparent 58%),#05050bd9}@keyframes waveDrift{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes modalGlow{50%{box-shadow:0 30px 100px #000b,0 0 85px #8056ff39}}@media(prefers-reduced-motion:reduce){.wave-track{animation:none!important}.btn-primary:after{display:none}.card,.player-row,.pill{transition:none}.wishlist-modal{animation:none}}
.mayari-signature{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #a88dff38;border-radius:999px;background:linear-gradient(120deg,#251d39,#171721);color:#d2c0ff;font:10px "DM Mono",monospace;letter-spacing:.17em;box-shadow:inset 0 1px #ffffff0c,0 0 22px #8056ff12}.mayari-signature span{font-size:12px;color:#a58aff}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.room-heading h2{margin-bottom:11px}.leave-btn{border:1px solid #ff889022;border-radius:10px;color:#c7aab0;white-space:nowrap}.leave-btn:hover{background:#ff62710e;color:#ffd1d5;border-color:#ff889055}.spinner-core{width:92px;height:92px}.roulette-name{display:block;max-width:72px;color:#f5f0ff;font:700 clamp(9px,2.4vw,12px) Manrope,sans-serif;line-height:1.15;letter-spacing:.01em;overflow-wrap:anywhere;text-align:center;text-shadow:0 0 18px #b39affaa;animation:nameFlash .18s ease-out}.spinner.spinning .roulette-name{animation:nameFlash .18s ease-out infinite alternate}.spinner:not(.spinning) .roulette-name{font-size:20px}@keyframes nameFlash{from{opacity:.55;filter:blur(1px);transform:scale(.94)}to{opacity:1;filter:blur(0);transform:scale(1)}}.brand-logo{display:block;width:138px;height:42px;object-fit:contain;object-position:left center}.brand{gap:0}@media(max-width:760px){.mayari-signature{padding:7px 9px;font-size:9px}.top-actions{gap:10px}.online{display:none}.room-heading{align-items:flex-start}.leave-btn{font-size:11px;padding:10px 11px;margin-top:4px}.brand-logo{width:116px;height:36px}}
.spinner.spinning{animation:slowspin .95s linear infinite}