:root{color-scheme:dark;--bg: #07101a;--bg-2: #0b1724;--panel: rgba(14, 24, 36, .92);--panel-2: rgba(19, 31, 46, .96);--panel-3: rgba(24, 37, 53, .95);--line: rgba(142, 164, 195, .18);--text: #ecf2fb;--muted: #8ea4bf;--accent: #53d39a;--accent-2: #67a8ff;--accent-3: #7f88ff;--warn: #ffb347;--danger: #ff6f79;--shadow: 0 22px 50px rgba(2, 9, 16, .42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 12%,rgba(83,211,154,.12),transparent 20%),radial-gradient(circle at 82% 16%,rgba(103,168,255,.14),transparent 20%),linear-gradient(180deg,#0a1320,#07101a);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}.app-shell{min-height:100%;display:flex;flex-direction:column;gap:14px;padding:16px}.app-header,.status-banner,.workspace,.surface,.table-shell,.table-empty{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(220px,280px);gap:16px;align-items:center;padding:18px 20px;border-radius:20px}.brand-block{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#53d39a3d,#67a8ff38);border:1px solid rgba(151,184,255,.22);font-weight:800;letter-spacing:0}.brand-copy,.user-copy{min-width:0}.brand{font-size:22px;font-weight:800;line-height:1.15}.subtitle,.small,.eyebrow{color:var(--muted)}.subtitle{font-size:12px;margin-top:5px}.header-center{display:flex;flex-direction:column;align-items:center;gap:10px}.segmented,.segment-mini,.filter-bar,.stat-strip,.table-header-meta,.table-actions,.rail-actions,.bid-group,.profile-actions,.hand-tools{display:flex;flex-wrap:wrap;gap:8px}.segmented,.segment-mini{padding:6px;border:1px solid rgba(142,164,195,.16);background:#0a121c80;border-radius:999px}.ghost,.primary{border:1px solid transparent;border-radius:12px;padding:10px 14px;transition:.18s ease}.ghost{background:#15202fe0;color:var(--text);border-color:#8ea4c32e}.ghost:hover,.primary:hover{transform:translateY(-1px)}.ghost.active{border-color:#53d39abf;background:#53d39a1f;color:#dffcf0}.primary{background:linear-gradient(180deg,#53d39a,#2fab75);color:#07141b;font-weight:700}.primary.active{box-shadow:0 0 0 1px #ffffff1f inset}.stat-strip .badge,.table-header-meta .badge{white-space:nowrap}.header-user{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.avatar,.profile-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.14)}.user-name{font-weight:700}.status-banner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px 16px;border-radius:18px}.banner-item{padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#ffffff09,#ffffff04);border:1px solid rgba(142,164,195,.12);min-width:0}.banner-item strong,.rail-row strong,.metric-card strong,.selected-box strong,.hint-box strong,.empty-state{display:block;overflow-wrap:anywhere}.status-error{color:#ffb5bc}.compact-button{margin-top:8px;padding:6px 9px;font-size:12px}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:290px minmax(0,1fr) 290px;gap:14px;padding:14px;border-radius:20px}.workspace-rail,.workspace-main{min-width:0}.workspace-main{min-height:0}.rail-panel,.surface,.table-shell,.table-empty{border-radius:18px;padding:16px}.rail-panel,.surface{background:var(--panel-2);border:1px solid rgba(142,164,195,.14)}.side-stack,.stack-form,.command-stack{display:flex;flex-direction:column;gap:14px}.rail-title,.surface-subtitle,.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.rail-stack,.metric-grid,.room-grid,.player-list,.settlement,.list.compact{display:grid;gap:10px}.rail-row,.metric-card,.settlement-row,.event-row,.room-card,.player-card,.selected-box,.hint-box,.profile-card{border-radius:16px;border:1px solid rgba(142,164,195,.14);background:var(--panel-3)}.rail-row,.metric-card,.settlement-row,.event-row{padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card{padding:14px;display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center}.profile-actions,.table-actions{align-items:center}.login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}input{width:100%;border:1px solid rgba(142,164,195,.16);background:#080f17db;color:var(--text);border-radius:12px;padding:11px 12px;outline:none}input:focus{border-color:#67a8ff99;box-shadow:0 0 0 3px #67a8ff1f}.room-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.center-stack{display:flex;flex-direction:column;gap:14px;min-height:0}.lobby-main{overflow:hidden}.lobby-hero{min-height:188px;display:flex;align-items:stretch;justify-content:space-between;gap:18px;padding:22px;border-radius:20px;border:1px solid rgba(103,168,255,.2);background:linear-gradient(105deg,#133548db,#122539e6 56%,#202f4ee0),radial-gradient(circle at 84% 18%,rgba(127,136,255,.24),transparent 28%);overflow:hidden}.hero-copy{max-width:620px}.hero-copy h1{margin:7px 0 8px;font-size:clamp(26px,3vw,40px);line-height:1.1}.hero-copy p{margin:0;max-width:560px;color:#afc1d8;line-height:1.65}.hero-actions{display:flex;gap:10px;margin-top:20px}.matchmaking-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 13px;border:1px solid rgba(83,211,154,.25);border-radius:10px;background:#53d39a14}.matchmaking-strip strong,.matchmaking-strip small{display:block}.matchmaking-strip small{margin-top:4px;color:var(--muted)}.matchmaking-copy>div{min-width:0}.match-progress{display:block;width:min(240px,100%);height:4px;margin-top:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.match-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-3),var(--accent));transition:width .35s ease}.large-action{min-width:118px}.hero-prize{min-width:156px;padding:16px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;gap:10px;background:#060f195c;border:1px solid rgba(255,255,255,.13)}.hero-prize strong{font-size:22px}.mode-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-tile{min-height:124px;padding:15px;border-radius:17px;border:1px solid rgba(142,164,195,.14);background:linear-gradient(180deg,#1d2c3ff5,#14202ff5);color:var(--text);text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:.18s ease}.mode-tile:hover{transform:translateY(-2px);border-color:#67a8ff6b}.mode-tile.active{border-color:#53d39ab8;background:linear-gradient(180deg,#244345f5,#142a2ff5)}.mode-tile strong{font-size:16px}.mode-tile .small{line-height:1.55}.surface-head,.table-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.surface-head h2,.table-heading h2{margin:4px 0 0;font-size:20px;line-height:1.15}.filter-bar{align-items:center}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;overflow:auto;padding-right:4px}.room-card{padding:14px;display:flex;flex-direction:column;gap:12px}.room-card-top,.room-card-bottom,.player-card-top,.player-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.room-card-bottom{margin-top:auto}.room-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.room-metrics>div{padding:10px 11px;border-radius:14px;background:#ffffff08;border:1px solid rgba(142,164,195,.1)}.seat-track{height:6px;border-radius:99px;background:#ffffff0f;overflow:hidden}.seat-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent-3))}.room-pass{min-width:128px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#53d39a1f;color:#9df3c9;font-size:12px;white-space:nowrap}.badge.warn{background:#ffb3471f;color:#ffd28a}.badge.danger{background:#ff6f791f;color:#ffb5bc}.hint-box.hint-active{border-color:#53d39a7a;background:linear-gradient(180deg,#244345b8,#182b30e0);box-shadow:0 0 0 1px #53d39a1f inset}.notice-line{padding:2px 4px}.table-shell{min-height:0;display:flex;flex-direction:column;gap:14px}.battle-layout{min-height:0;flex:1;display:grid;grid-template-columns:270px minmax(0,1fr) 320px;gap:14px}.battle-rail,.battle-stage{min-width:0}.battle-panel{height:100%}.player-list{grid-template-columns:1fr}.player-card{padding:12px;display:flex;flex-direction:column;gap:9px}.player-card.active{border-color:#67a8ffb8;box-shadow:0 0 0 1px #67a8ff2e inset}.progress-bar{height:8px;border-radius:999px;background:#ffffff0d;overflow:hidden}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.stage-board{height:100%;padding:18px;border-radius:18px;border:1px solid rgba(142,164,195,.12);background:radial-gradient(circle at top,rgba(103,168,255,.1),transparent 24%),linear-gradient(180deg,#131f2ef7,#0a111afc);display:flex;flex-direction:column;gap:14px;min-height:0}.stage-board.waiting{background:linear-gradient(180deg,#131f2ef7,#0a111afc),linear-gradient(120deg,#ffffff05,#ffffff03)}.stage-board.bidding{box-shadow:inset 0 0 0 1px #ffb34714}.stage-board.playing.my-turn{box-shadow:inset 0 0 0 1px #53d39a29}.opponent-row{display:grid;grid-template-columns:1fr;gap:10px}.opponent-seat{padding:12px 13px;border-radius:16px;border:1px solid rgba(142,164,195,.14);background:#ffffff08;display:flex;align-items:center;gap:10px}.opponent-seat.active{border-color:#67a8ff8c;box-shadow:0 0 0 1px #67a8ff24 inset}.seat-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.14)}.my-seat-mini{display:flex;align-items:center;gap:10px;min-width:0}.table-center-card{padding:16px;border-radius:18px;border:1px solid rgba(142,164,195,.14);background:#ffffff08;display:flex;flex-direction:column;align-items:center;gap:8px}.center-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.turn-state{padding:6px 10px;border-radius:999px;color:var(--muted);background:#ffffff0a;border:1px solid rgba(142,164,195,.12);font-size:12px}.turn-state.active{color:#dffff0;background:#53d39a24;border-color:#53d39a59}.played-cards{display:flex;gap:7px;min-height:40px;align-items:center}.mini-card{min-width:32px;padding:8px 7px;border-radius:9px;background:#eef3f8;color:#182536;text-align:center;font-weight:800;box-shadow:0 8px 16px #0000002e}.center-pill{padding:10px 14px;border-radius:999px;background:#53d39a1f;color:#cffff0;border:1px solid rgba(83,211,154,.22);font-weight:700}.center-pill.muted{background:#ffffff08;color:var(--muted);border-color:#8ea4c31f}.hand-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hand-head h3{margin:0;font-size:16px}.hand{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;overflow:auto;padding-right:4px}.play-card{width:62px;min-height:84px;border-radius:14px;background:linear-gradient(180deg,#f7f9fd,#dde7f2);color:#132031;display:flex;flex-direction:column;justify-content:space-between;padding:8px;border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 20px #00000038;font-weight:700}.play-card.red{color:#c12635}.play-card.selected{transform:translateY(-10px);border-color:var(--accent-2);box-shadow:0 18px 32px #00000052}.play-card:not(:disabled):hover{transform:translateY(-4px)}.badge.danger{animation:pulse-danger 1s ease-in-out infinite}@keyframes pulse-danger{50%{box-shadow:0 0 0 4px #ff6f7914}}.play-card:disabled{opacity:1;cursor:default}.play-card:disabled:not(.selected){box-shadow:0 8px 15px #00000029}.hand-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;padding-top:8px}.settlement-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#03070b85;display:grid;place-items:center;padding:18px;z-index:30}.settlement-dialog{width:min(720px,100%);max-height:min(88vh,780px);overflow:auto;border-radius:22px;padding:20px;border:1px solid rgba(142,164,195,.18);background:linear-gradient(180deg,#121d2bfa,#0b121cfa);box-shadow:0 28px 70px #00000085}.settlement-summary{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}.selected-box,.hint-box{padding:14px;display:flex;flex-direction:column;gap:8px}.action-stack{flex-direction:column;align-items:stretch}.action-stack>*{width:100%;justify-content:center}.settlement{grid-template-columns:1fr}.table-empty{display:grid;gap:10px}.empty-state{color:var(--muted);border:1px dashed rgba(142,164,195,.18);border-radius:16px;padding:16px;background:#ffffff05}@media(max-width:1320px){.app-header,.workspace,.battle-layout{grid-template-columns:1fr}.status-banner{grid-template-columns:repeat(2,minmax(0,1fr))}.header-center,.header-user{justify-content:flex-start}.room-grid{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{padding:10px}.status-banner,.metric-grid,.login-grid,.room-mode-grid,.room-metrics{grid-template-columns:1fr}.surface-head,.table-header,.hand-head,.room-card-top,.room-card-bottom,.player-card-top,.player-card-meta{flex-direction:column;align-items:flex-start}.room-pass{min-width:0;width:100%}.lobby-hero{flex-direction:column}.hero-prize{min-width:0}.mode-tiles{grid-template-columns:1fr}.play-card{width:calc(25% - 8px);min-width:58px}}.product-shell{min-height:100vh;padding:18px 22px 24px}.app-topbar{height:72px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,1.4fr) minmax(240px,1fr);align-items:center;gap:24px;padding:0 20px;border:1px solid var(--line);border-radius:16px;background:#0c1622e6;box-shadow:0 16px 38px #02091047}.product-brand{display:inline-flex;align-items:center;gap:12px;min-width:0;color:var(--text);text-decoration:none}.product-brand .brand-mark{width:42px;height:42px;border-radius:11px;font-size:13px}.product-brand .brand-copy{display:flex;flex-direction:column;gap:3px}.product-brand strong{font-size:16px}.product-brand small{color:var(--muted);font-size:11px}.topbar-context{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;color:var(--muted);font-size:13px}.context-label{color:var(--text);font-weight:700}.context-divider{width:1px;height:14px;background:var(--line)}.context-room{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;min-width:0}.live-status{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#8ea4bf;box-shadow:0 0 0 4px #8ea4c314}.tone-success,.dot-success{color:#9df3c9}.tone-success .status-dot,.dot-success{background:var(--accent);box-shadow:0 0 0 4px #53d39a1a}.tone-danger,.dot-danger{color:#ffb5bc}.tone-danger .status-dot,.dot-danger{background:var(--danger);box-shadow:0 0 0 4px #ff6f791a}.profile-trigger{display:inline-flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;min-width:0}.profile-trigger img,.profile-placeholder{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.profile-placeholder{display:grid;place-items:center;background:#67a8ff29;color:#cfe1ff;font-size:12px}.profile-trigger-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-trigger-copy strong{max-width:94px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.profile-trigger-copy small{color:var(--muted);font-size:11px}.app-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:22px;max-width:1640px;margin:22px auto 0}.side-nav{min-height:calc(100vh - 132px);display:flex;flex-direction:column;padding:16px 10px;border:1px solid var(--line);border-radius:16px;background:#0c1622b8}.nav-section{display:flex;flex-direction:column;gap:8px}.nav-secondary{margin-top:28px;padding-top:22px;border-top:1px solid rgba(142,164,195,.1)}.nav-caption{padding:0 12px 4px;color:#7189a5;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-list{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:13px;text-decoration:none;transition:.18s ease}.nav-item:hover{color:var(--text);background:#ffffff09}.nav-item.router-link-active{color:#e9fff5;border-color:#53d39a40;background:#53d39a1c}.nav-item.disabled{opacity:.45;pointer-events:none}.nav-icon{width:22px;color:#9bb0c9;font-size:16px;text-align:center}.nav-item.router-link-active .nav-icon{color:var(--accent)}.nav-live{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #53d39a1a}.nav-button{width:100%;border:1px solid transparent;background:transparent;text-align:left}.side-nav-footer{margin-top:auto;padding:14px 2px 0}.sync-card{padding:12px;border:1px solid rgba(142,164,195,.12);border-radius:12px;background:#ffffff06}.sync-card-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.sync-card strong{display:block;margin-top:10px;font-size:13px}.sync-card small{display:block;margin-top:5px;color:var(--muted);line-height:1.5}.text-button{margin-top:8px;padding:0;border:0;background:transparent;color:#9cc4ff;font-size:11px}.page-content{min-width:0;padding:4px 0 30px}.page-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 22px}.page-topline h1{margin:5px 0 0;font-size:28px;letter-spacing:0}.page-topline-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.topline-chip{padding:7px 10px;border:1px solid rgba(142,164,195,.14);border-radius:8px;color:var(--muted);background:#ffffff06;font-size:11px}.topline-chip.accent{color:#b8f8d9;border-color:#53d39a40;background:#53d39a14}.page-enter-active,.page-leave-active{transition:opacity .16s ease,transform .16s ease}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.mobile-nav{display:none}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.page-main-column,.page-side-column,.dashboard-page,.records-page,.points-page,.account-page{display:flex;flex-direction:column;gap:18px;min-width:0}.hero-panel,.points-hero,.dashboard-welcome{display:flex;justify-content:space-between;align-items:stretch;gap:22px;padding:28px;border:1px solid rgba(103,168,255,.22);border-radius:16px;background:linear-gradient(110deg,#15374bf2,#122236f2 68%,#1d2b4cf2);box-shadow:var(--shadow)}.hero-panel h2,.points-hero h2,.dashboard-welcome h2{margin:7px 0 8px;font-size:30px;line-height:1.15}.hero-panel p,.points-hero p,.dashboard-welcome p{max-width:630px;margin:0;color:#afc1d8;line-height:1.7}.hero-panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-panel-copy{min-width:0}.hero-stat,.points-balance{min-width:180px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#060f1947}.hero-stat strong,.points-balance strong{font-size:24px}.hero-stat small,.points-balance small{color:var(--muted);line-height:1.5}.points-balance a{margin-top:6px;color:#a9caff;font-size:12px;text-decoration:none}.mode-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-selector-item{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid rgba(142,164,195,.13);border-radius:12px;background:#131f2ee6;color:var(--text);text-align:left;transition:.18s ease}.mode-selector-item:hover,.mode-selector-item.active{border-color:#53d39a73;background:#1f383de6}.mode-selector-icon,.room-avatar{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:10px;background:#67a8ff21;color:#b9d4ff;font-size:11px;font-weight:800}.mode-selector-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.mode-selector-copy strong{font-size:13px}.mode-selector-copy small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.mode-selector-item .badge{margin-left:auto}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-heading h2,.section-heading h3{margin:5px 0 0}.section-heading h2{font-size:21px}.section-heading h3{font-size:16px}.section-heading p{margin:8px 0 0;color:var(--muted);line-height:1.6}.section-heading-actions{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:7px 10px;border:1px solid rgba(142,164,195,.14);border-radius:8px;background:#ffffff06;color:var(--muted);font-size:11px}.filter-chip.active{border-color:#53d39a59;color:#cffff0;background:#53d39a1a}.room-list{display:flex;flex-direction:column;gap:8px}.room-list-item{display:grid;grid-template-columns:minmax(210px,1.6fr) 80px 80px 120px minmax(160px,.9fr);align-items:center;gap:16px;min-height:78px;padding:12px 14px;border:1px solid rgba(142,164,195,.12);border-radius:12px;background:#131f2ec7}.room-list-item:hover{border-color:#67a8ff52;background:#18273ae6}.room-list-leading,.current-room-main,.account-summary,.reward-card,.preference-row,.transaction-row,.recent-row{display:flex;align-items:center;gap:11px;min-width:0}.room-list-leading strong,.recent-row strong,.transaction-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list-leading small,.room-list-metric small,.room-list-status small,.recent-row small,.transaction-row small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.room-list-metric strong{font-size:13px}.room-list-action{display:flex;align-items:center;gap:7px;min-width:0}.room-list-action input{min-width:0;padding:8px 9px;font-size:11px}.room-list-action .primary{padding:9px 11px;white-space:nowrap}.side-panel,.content-panel{border:1px solid rgba(142,164,195,.13);border-radius:14px;background:#131f2edb;box-shadow:0 14px 34px #0209102e}.side-panel{padding:16px}.content-panel{padding:20px}.side-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.side-panel-heading h3{margin:5px 0 0;font-size:16px}.account-summary{margin-top:18px;padding:12px;border:1px solid rgba(142,164,195,.1);border-radius:11px;background:#ffffff06}.account-summary img{width:38px;height:38px;border-radius:50%;object-fit:cover}.account-summary div{display:flex;flex-direction:column;gap:3px}.account-summary div+div{margin-left:auto}.account-summary strong{font-size:15px}.account-summary small{color:var(--muted);font-size:10px}.login-form,.create-form,.account-form{display:flex;flex-direction:column;gap:9px;margin-top:16px}.login-form input,.create-form input,.account-form input{padding:10px;font-size:12px}.inline-actions,.input-row{display:flex;gap:8px}.inline-actions>*,.input-row>*{flex:1;min-width:0}.panel-link{display:flex;justify-content:space-between;gap:10px;margin-top:16px;color:#a9caff;font-size:12px;text-decoration:none}.create-panel{background:linear-gradient(180deg,#1b2b3df2,#131f2ee6)}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border:1px solid rgba(142,164,195,.12);border-radius:9px;background:#050c1459}.segmented-control button{padding:8px 4px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px}.segmented-control button.active{background:#53d39a24;color:#cffff0}.wide-button{width:100%}.dashboard-welcome{align-items:center}.dashboard-welcome .primary{flex:0 0 auto}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-tile{padding:16px;border:1px solid rgba(142,164,195,.13);border-radius:12px;background:#131f2ecc}.metric-tile strong{display:block;margin:9px 0 5px;font-size:25px}.metric-tile small{color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px}.current-room-panel,.recent-panel,.quick-panel,.activity-panel{min-height:250px}.current-room-card{display:flex;align-items:center;gap:18px;margin-top:20px;padding:16px;border:1px solid rgba(83,211,154,.2);border-radius:12px;background:#53d39a0e}.current-room-main{flex:1}.current-room-main strong{display:block}.current-room-main small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.current-room-stats{display:flex;gap:16px}.current-room-stats span{display:flex;flex-direction:column;gap:3px}.current-room-stats small{color:var(--muted);font-size:10px}.current-room-stats strong{max-width:100px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dashboard-empty,.records-empty{margin-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.dashboard-empty span,.records-empty span{color:var(--muted)}.dashboard-empty .primary,.records-empty .primary{margin-top:8px}.quick-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.quick-action{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid rgba(142,164,195,.11);border-radius:10px;color:var(--text);text-decoration:none;background:#ffffff05}.quick-action:hover{border-color:#67a8ff59;background:#67a8ff0f}.quick-action>span{color:var(--accent);font-size:18px}.quick-action small{color:var(--muted);font-size:10px}.recent-list{display:flex;flex-direction:column;gap:4px;margin-top:16px}.recent-row{justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(142,164,195,.09)}.recent-row:last-child{border-bottom:0}.result-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:6px;font-size:11px;white-space:nowrap}.result-pill.positive{background:#53d39a1a;color:#9df3c9}.result-pill.negative{background:#ff6f791a;color:#ffb5bc}.records-table-panel{min-height:520px}.records-table{overflow-x:auto;margin-top:22px}.records-table-head,.records-table-row{display:grid;grid-template-columns:1.2fr .8fr .6fr .8fr 1fr 1.4fr;align-items:center;gap:16px;min-width:720px;padding:13px 12px}.records-table-head{border-bottom:1px solid rgba(142,164,195,.14);color:var(--muted);font-size:11px}.records-table-row{border-bottom:1px solid rgba(142,164,195,.08);color:#ced9e8;font-size:12px}.records-table-row:hover{background:#ffffff05}.records-table-row small{color:var(--muted)}.positive-text{color:#9df3c9}.negative-text{color:#ffb5bc}.points-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:18px}.reward-card{justify-content:space-between;margin-top:18px;padding:16px;border:1px solid rgba(255,179,71,.2);border-radius:12px;background:#ffb3470f}.reward-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ffb34724;color:#ffd28a;font-size:20px}.reward-card div:nth-child(2){flex:1;min-width:0}.reward-card strong,.reward-card small{display:block}.reward-card small{margin-top:5px;color:var(--muted);line-height:1.5;font-size:11px}.asset-list{display:flex;flex-direction:column;gap:0;margin-top:16px}.asset-list div,.preference-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid rgba(142,164,195,.09)}.asset-list div:last-child,.preference-row:last-child{border-bottom:0}.asset-list span{color:var(--muted);font-size:12px}.asset-list strong{font-size:16px}.points-history{min-height:430px}.transaction-list{display:flex;flex-direction:column;margin-top:16px}.transaction-row{justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(142,164,195,.09)}.transaction-balance{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.transaction-balance span{font-size:15px;font-weight:800}.transaction-balance small{color:var(--muted);font-size:10px}.account-profile-head{display:flex;align-items:center;gap:16px}.account-profile-head img{width:68px;height:68px;border-radius:50%;border:1px solid var(--line);object-fit:cover}.account-profile-head h2{margin:6px 0 0;font-size:23px}.account-profile-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.account-profile-head .badge{margin-left:auto}.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.account-stat-grid div{padding:14px;border:1px solid rgba(142,164,195,.11);border-radius:10px;background:#ffffff06}.account-stat-grid small,.account-stat-grid strong{display:block}.account-stat-grid small{color:var(--muted);font-size:11px}.account-stat-grid strong{margin-top:7px;font-size:20px}.account-actions{display:flex;gap:8px;margin-top:22px}.account-login-panel{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:center;min-height:360px}.account-login-panel h2{margin:8px 0;font-size:27px}.account-login-panel p{color:var(--muted);line-height:1.7}.account-preferences{margin-top:0}.preference-row strong,.preference-row small{display:block}.preference-row small{margin-top:5px;color:var(--muted);font-size:11px}.success-badge{color:#9df3c9;background:#53d39a1a}.notice-line{padding:10px 12px;border:1px solid rgba(103,168,255,.18);border-radius:9px;color:#b9d4ff;background:#67a8ff0f;font-size:12px}@media(max-width:1180px){.app-topbar{grid-template-columns:minmax(220px,1fr) auto minmax(200px,1fr)}.app-layout{grid-template-columns:190px minmax(0,1fr)}.page-grid{grid-template-columns:1fr}.page-side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.page-side-column .notice-line{grid-column:1 / -1}.room-list-item{grid-template-columns:minmax(180px,1.5fr) 70px 70px 110px minmax(140px,.9fr);gap:10px}}@media(max-width:860px){.product-shell{padding:10px 10px 78px}.app-topbar{height:auto;min-height:64px;grid-template-columns:1fr auto;padding:10px 12px}.topbar-context{display:none}.topbar-actions{gap:8px}.live-status,.profile-trigger-copy{display:none}.app-layout{display:block;margin-top:14px}.side-nav{display:none}.page-topline{align-items:flex-start;margin:6px 2px 16px}.page-topline h1{font-size:23px}.page-topline-meta{display:none}.mobile-nav{position:fixed;right:10px;bottom:10px;left:10px;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid var(--line);border-radius:14px;background:#09111bf5;box-shadow:0 18px 40px #0006;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:15px}.mobile-nav-item.router-link-active{color:var(--accent);background:#53d39a1a}.mobile-nav-item small{font-size:9px}.mobile-nav-item.disabled{opacity:.35;pointer-events:none}.hero-panel,.points-hero,.dashboard-welcome{flex-direction:column;padding:20px}.hero-panel h2,.points-hero h2,.dashboard-welcome h2{font-size:25px}.hero-stat,.points-balance{min-width:0}.mode-selector,.metric-row,.dashboard-grid,.points-grid,.account-login-panel{grid-template-columns:1fr}.page-side-column{display:flex}.room-list-item{grid-template-columns:1fr 1fr;gap:10px}.room-list-leading{grid-column:1 / -1}.room-list-status{justify-self:end}.room-list-action{grid-column:1 / -1}.room-list-action input{flex:1}.current-room-card,.reward-card,.account-profile-head{align-items:flex-start;flex-wrap:wrap}.current-room-stats{width:100%;justify-content:space-between}.current-room-card>.primary,.reward-card>.primary{width:100%}.account-stat-grid{grid-template-columns:repeat(2,1fr)}.account-profile-head .badge{margin-left:auto}}:root{--bg: #0e0a13;--bg-2: #17101e;--panel: rgba(29, 19, 34, .94);--panel-2: rgba(38, 24, 42, .96);--panel-3: rgba(48, 28, 45, .94);--line: rgba(244, 196, 105, .2);--text: #fff7e8;--muted: #b9a5b4;--accent: #f4c45f;--accent-2: #ec6952;--accent-3: #62d0bc;--warn: #f6bd55;--danger: #ff7967;--shadow: 0 28px 70px rgba(4, 1, 8, .5);font-family:Trebuchet MS,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif}html{background:var(--bg)}body{position:relative;overflow-x:hidden;background:radial-gradient(circle at 11% 8%,rgba(236,105,82,.16),transparent 23%),radial-gradient(circle at 87% 12%,rgba(98,208,188,.12),transparent 20%),linear-gradient(135deg,#0e0a13,#1a0e1d 48%,#0d101b)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(115deg,transparent 0 47%,rgba(244,196,105,.035) 47.2% 47.5%,transparent 47.7% 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 72px);content:"";pointer-events:none}button,input,select,textarea{letter-spacing:0}button{position:relative;overflow:hidden}button:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.16) 50%,transparent 80%);content:"";opacity:0;transform:translate(-110%);transition:transform .55s ease,opacity .2s ease;pointer-events:none}button:not(:disabled):hover:after{opacity:1;transform:translate(110%)}.product-shell{position:relative;isolation:isolate;padding:18px 22px 30px}.app-topbar{position:relative;overflow:hidden;border:1px solid rgba(244,196,105,.3);border-radius:18px;background:#170d1df0;box-shadow:0 18px 44px #0401086b,inset 0 1px #ffffff0f}.app-topbar:before{position:absolute;top:0;right:18%;left:18%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);content:"";opacity:.9}.app-topbar:after{position:absolute;right:-40px;bottom:-72px;width:210px;height:150px;border:1px solid rgba(98,208,188,.17);border-radius:50%;content:"";transform:rotate(-17deg)}.product-brand{gap:13px}.product-brand .brand-mark{position:relative;width:48px;height:48px;border:2px solid var(--accent);border-radius:15px 15px 20px 20px;background:#351925;box-shadow:0 0 0 4px #f4c46914,0 9px 18px #00000052;color:var(--accent);transform:rotate(-4deg)}.product-brand .brand-mark:before{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(255,247,232,.18);border-radius:inherit;content:""}.brand-sigil{position:absolute;top:3px;left:16px;font-size:21px;line-height:1}.brand-mark-label{position:absolute;right:7px;bottom:5px;font-size:9px;font-weight:900;letter-spacing:.08em;transform:rotate(4deg)}.product-brand strong{color:#fff8e9;font-size:17px}.product-brand small{color:#c69f6a;letter-spacing:.04em}.topbar-context{color:#b9a5b4}.topbar-rune{color:var(--accent);animation:float-rune 3.2s ease-in-out infinite}.context-label{color:#fff4d5}.context-divider{background:#f4c46957}.profile-trigger img,.profile-placeholder{border-color:#f4c46966}.profile-placeholder{background:#5d2d3a;color:#ffe7ac}.side-nav{position:relative;overflow:hidden;border:1px solid rgba(244,196,105,.22);border-radius:18px;background:#180e1de0;box-shadow:0 18px 48px #04010852}.side-nav:before{position:absolute;top:18px;right:-28px;width:100px;height:100px;border:1px solid rgba(98,208,188,.18);border-radius:50%;content:""}.nav-caption{color:#8f6e80;letter-spacing:.18em}.nav-item{border-radius:12px;color:#b9a5b4}.nav-item:hover{color:#fff5dc;background:#f4c46914}.nav-item.router-link-active{border-color:#f4c4696b;background:linear-gradient(90deg,#7e2e3585,#f4c46914);box-shadow:inset 3px 0 0 var(--accent),0 8px 18px #0003;color:#fff5d5}.nav-icon{color:#c58f72}.nav-item.router-link-active .nav-icon{color:var(--accent);text-shadow:0 0 12px rgba(244,196,105,.55)}.nav-live{background:var(--accent-3);box-shadow:0 0 0 4px #62d0bc1a,0 0 14px #62d0bcb3}.sync-card{border-color:#f4c4692e;background:#ffffff09}.page-topline{margin-bottom:24px}.page-topline h1{color:#fff7e8;text-shadow:0 5px 18px rgba(0,0,0,.35)}.eyebrow{color:#cf9b65;letter-spacing:.16em}.topline-chip{border-color:#f4c46938;background:#ffffff09;color:#c7acb8}.topline-chip.accent{border-color:#62d0bc57;background:#62d0bc1a;color:#a9f4e4}.primary,.ghost{border-radius:11px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.primary{border-color:#ffd77a;background:linear-gradient(180deg,#ffd874,#d8913c);box-shadow:0 8px #8c4d2b,0 14px 24px #d67d373d;color:#32131b;text-shadow:0 1px rgba(255,255,255,.28)}.primary:hover:not(:disabled){box-shadow:0 5px #8c4d2b,0 18px 28px #d67d3757;transform:translateY(-3px)}.primary:active:not(:disabled){box-shadow:0 2px #8c4d2b,0 8px 14px #d67d373d;transform:translateY(0)}.ghost{border-color:#f4c46938;background:#371c2fd1;color:#f7dfb5}.ghost:hover:not(:disabled){border-color:#f4c4698a;background:#7e2e356b;box-shadow:0 8px 18px #0003}.button-glyph{display:inline-block;margin-right:7px;color:#fff1bd}.hero-panel{position:relative;min-height:300px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr) 168px;align-items:stretch;gap:18px;overflow:hidden;padding:28px 28px 26px;border:1px solid rgba(244,196,105,.38);border-radius:22px;background:linear-gradient(115deg,#3a192afa,#221529f7 58%,#131e26fa),#291526;box-shadow:0 25px 60px #07020b73,inset 0 1px #ffffff14}.hero-panel:before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(244,196,105,.14);border-radius:16px;content:"";pointer-events:none}.hero-panel:after{position:absolute;right:36%;bottom:-140px;width:380px;height:260px;border:1px solid rgba(98,208,188,.17);border-radius:50%;content:"";transform:rotate(-14deg);pointer-events:none}.hero-panel-copy,.hero-art,.hero-stat{position:relative;z-index:1}.hero-kicker,.table-heading-kicker,.section-kicker{display:flex;align-items:center;gap:8px;color:#d9a969;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.kicker-glyph,.section-marker,.rail-title-glyph{color:var(--accent);text-shadow:0 0 12px rgba(244,196,105,.55)}.kicker-line{width:46px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.hero-panel h2{max-width:620px;margin:17px 0 10px;color:#fff5dc;font-size:clamp(32px,4vw,55px);font-weight:900;line-height:1.02;letter-spacing:0;text-wrap:balance}.hero-panel p{max-width:520px;color:#d2b9bc;font-size:14px;line-height:1.75}.hero-panel-actions{position:relative;z-index:2;margin-top:26px}.hero-cta{min-width:148px;font-weight:900}.matchmaking-strip{max-width:460px;margin-top:18px;border-color:#62d0bc57;border-radius:12px;background:#1a615b33}.matchmaking-copy{display:flex;align-items:center;gap:10px}.match-pulse{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--accent-3);box-shadow:0 0 0 5px #62d0bc1f,0 0 18px #62d0bce6;animation:pulse-teal 1.5s ease-in-out infinite}.matchmaking-strip strong{color:#d9fff4}.matchmaking-strip small{color:#a8d6cf}.mini-action{min-width:56px;padding:8px 11px}.hero-art{min-height:238px;overflow:hidden}.hero-halo{position:absolute;top:15px;left:50%;width:220px;height:220px;border:1px solid rgba(244,196,105,.36);border-radius:50%;box-shadow:0 0 0 14px #f4c4690b,0 0 50px #f4c46929;transform:translate(-50%)}.hero-sun{position:absolute;top:56px;left:50%;width:104px;height:104px;border:3px solid rgba(255,225,143,.55);border-radius:50%;background:#ec695261;box-shadow:0 0 34px #ec695252;transform:translate(-50%)}.hero-character{position:absolute;bottom:8px;width:86px;height:170px;filter:drop-shadow(0 18px 14px rgba(0,0,0,.35))}.hero-character-left{left:8%;transform:rotate(-7deg)}.hero-character-right{right:8%;transform:scaleX(-1) rotate(-7deg)}.character-hair{position:absolute;top:2px;left:13px;width:64px;height:70px;border:3px solid #20101f;border-radius:54% 48% 44% 41%;background:#392044;transform:rotate(-12deg)}.character-hair:after{position:absolute;right:-11px;top:24px;width:30px;height:44px;border-radius:50% 20% 50% 30%;background:#392044;content:"";transform:rotate(-21deg)}.character-face{position:absolute;top:26px;left:24px;z-index:1;width:48px;height:50px;border:2px solid #7f3945;border-radius:45% 45% 48% 48%;background:#f3bb92}.character-face:before{position:absolute;top:30px;left:19px;width:10px;height:4px;border-radius:50%;background:#b65d62;content:""}.character-face i{position:absolute;top:19px;width:5px;height:7px;border-radius:50%;background:#211421}.character-face i:first-child{left:12px}.character-face i:last-child{right:12px}.character-body{position:absolute;bottom:0;left:3px;width:80px;height:106px;border:3px solid #291227;border-radius:44% 44% 18% 18%;background:linear-gradient(145deg,#be5a4b,#551f3f 72%);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}.hero-character-right .character-body{background:linear-gradient(145deg,#4c9b99,#1d3e57 72%)}.hero-fan{position:absolute;top:74px;left:50%;z-index:2;color:#fff1c6;font-size:56px;line-height:1;text-shadow:0 5px 0 #8e3e42,0 0 24px rgba(255,220,125,.4);transform:translate(-50%) rotate(-4deg);animation:fan-bob 4s ease-in-out infinite}.hero-card{position:absolute;z-index:3;display:grid;width:38px;height:54px;place-items:center;border:2px solid #f4dfb0;border-radius:7px;background:#fff8e6;box-shadow:0 10px 18px #00000047;color:#9b3d48;font-size:21px;font-weight:900}.hero-card-one{top:30px;left:15%;transform:rotate(-18deg)}.hero-card-two{top:10px;right:17%;color:#1c6370;transform:rotate(17deg)}.hero-card-three{right:25%;bottom:15px;transform:rotate(9deg)}.hero-art-label{position:absolute;right:6px;bottom:1px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;color:#d6b27a;font-size:9px;letter-spacing:.16em}.hero-art-label strong{color:#fff0c6;font-size:15px}.hero-stat{justify-content:flex-start;align-items:flex-start;min-width:0;padding:18px 16px;border:1px solid rgba(244,196,105,.27);border-radius:15px;background:#0f0b1573;box-shadow:inset 0 1px #ffffff0d}.hero-stat strong{color:#ffe19a;font-size:22px}.hero-stat small{color:#cdb9bd}.hero-stat-ribbon{margin-top:auto;padding:5px 9px;border:1px solid rgba(236,105,82,.38);border-radius:5px;background:#7e2e3557;color:#ffbaa1;font-size:10px;font-weight:800}.mode-selector{gap:12px}.mode-selector-item{position:relative;min-height:104px;overflow:hidden;padding:15px 16px;border:1px solid rgba(244,196,105,.16);border-radius:16px;background:#231429eb;box-shadow:0 12px 25px #0401082e;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.mode-selector-item:before{position:absolute;right:-16px;bottom:-28px;width:92px;height:92px;border:1px solid rgba(244,196,105,.1);border-radius:50%;content:""}.mode-selector-item:hover,.mode-selector-item.active{border-color:#f4c46985;background:linear-gradient(135deg,#6a2734b8,#231429f2);box-shadow:0 18px 30px #04010852,inset 0 1px #ffffff12;transform:translateY(-4px)}.mode-selector-icon{position:relative;width:46px;height:46px;border:1px solid rgba(244,196,105,.45);border-radius:14px;background:#51253a;color:#ffe5a4;font-size:12px;box-shadow:inset 0 0 0 4px #ffffff0a}.mode-selector-icon:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,224,148,.25);border-radius:inherit;content:""}.mode-selector-icon i{position:absolute;right:-3px;bottom:-3px;width:9px;height:9px;border:2px solid #241326;border-radius:50%;background:var(--accent-3)}.mode-selector-copy{gap:5px}.mode-selector-copy strong{color:#fff1d1;font-size:15px}.mode-selector-copy small{color:#bca8b4;white-space:normal}.mode-tile-badge{margin-left:auto;align-self:flex-start;padding:4px 7px;border:1px solid rgba(98,208,188,.25);border-radius:5px;background:#62d0bc14;color:#a9ede0;font-size:9px;font-weight:800;letter-spacing:.06em}.mode-arrow{position:absolute;right:12px;bottom:10px;color:#f4c46999;font-size:18px;transition:transform .2s ease}.mode-selector-item:hover .mode-arrow,.mode-selector-item.active .mode-arrow{color:var(--accent);transform:translate(2px,-2px)}.section-heading h2 em{display:inline-grid;width:30px;height:30px;margin-left:5px;place-items:center;border:1px solid rgba(244,196,105,.34);border-radius:50%;background:#f4c4691a;color:var(--accent);font-size:13px;font-style:normal;vertical-align:middle}.section-kicker{gap:7px;color:#bf8b6d}.section-marker{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #f4c4691a}.filter-chip{border-color:#f4c46929;border-radius:7px;background:#ffffff09;color:#bda8b5}.filter-chip:hover,.filter-chip.active{border-color:#f4c46973;background:#f4c4691f;color:#ffe9b0}.room-list-item{position:relative;overflow:hidden;min-height:88px;border-color:#f4c46924;border-radius:14px;background:#221428cc;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.room-list-item:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--accent-2);content:"";opacity:.76}.room-list-item:hover{border-color:#f4c46966;background:#3d1d31e0;box-shadow:0 14px 24px #04010838;transform:translate(3px)}.room-avatar{position:relative;width:44px;height:44px;border:1px solid rgba(244,196,105,.38);border-radius:13px;background:#54253b;color:#ffe4a2;box-shadow:inset 0 0 0 4px #ffffff09}.room-avatar-ranked{background:#244e55;color:#a5f6e4}.room-avatar-private{background:#3a315b;color:#d6c6ff}.room-avatar i{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #241326;border-radius:50%;background:var(--accent-3)}.room-list-leading strong{color:#fff0d0}.room-list-leading small{color:#af9ba8}.live-mini-dot,.online-mark{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 8px #62d0bca6}.room-list-metric{position:relative}.room-list-metric small,.room-list-status small{color:#9b8291}.room-list-metric strong{color:#ffe5a2;font-size:16px}.room-list-metric strong b{color:#ac8f9e;font-size:10px;font-weight:700}.room-list-action .primary{padding:9px 12px}.room-enter span{display:inline-block;margin-left:5px;transition:transform .2s ease}.room-enter:hover span{transform:translate(3px)}.badge{border:1px solid rgba(98,208,188,.22);background:#62d0bc1a;color:#a9f4e4}.badge.warn{border-color:#f4c4693d;background:#f4c4691f;color:#ffe0a0}.badge.danger{border-color:#ff79674d;background:#ff79671f;color:#ffc0b0}.lobby-empty{justify-items:center;min-height:190px;text-align:center}.empty-card-mark{display:grid;width:54px;height:64px;place-items:center;border:2px solid rgba(244,196,105,.38);border-radius:9px;background:#fff6de;box-shadow:8px 8px #7e2e3561;color:#a4444c;font-size:26px;transform:rotate(-8deg)}.side-panel,.content-panel{border-color:#f4c46929;border-radius:16px;background:#1f1325e0;box-shadow:0 16px 36px #0401083b,inset 0 1px #ffffff09}.side-panel-heading h3,.section-heading h3,.section-heading h2{color:#fff1d2}.account-summary{border-color:#62d0bc38;background:#62d0bc12}.account-summary img{border:2px solid rgba(244,196,105,.45);box-shadow:0 0 0 4px #f4c46914}.account-summary strong{color:#ffe39f}.login-intro{display:flex;align-items:center;gap:8px;margin-bottom:2px;color:#bba8b1;font-size:11px}.login-seal{display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(244,196,105,.34);border-radius:50%;background:#f4c4691f;color:var(--accent)}input{border-color:#f4c46929;border-radius:10px;background:#0d0912c7;color:#fff6e5}input::placeholder{color:#806b7a}input:focus{border-color:#f4c46999;box-shadow:0 0 0 3px #f4c4691f,0 0 18px #f4c46914}.create-panel{background:linear-gradient(160deg,#3d1b2ff0,#1d1225f0)}.create-stamp{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(236,105,82,.45);border-radius:7px;background:#ec695229;color:#ffb08f;font-size:12px;font-weight:900;transform:rotate(8deg)}.create-form label{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;color:#9e8793;font-size:10px}.segmented-control{border-color:#f4c4692b;border-radius:11px;background:#0d091270}.segmented-control button{position:relative;z-index:1;border-radius:8px;color:#a38a98}.segmented-control button.active{background:#f4c46926;box-shadow:inset 0 -2px 0 var(--accent);color:#ffe8ae}.notice-line{border-color:#62d0bc33;border-radius:10px;background:#62d0bc14;color:#b9eee5}.dashboard-welcome,.points-hero{position:relative;overflow:hidden;min-height:250px;border-color:#f4c46952;border-radius:21px;background:linear-gradient(118deg,#3d1a30fa,#1f162cf5 58%,#152f34fa),#321a36}.dashboard-welcome:before,.points-hero:before{position:absolute;right:-70px;bottom:-100px;width:360px;height:260px;border:1px solid rgba(244,196,105,.22);border-radius:50%;content:"";transform:rotate(-16deg)}.dashboard-welcome-copy{position:relative;z-index:1}.dashboard-welcome h2,.points-hero h2{max-width:650px;color:#fff1d2;font-size:clamp(28px,3.2vw,44px)}.welcome-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.welcome-tags span{padding:6px 9px;border:1px solid rgba(98,208,188,.24);border-radius:6px;background:#62d0bc14;color:#a9e9df;font-size:10px;font-weight:800}.dashboard-welcome-art{position:relative;width:230px;min-height:180px;flex:0 0 auto}.welcome-card{position:absolute;display:grid;width:64px;height:88px;place-items:center;border:2px solid #f4dfb0;border-radius:10px;background:#fff7e4;box-shadow:0 15px 22px #00000047;color:#a7434d;font-size:31px;font-weight:900;animation:card-float 4s ease-in-out infinite}.welcome-card-a{top:38px;left:28px;transform:rotate(-18deg)}.welcome-card-k{top:20px;left:82px;color:#296e73;animation-delay:-1.2s;transform:rotate(3deg)}.welcome-card-q{top:50px;left:138px;animation-delay:-2.1s;transform:rotate(18deg)}.welcome-seal{position:absolute;right:78px;bottom:4px;display:grid;width:68px;height:68px;place-items:center;border:2px solid var(--accent);border-radius:50%;background:#7f2b38cc;box-shadow:0 0 0 7px #f4c46914,0 10px 25px #00000052;color:#ffe7a7;font-size:34px;font-weight:900;transform:rotate(-8deg)}.welcome-spark{position:absolute;top:5px;right:20px;color:var(--accent);font-size:24px;animation:sparkle 2.4s ease-in-out infinite}.metric-row{gap:12px}.metric-tile{position:relative;overflow:hidden;min-height:132px;border-color:#f4c46929;border-radius:15px;background:#1f1325d1;box-shadow:0 13px 25px #0401082e;transition:transform .22s ease,border-color .22s ease}.metric-tile:after{position:absolute;right:-16px;bottom:-34px;width:100px;height:100px;border:1px solid rgba(244,196,105,.13);border-radius:50%;content:""}.metric-tile:hover{border-color:#f4c46966;transform:translateY(-4px)}.metric-icon{display:block;margin-bottom:8px;color:var(--accent);font-size:17px}.metric-tile strong{color:#ffe3a0;font-size:28px}.metric-tile small{color:#aa94a0}.current-room-card,.reward-card{border-color:#62d0bc3d;background:#62d0bc12}.quick-action{border-color:#f4c46924;border-radius:12px;background:#ffffff08;transition:transform .2s ease,border-color .2s ease,background .2s ease}.quick-action:hover{border-color:#f4c46966;background:#7e2e353d;transform:translateY(-3px)}.quick-action>span{color:var(--accent)}.table-shell{position:relative;overflow:hidden;border-color:#f4c46947;border-radius:21px;background:#170e1df0;box-shadow:0 24px 62px #04010870}.table-header-game{position:relative;z-index:2;padding:4px 4px 9px;border-bottom:1px solid rgba(244,196,105,.16)}.table-heading-kicker{color:#d3a46e}.table-mode-mark{padding:4px 7px;border:1px solid rgba(98,208,188,.24);border-radius:5px;background:#62d0bc14;color:#a9ebe0;font-size:9px;letter-spacing:0}.table-heading h2{color:#fff1d2;font-size:25px}.title-suit{color:var(--accent-2);font-size:21px}.score-badge{border-color:#f4c46959;background:#f4c4691a;color:#ffe4a6}.score-badge i,.turn-badge i{margin-right:3px;color:var(--accent);font-style:normal}.game-badge{border-color:#ec695259;background:#ec69521f;color:#ffbaa4}.battle-layout{gap:16px}.battle-panel{border-color:#f4c4692b;border-radius:16px;background:#241628eb}.rail-title{display:flex;align-items:center;gap:8px;color:#ffe8ae;font-size:12px;font-weight:900;letter-spacing:.05em}.rail-title small{margin-left:auto;color:#a98f9f;font-size:10px;font-weight:700}.player-card{position:relative;overflow:hidden;border-color:#f4c4691f;border-radius:13px;background:#311b2dd1;transition:border-color .22s ease,transform .22s ease,background .22s ease}.player-card:after{position:absolute;top:0;right:0;width:42px;height:42px;border:1px solid rgba(244,196,105,.12);border-radius:50%;content:"";transform:translate(15px,-17px)}.player-card.active{border-color:#f4c469b8;background:linear-gradient(135deg,#702a34c2,#311b2deb);box-shadow:0 0 0 1px #f4c46929 inset,0 0 24px #f4c4691f;transform:translate(3px)}.player-card.ai{border-left:2px solid rgba(98,208,188,.48)}.player-card-identity{display:flex;align-items:center;gap:8px;min-width:0}.player-card-identity img{width:30px;height:30px;border:1px solid rgba(244,196,105,.38);border-radius:50%;object-fit:cover}.player-card-identity strong,.opponent-seat strong{color:#fff0d0}.player-card-identity small{display:block;margin-top:2px;color:#a995a0;font-size:9px}.card-count b{color:#ffe39e;font-size:15px}.player-card-foot{display:flex;align-items:center;justify-content:space-between;min-height:17px}.turn-ribbon{padding:3px 6px;border-radius:4px;background:#f4c46929;color:#ffe4a1;font-size:9px;font-weight:900}.progress-bar{height:6px;background:#00000047}.progress-bar span{background:linear-gradient(90deg,var(--accent-2),var(--accent))}.stage-board{position:relative;overflow:hidden;border-color:#f4c46938;border-radius:18px;background:radial-gradient(circle at 50% 32%,rgba(98,208,188,.08),transparent 34%),linear-gradient(145deg,#1f3939f7,#111f22fc 56%,#26142afc);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -28px 70px #08040c47}.stage-board:before{position:absolute;top:13px;right:13px;bottom:13px;left:13px;border:1px solid rgba(244,196,105,.15);border-radius:13px;content:"";pointer-events:none}.stage-board:after{position:absolute;top:44%;left:50%;width:310px;height:190px;border:1px solid rgba(244,196,105,.12);border-radius:50%;content:"";transform:translate(-50%,-50%) rotate(-8deg);pointer-events:none}.stage-corner{position:absolute;z-index:1;color:#f4c4696b;font-size:20px;animation:sparkle 3s ease-in-out infinite}.stage-corner-left{top:20px;left:22px}.stage-corner-right{right:22px;bottom:25px;animation-delay:-1.4s}.opponent-row,.table-center-card,.hand-head,.hand,.hand-actions{position:relative;z-index:2}.opponent-seat{border-color:#f4c46924;border-radius:13px;background:#131a1d8a;transition:transform .2s ease,border-color .2s ease,background .2s ease}.opponent-seat:hover{border-color:#f4c46952;transform:translateY(-2px)}.opponent-seat.active{border-color:#f4c469a3;background:#7e2e3561;box-shadow:0 0 22px #f4c4691f}.opponent-seat-copy{min-width:0;flex:1}.thinking-dots{display:inline-flex;align-items:center;gap:3px;margin-left:auto;padding:5px 7px;border:1px solid rgba(98,208,188,.25);border-radius:999px;background:#62d0bc14}.thinking-dots i{width:4px;height:4px;border-radius:50%;background:var(--accent-3);animation:thinking-dot 1s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}.stage-board.ai-thinking .table-center-card{border-color:#62d0bc59;box-shadow:inset 0 0 28px #62d0bc14,0 0 24px #62d0bc0f}.opponent-seat.ai{border-left:2px solid rgba(98,208,188,.5)}.seat-avatar{border:2px solid rgba(244,196,105,.42);box-shadow:0 0 0 3px #f4c4690f}.center-label{display:inline-flex;align-items:center;gap:7px;color:#c9b7bb;font-size:11px;font-weight:800;letter-spacing:.06em}.center-label-mark{color:var(--accent-3);font-size:16px}.table-center-card{min-height:182px;border-color:#f4c46938;border-radius:17px;background:#0915186e;box-shadow:inset 0 0 28px #62d0bc0a}.center-ornament{display:flex;align-items:center;gap:10px;width:min(220px,70%);color:#f4c469a6}.center-ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(244,196,105,.55))}.center-ornament span:last-child{background:linear-gradient(90deg,rgba(244,196,105,.55),transparent)}.center-ornament b{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(244,196,105,.45);border-radius:50%;background:#7e2e356b;color:#ffe9ae;font-size:15px}.turn-state{border-color:#f4c4692e;background:#ffffff09;color:#ab96a3}.turn-state.active{border-color:#62d0bc66;background:#62d0bc21;box-shadow:0 0 16px #62d0bc1f;color:#c0fff2;animation:current-turn 1.8s ease-in-out infinite}.turn-state.thinking{border-color:#62d0bc59;background:#62d0bc14;color:#a9e9df}.turn-spinner{display:inline-block;width:9px;height:9px;margin-right:6px;border:2px solid rgba(98,208,188,.24);border-top-color:var(--accent-3);border-radius:50%;vertical-align:-1px;animation:turn-spin .8s linear infinite}.played-cards{min-height:51px;perspective:400px}.played-cards.bomb .mini-card{border-color:#ec6952cc;box-shadow:4px 7px #7e2e3547,0 0 18px #ec695259,0 10px 15px #0003;animation:bomb-card .7s ease-in-out infinite alternate}.played-cards.rocket .mini-card{border-color:#62d0bce6;box-shadow:4px 7px #7e2e3547,0 0 20px #62d0bc6b,0 10px 15px #0003;animation:rocket-card .9s ease-in-out infinite alternate}.mini-card{min-width:39px;padding:10px 8px;border:2px solid #f2ddb0;border-radius:8px;background:#fff8e8;box-shadow:4px 7px #7e2e3547,0 10px 15px #0003;color:#9f3f49;transform:rotate(calc(var(--card-index, 0) * 3deg - 4deg))}.center-pill{border-color:#f4c4694d;background:#f4c4691f;color:#ffe6a3}.center-pill.muted{border-color:#62d0bc29;background:#62d0bc0f;color:#9dcac4}.hand-head h3{color:#fff0d1}.hand{gap:9px;min-height:99px;padding:8px 4px 3px;touch-action:pan-y}.hand.drag-selecting{cursor:grabbing;touch-action:none}.play-card{position:relative;width:64px;min-height:92px;overflow:visible;border:2px solid #f0dcad;border-radius:10px;background:#fff8e8;box-shadow:4px 7px #7e2e3542,0 12px 18px #00000047;color:#9f3f49;transform:rotate(calc((var(--card-index, 0) - 5) * .55deg));transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;touch-action:none;-webkit-user-select:none;user-select:none}.play-card:before{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(167,104,71,.2);border-radius:6px;content:"";pointer-events:none}.play-card:hover:not(:disabled){box-shadow:4px 10px #7e2e3547,0 17px 22px #0000004d;transform:translateY(-9px) rotate(0)}.play-card.selected{border-color:var(--accent);box-shadow:4px 13px #7e2e3552,0 0 0 4px #f4c46924,0 18px 26px #00000057;transform:translateY(-15px) rotate(0)}.play-card.selected:after{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 10px #62d0bce6;content:""}.play-card.red{color:#c1434e}.play-card .small{color:#a87679}.hand-actions{gap:9px}.action-main{min-width:108px}.command-panel{background:linear-gradient(160deg,#3c1c2ef0,#231629f0)}.bid-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bid-button{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:57px;padding:8px}.bid-button span{color:#ffe5aa;font-weight:900}.bid-button small{color:#a98c99;font-size:9px;letter-spacing:.12em}.selected-box,.hint-box{border-color:#f4c46924;border-radius:12px;background:#0d091259}.selected-box strong,.hint-box strong{color:#ffe5a5}.hint-box.hint-active{border-color:#62d0bc6b;background:#62d0bc1a;box-shadow:0 0 0 1px #62d0bc14 inset,0 0 22px #62d0bc14}.settlement-panel{border-color:#f4c4694d}.settlement-modal{background:#07020bb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settlement-dialog{position:relative;overflow:hidden;border-color:#f4c46985;border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(244,196,105,.16),transparent 32%),linear-gradient(145deg,#401b31fc,#160f1dfc);box-shadow:0 30px 90px #0009,0 0 0 1px #ffffff0a inset;animation:modal-rise .4s cubic-bezier(.2,.8,.2,1)}.settlement-dialog:before{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(244,196,105,.15);border-radius:15px;content:"";pointer-events:none}.settlement-sparkle{position:absolute;top:15px;right:28px;color:var(--accent);font-size:30px;animation:sparkle 2s ease-in-out infinite}.settlement-dialog h2,.settlement-dialog p,.settlement-dialog .eyebrow,.settlement-dialog .settlement-summary,.settlement-dialog .settlement{position:relative;z-index:1}.settlement-dialog h2{color:#fff0c7}.settlement-subtitle{margin:5px 0 0;color:#d1b7bc}.settlement-row{border-color:#f4c46921;background:#ffffff09}.page-enter-active,.page-leave-active{transition:opacity .24s ease,transform .24s ease,filter .24s ease}.page-enter-from{filter:blur(5px);opacity:0;transform:translateY(12px) scale(.99)}.page-leave-to{filter:blur(3px);opacity:0;transform:translateY(-8px)}.hand-card-enter-active{transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--card-index, 0) * 25ms)}.hand-card-enter-from{opacity:0;transform:translateY(28px) rotate(12deg) scale(.82)}.hand-card-leave-active{position:absolute;transition:opacity .18s ease,transform .18s ease}.hand-card-leave-to{opacity:0;transform:translateY(-18px) rotate(-8deg) scale(.82)}.card-pop-enter-active{transition:opacity .28s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.card-pop-enter-from{opacity:0;transform:translateY(-18px) rotate(-18deg) scale(.65)}@keyframes float-rune{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(8deg)}}@keyframes pulse-teal{0%,to{box-shadow:0 0 0 4px #62d0bc1a,0 0 9px #62d0bc73}50%{box-shadow:0 0 0 8px #62d0bc0a,0 0 22px #62d0bcf2}}@keyframes fan-bob{0%,to{transform:translate(-50%) rotate(-4deg) translateY(0)}50%{transform:translate(-50%) rotate(3deg) translateY(-7px)}}@keyframes card-float{0%,to{margin-top:0}50%{margin-top:-8px}}@keyframes sparkle{0%,to{opacity:.45;transform:scale(.9) rotate(0)}50%{opacity:1;transform:scale(1.12) rotate(12deg)}}@keyframes current-turn{0%,to{box-shadow:0 0 #62d0bc29}50%{box-shadow:0 0 0 6px #62d0bc0d}}@keyframes thinking-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes turn-spin{to{transform:rotate(360deg)}}@keyframes bomb-card{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-4px) rotate(2deg)}}@keyframes rocket-card{0%{transform:translateY(1px) rotate(-2deg)}to{transform:translateY(-5px) rotate(2deg) scale(1.03)}}@keyframes modal-rise{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1180px){.hero-panel{grid-template-columns:minmax(0,1fr) minmax(250px,.68fr) 150px}}@media(max-width:860px){.product-shell{padding:10px 10px 78px}.app-topbar{border-radius:15px}.hero-panel{grid-template-columns:1fr;gap:6px;min-height:0;padding:22px 19px 18px}.hero-panel h2{max-width:420px;font-size:37px}.hero-panel p{max-width:430px}.hero-art{min-height:205px;order:2}.hero-stat{min-height:104px;order:3}.hero-character{transform:scale(.88) rotate(-7deg);transform-origin:bottom center}.hero-character-right{transform:scaleX(-1) scale(.88) rotate(-7deg)}.dashboard-welcome-art{width:220px;min-height:170px;align-self:center}.welcome-tags{margin-bottom:4px}.room-list-item{transform:none}.room-list-item:hover{transform:translateY(-2px)}.table-header-game{gap:14px}.table-header-meta{justify-content:flex-start}.stage-board{min-height:620px}.hand{gap:6px}.play-card{width:calc(20% - 6px);min-width:54px;min-height:80px;padding:7px 5px}.play-card.selected{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:54px;padding:7px 9px;border:1px solid rgba(244,196,105,.2);border-radius:10px;background:#ffffff09;color:#d8c6cd;transition:transform .2s ease,border-color .2s ease,background .2s ease}.sound-toggle:hover{border-color:#f4c4697a;background:#f4c4691a;transform:translateY(-1px)}.sound-toggle span{color:var(--accent);font-size:16px;line-height:1}.sound-toggle small{font-size:10px;font-weight:800}.sound-toggle.muted{border-color:#ff79673d;color:#ad929d}.sound-toggle.muted span{color:var(--danger)}.sound-switch{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:4px 0;border:0;background:transparent;color:#c6b2bb;font-size:11px;font-weight:900}.sound-switch-track{display:inline-flex;align-items:center;width:42px;height:24px;padding:2px;border:1px solid rgba(142,164,195,.24);border-radius:999px;background:#00000042;transition:background .2s ease,border-color .2s ease}.sound-switch-thumb{width:18px;height:18px;border-radius:50%;background:#a996a1;box-shadow:0 3px 8px #00000047;transform:translate(0);transition:transform .2s ease,background .2s ease}.sound-switch.enabled .sound-switch-track{border-color:#62d0bc8c;background:#62d0bc2e}.sound-switch.enabled .sound-switch-thumb{background:var(--accent-3);transform:translate(18px)}.sound-switch:focus-visible,.sound-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sound-preference-row>div:first-child,.volume-preference-row>div:first-child{min-width:0;flex:1}.volume-control{display:flex;align-items:center;gap:10px;min-width:min(260px,42%);color:var(--accent);font-size:16px}input.volume-slider{width:100%;min-width:140px;height:20px;padding:0;border:0;outline:0;background:transparent;box-shadow:none;accent-color:var(--accent-3);cursor:pointer}input.volume-slider:focus{border:0;box-shadow:none}input.volume-slider:disabled{cursor:not-allowed}input.volume-slider::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:#ffffff1f}input.volume-slider::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:2px solid #fff3d0;border-radius:50%;background:var(--accent-3);box-shadow:0 3px 10px #0000004d;-webkit-appearance:none;-moz-appearance:none;appearance:none}input.volume-slider::-moz-range-track{height:5px;border-radius:999px;background:#ffffff1f}input.volume-slider::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff3d0;border-radius:50%;background:var(--accent-3);box-shadow:0 3px 10px #0000004d}.volume-preference-row.muted{opacity:.62}@media(max-width:560px){.sound-preference-row,.volume-preference-row{align-items:flex-start;flex-direction:column}.volume-control{width:100%;min-width:0}}.auth-shell{min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(98,208,188,.12),transparent 24%),radial-gradient(circle at 84% 78%,rgba(244,196,105,.1),transparent 25%),#100912}.auth-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh}.auth-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px clamp(32px,7vw,112px) 48px;overflow:hidden;background:linear-gradient(135deg,#1f3939c7,#201125d1),radial-gradient(circle at 54% 44%,rgba(98,208,188,.14),transparent 28%)}.auth-story:before,.auth-story:after{position:absolute;content:"";pointer-events:none}.auth-story:before{width:420px;height:420px;right:-120px;bottom:-140px;border:1px solid rgba(244,196,105,.22);border-radius:50%;box-shadow:0 0 0 32px #f4c46909,0 0 0 64px #f4c46905}.auth-story:after{top:30%;right:18%;width:180px;height:240px;border:2px solid rgba(244,196,105,.2);border-radius:14px;transform:rotate(16deg);box-shadow:16px 20px #62d0bc14}.auth-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;width:fit-content;color:#fff0d0;font-size:15px;font-weight:900;text-decoration:none}.auth-brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(244,196,105,.55);border-radius:10px;background:#7e2e35a6;color:#ffe4a6;font-size:12px;letter-spacing:.08em}.auth-story-copy{position:relative;z-index:1;max-width:600px}.auth-story-copy h1{margin:14px 0 18px;color:#fff1d2;font-size:clamp(42px,5vw,76px);line-height:1.06;letter-spacing:0}.auth-story-copy h1 em{color:var(--accent);font-style:normal}.auth-story-copy p{max-width:500px;margin:0;color:#c7b5c0;font-size:16px;line-height:1.75}.auth-story-stats,.auth-benefits{position:relative;z-index:1;display:flex;gap:34px}.auth-story-stats span{display:flex;flex-direction:column;gap:4px}.auth-story-stats strong{color:#ffe3a0;font-size:20px}.auth-story-stats small,.auth-benefits span{color:#a991a0;font-size:11px}.auth-benefits{flex-direction:column;gap:12px}.auth-benefits div{display:flex;align-items:center;gap:14px}.auth-benefits strong{color:var(--accent);font-size:12px;letter-spacing:.08em}.auth-panel{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:48px clamp(28px,6vw,92px);border-left:1px solid rgba(244,196,105,.14);background:#110a17b8}.auth-panel-head{max-width:410px}.auth-panel-head h2{margin:10px 0 8px;color:#fff0d0;font-size:34px}.auth-panel-head p{margin:0;color:#aa94a0;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:16px;max-width:410px;margin-top:32px}.auth-form label{display:flex;flex-direction:column;gap:8px;color:#d9c4cd;font-size:12px;font-weight:800}.auth-form input{min-height:48px;border-color:#f4c46929;border-radius:9px;background:#07040b7a}.auth-form input:focus{border-color:#62d0bcb8;box-shadow:0 0 0 3px #62d0bc1a}.auth-form-meta{display:flex;align-items:center;justify-content:space-between;color:#8e7787;font-size:11px}.auth-error{margin:0;color:#ffb5bc;font-size:12px;line-height:1.5}.auth-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:0 16px;border-radius:9px}.auth-submit span{font-size:18px}.auth-switch{max-width:410px;margin-top:26px;color:#a991a0;font-size:12px}.auth-switch a{margin-left:5px;color:var(--accent);font-weight:800;text-decoration:none}.auth-footnote{max-width:410px;margin-top:56px;color:#705d6d;font-size:10px;line-height:1.6}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:410px;padding:26px 24px 34px}.auth-story-copy h1{font-size:clamp(38px,10vw,58px)}.auth-story-stats{gap:24px}.auth-story:after{top:23%;right:4%;opacity:.55;transform:scale(.72) rotate(16deg)}.auth-panel{min-height:calc(100vh - 410px);padding:42px 24px 52px;border-top:1px solid rgba(244,196,105,.14);border-left:0}}