.btn{border-radius:var(--r-md);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .25s var(--ease), color .2s, transform .2s var(--ease), box-shadow .25s;justify-content:center;align-items:center;gap:10px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{border-radius:var(--r-sm);gap:7px;height:34px;padding:0 14px;font-size:13px}.btn-md{height:42px;padding:0 20px;font-size:14px}.btn-lg{border-radius:12px;height:52px;padding:0 28px;font-size:15px}.btn-block{width:100%}.btn-primary{background:var(--brand);color:var(--brand-ink)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 8px 28px -8px var(--brand)}.btn-light{background:var(--text);color:#0a0a0c}.btn-light:hover:not(:disabled){background:#fff}.btn-glass{background:var(--glass);color:var(--text);-webkit-backdrop-filter:blur(20px)saturate(1.4);box-shadow:inset 0 0 0 1px #ffffff14}.btn-glass:hover:not(:disabled){background:var(--glass-hover)}.btn-ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}.btn-ghost:hover:not(:disabled){background:#ffffff0f}.btn-quiet{color:var(--text-2);padding:0 6px}.btn-quiet:hover:not(:disabled){color:var(--text)}.btn-danger{color:var(--danger);box-shadow:inset 0 0 0 1px #ff7a7a4d}.btn-danger:hover{background:#ff7a7a14}.avatar{color:#ffffffeb;text-shadow:0 1px 2px #0000004d;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.avatar-ring{box-shadow:0 0 0 2px var(--bg)}.avatar-stack{display:inline-flex}.avatar-stack>*+*{margin-left:-8px}.avatar-more{background:var(--surface-3);color:var(--text-2);text-shadow:none;font-size:11px}.live{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:8px;display:inline-flex}.live:before{content:"";background:var(--live);width:6px;height:6px;box-shadow:0 0 0 3px var(--brand-soft);border-radius:50%;flex:none}.tag{height:26px;color:var(--text);-webkit-backdrop-filter:blur(16px);background:#14141880;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.slots{align-items:center;gap:5px;display:inline-flex}.slots i{width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--text-3);border-radius:50%}.slots i.on{background:var(--text);box-shadow:none}.art{background:var(--surface);position:relative;overflow:hidden}.art>svg,.art>img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-out), filter .4s;display:block;position:absolute;inset:0}.logo{-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block}.media{border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);background:var(--surface);display:block;position:relative;overflow:hidden}.media>.art{position:absolute;inset:0}a:hover>.media>.art>:is(svg,img),.media:hover>.art>:is(svg,img){transform:scale(1.05)}.modal-back{z-index:100;-webkit-backdrop-filter:blur(6px);animation:fade .2s var(--ease);background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-raised);border-radius:var(--r-xl);max-width:100%;max-height:calc(100vh - 40px);box-shadow:var(--shadow-pop);animation:pop .28s var(--ease);padding:32px;position:relative;overflow:auto}.modal-x{width:34px;height:34px;color:var(--text-3);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.modal-x:hover{color:var(--text);background:#ffffff14}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.toasts{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(20px);height:44px;box-shadow:0 12px 32px -8px #0009, inset 0 0 0 1px var(--line-2);animation:pop .3s var(--ease);background:#1e1e24d1;align-items:center;gap:10px;padding:0 18px 0 14px;font-size:14px;display:flex}.toast .i{color:var(--brand)}.seg{border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0f;padding:3px;display:inline-flex}.seg button{border-radius:var(--r-pill);height:32px;color:var(--text-2);padding:0 16px;font-size:13px;transition:background .2s,color .2s}.seg button:hover{color:var(--text)}.seg button.on{color:var(--text);background:#ffffff24}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:var(--text-2);font-size:13px}.input,.textarea{border-radius:var(--r-md);width:100%;box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff0a;border:0;outline:none;padding:12px 14px;font-size:14px;transition:box-shadow .2s,background .2s}.input:focus,.textarea:focus{box-shadow:inset 0 0 0 1px var(--brand);background:#ffffff0f}.textarea{resize:vertical;min-height:110px;line-height:1.6}.input::placeholder,.textarea::placeholder{color:var(--text-4)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--r-pill);height:32px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);padding:0 14px;font-size:13px;transition:all .2s}.chip:hover{color:var(--text)}.chip.on{background:var(--text);color:#0a0a0c;box-shadow:none}.avatar-plain{background:var(--surface-3);color:var(--text);text-shadow:none;box-shadow:inset 0 0 0 1px var(--line-2)}.form{flex-direction:column;gap:16px;display:flex}.form-note{color:var(--text-3);font-size:13px;line-height:1.6}.form-note.error{color:var(--danger)}.check{border-radius:var(--r-md);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);align-items:flex-start;gap:10px;padding:10px 12px;transition:background .2s,box-shadow .2s;display:flex}.check:hover{background:#ffffff08}.check input{accent-color:var(--brand);margin:3px 0 0}.check b{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;font-weight:600;display:block}.check span{color:var(--text-3);font-size:12px;display:block}.check:has(input:checked){box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff0a}.logo-text{letter-spacing:-.03em;width:auto;color:var(--text);text-shadow:0 4px 30px #00000073;text-wrap:balance;font-size:clamp(34px,4.2vw,64px);font-weight:800;line-height:1.05;display:block}img.logo{object-fit:contain;object-position:left bottom}img.spot-logo,img.hub-logo,img.play-loading-logo,img.play-paused-logo{max-height:210px}img.pt-banner-logo,.join-logo img.logo{max-height:160px}img.play-end-logo{max-height:130px}img.promo-logo{max-height:110px}img.game-card-logo{max-height:84px}img.resume-logo,img.me-card-logo{max-height:60px}