.toast-viewport{position:fixed;z-index:1200;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}.toast-card{display:grid;grid-template-columns:28px 1fr 28px;gap:10px;align-items:flex-start;min-height:56px;padding:12px;color:#fff7df;background:linear-gradient(135deg,rgba(38,18,20,.96),rgba(72,28,22,.94));border:1px solid rgba(246,202,128,.25);border-radius:8px;box-shadow:0 18px 44px rgba(18,8,8,.32);pointer-events:auto}.toast-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.08)}.toast-success .toast-icon{color:#8df0b1}.toast-error .toast-icon{color:#ff9b9b}.toast-warning .toast-icon{color:#ffd36a}.toast-info .toast-icon{color:#9fd8ff}.toast-loading .toast-icon{color:#f4c46f}.toast-copy strong{display:block;font-size:.94rem;line-height:1.25}.toast-copy p{margin:4px 0 0;color:rgba(255,247,223,.76);font-size:.82rem;line-height:1.4}.toast-close{display:grid;place-items:center;width:28px;height:28px;padding:0;color:rgba(255,247,223,.74);background:transparent;border:0;border-radius:999px}.toast-close:hover{background:rgba(255,255,255,.08)}.toast-spinner{animation:toast-spin 1s linear infinite}.confirm-backdrop{position:fixed;inset:0;z-index:1190;display:grid;place-items:center;padding:20px;background:rgba(16,8,8,.58);backdrop-filter:blur(7px)}.confirm-dialog{position:relative;width:min(420px,calc(100vw - 32px));padding:22px;overflow:hidden;color:#fff7df;background:linear-gradient(145deg,rgba(45,20,22,.98),rgba(92,34,24,.96));border:1px solid rgba(244,194,111,.28);border-radius:8px;box-shadow:0 26px 64px rgba(14,6,6,.46)}.confirm-dialog.danger{border-color:rgba(255,118,118,.38)}.confirm-accent{position:absolute;inset:0 0 auto auto;width:160px;height:5px;background:linear-gradient(90deg,#f4c46f,#c53838);opacity:.8}.confirm-dialog h2{margin:0;font-size:1.14rem}.confirm-dialog p{margin:12px 0 0;color:rgba(255,247,223,.78);line-height:1.55}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@keyframes toast-spin{to{transform:rotate(1turn)}}@media (max-width:760px) and (orientation:portrait){.toast-viewport{top:auto;right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 70px);width:min(420px,calc(100vw - 24px))}.confirm-backdrop{align-items:end;padding:12px}.confirm-dialog{width:100%}}@media (max-height:460px) and (orientation:landscape){.toast-viewport{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));bottom:auto;width:min(320px,calc(100dvw - 24px));gap:8px}.toast-card{min-height:48px;padding:10px}.toast-copy strong{font-size:.88rem}.toast-copy p{font-size:.78rem}}:root{--game-blue:var(--sdr-color-accent-blue);--game-blue-deep:var(--sdr-color-accent-blue-deep);--game-panel-blue:var(--sdr-color-bg-panel-light);--game-panel-line:var(--sdr-color-border-soft);--game-gold-bright:var(--sdr-color-primary-strong);--game-gold-deep:var(--sdr-color-primary);--game-green:var(--sdr-color-success);--game-red:var(--sdr-color-danger);--game-shadow-soft:0 18px 44px rgb(var(--sdr-rgb-mohei)/0.28);--game-shadow-card:0 14px 30px rgb(var(--sdr-rgb-mohei)/0.22);--game-touch-size:44px}body:has(.lobby-shell:not(.lobby-shell-mobile-active)){background:linear-gradient(180deg,#78d6ff,#427dcc 48%,#244178),linear-gradient(120deg,rgba(255,255,255,.2),transparent 38%)}.lobby-shell:not(.lobby-shell-mobile-active){width:100%;max-width:min(100%,1920px);overflow:hidden;align-content:stretch;grid-template-rows:auto auto minmax(0,1fr);gap:clamp(8px,1.2vw,16px);padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));color:#f9fbff;background:linear-gradient(110deg,rgba(72,164,230,.3),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.14),rgba(14,38,92,.16)),linear-gradient(135deg,rgba(61,147,222,.78),rgba(39,86,168,.84) 52%,rgba(29,49,99,.92))}.lobby-header{min-height:clamp(76px,10vw,118px);padding:clamp(10px,1.5vw,18px);border:1px solid var(--game-panel-line);border-radius:18px;background:linear-gradient(90deg,rgba(245,251,255,.22),rgba(34,76,151,.34)),rgba(15,39,99,.38);box-shadow:var(--game-shadow-soft),inset 0 1px 0 rgba(255,255,255,.28);backdrop-filter:blur(10px)}.lobby-title{max-width:min(720px,58vw)}.lobby-title span{width:-moz-fit-content;width:fit-content;min-height:26px;display:inline-flex;align-items:center;border-radius:999px;padding:0 10px;color:#113a75;background:linear-gradient(180deg,#fff3b1,var(--game-gold-bright));box-shadow:0 5px 12px rgba(67,79,120,.18)}.lobby-title h1{color:#ffffff;font-size:clamp(28px,4vw,48px);text-shadow:0 3px 14px rgba(25,50,112,.38)}.lobby-header p{color:rgba(250,252,255,.84)}.lobby-tools{align-items:center;gap:8px}.home-icon-actions button,.lobby-tools>button{min-height:var(--game-touch-size)}.lobby-tools>button{border:1px solid rgba(255,255,255,.28);color:#f9fbff;background:rgba(16,47,106,.42);box-shadow:0 8px 18px rgba(16,42,91,.2)}.lobby-tools>.admin-entry{color:#1d2d48;background:linear-gradient(180deg,#ffe58a,#e3a932)}.home-icon-actions{border-color:rgba(255,255,255,.26);background:rgba(10,37,90,.32)}.home-icon-actions button{color:#ffffff;background:rgba(255,255,255,.12)}.home-icon-actions button:hover{background:rgba(255,214,107,.24)}.resource-wallet{min-height:var(--game-touch-size);border-color:rgba(255,255,255,.26);background:rgba(9,34,79,.34)}.resource-wallet span{min-height:32px;color:#21345c;background:linear-gradient(180deg,#fff5be,#f2bf45);font-weight:900}.lobby-hero-art{width:min(24vw,360px);opacity:.54;filter:saturate(1.12) contrast(1.04)}.lobby-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,1vw,12px)}.lobby-overview article{min-height:clamp(54px,6.6vw,76px);border-color:rgba(255,255,255,.34);border-radius:14px;padding:clamp(8px,1vw,12px);background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(28,73,145,.18)),rgba(11,41,98,.34);box-shadow:0 10px 22px rgba(14,47,104,.18)}.lobby-overview svg{color:var(--game-gold-bright)}.lobby-overview span{color:rgba(251,253,255,.74)}.lobby-overview strong{color:#ffffff;font-size:clamp(19px,2.2vw,28px)}.lobby-core-actions{grid-template-columns:minmax(0,1.12fr) minmax(0,.94fr) minmax(0,.94fr);align-items:stretch;min-height:0}.lobby-core-actions .create-room-panel,.lobby-core-actions .join-panel,.lobby-core-actions .match-card,.lobby-core-actions>.lobby-command{min-width:0;min-height:0}.home-utility-modal,.lobby-core-actions .create-room-panel,.lobby-core-actions .join-panel,.lobby-core-actions .match-card,.profile-drawer{border-radius:18px;border-color:rgba(255,255,255,.38);box-shadow:var(--game-shadow-card),inset 0 1px 0 rgba(255,255,255,.52)}.lobby-core-actions .match-card{color:#ffffff;background:linear-gradient(120deg,rgba(12,44,108,.54),rgba(27,74,151,.36)),linear-gradient(180deg,rgba(72,181,238,.92),rgba(36,83,170,.92))}.match-card .eyebrow{color:#fff1a8}.match-card h2{color:#ffffff;text-shadow:0 2px 10px rgba(9,30,78,.38)}.match-card .match-progress{height:14px;background:rgba(12,34,84,.36);box-shadow:inset 0 1px 2px rgba(0,0,0,.22)}.match-card .match-progress span{background:linear-gradient(90deg,#5be37d,#ffe075)}.match-card .match-meta span{color:#ffffff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24)}.home-utility-modal,.lobby-core-actions .create-room-panel,.lobby-core-actions .join-panel,.profile-drawer{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(226,245,255,.94)),var(--game-panel-blue);color:#182947}.create-room-panel h2,.join-panel h2{color:#1c4f92}.lobby-panel input,.lobby-panel select{min-height:var(--game-touch-size);border-radius:12px;border-color:rgba(32,83,145,.2);background:rgba(255,255,255,.88)}.lobby-core-actions .create-room-panel .primary,.lobby-core-actions .join-panel>button,.lobby-core-actions .match-card .primary{min-height:52px;border-radius:14px;letter-spacing:0;color:#172a48;background:linear-gradient(180deg,#ffea8f,#f1b22f);box-shadow:0 12px 22px rgba(168,99,19,.24)}.lobby-core-actions .join-panel>button:not(:disabled){color:#ffffff;background:linear-gradient(180deg,#50d574,#239b4d)}.command-actions button:not(.primary),.mini-metrics span,.recent-room button{border-color:rgba(32,83,145,.12);color:#214068;background:rgba(255,255,255,.66)}.home-utility-backdrop,.profile-drawer-backdrop{align-items:center}.home-utility-modal,.profile-drawer{max-height:min(82dvh,720px)}body:has(.table-shell){background:linear-gradient(180deg,#1d2542,#15192c 44%,#241411),repeating-linear-gradient(90deg,rgba(255,231,173,.05) 0 1px,transparent 1px 42px)}.table-shell{color:#fff8e8}.table-shell .topbar{border:1px solid rgba(255,238,194,.2);border-radius:16px;background:linear-gradient(90deg,rgba(18,28,60,.84),rgba(47,23,20,.58));box-shadow:0 10px 24px rgba(0,0,0,.24)}.table-shell .board,.table-shell .board.four-player{border:1px solid rgba(180,211,255,.18);border-radius:clamp(22px,2.6vw,38px);background:linear-gradient(145deg,rgba(106,125,204,.86),rgba(51,62,131,.92) 58%,rgba(26,30,68,.96)),repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 1px,transparent 1px 9px);box-shadow:inset 0 0 0 clamp(7px,.9vw,16px) rgba(5,8,24,.32),inset 0 18px 70px rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.34)}.table-shell .center-play{border:1px solid rgba(255,248,230,.12);background:linear-gradient(180deg,rgba(27,32,78,.44),rgba(21,24,55,.62)),rgba(14,18,44,.4)}.table-shell .opponent.empty,.table-shell .player-badge,.table-shell .self-panel{border-color:rgba(255,238,194,.22);background:linear-gradient(180deg,rgba(20,24,40,.82),rgba(14,16,24,.7)),rgba(255,248,230,.08);box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,248,230,.1)}.table-shell .player-avatar{border-radius:14px;background:linear-gradient(145deg,#ffd66b,#cf7a23),#f0c451;color:#241710}.table-shell .player-score{color:#ffe8a2}.table-shell .player-tags i,.table-shell .player-tags span{min-height:21px}.table-shell .action-dock{border:1px solid rgba(255,238,194,.26);background:linear-gradient(180deg,rgba(22,25,42,.94),rgba(14,16,24,.9)),rgba(10,12,18,.88);box-shadow:0 18px 44px rgba(0,0,0,.34)}.table-shell .dock-action{min-height:var(--game-touch-size);font-weight:900}.table-shell .dock-action.win{background:linear-gradient(180deg,#ffdd70,#c97c1f)}.table-shell .dock-action.primary{background:linear-gradient(180deg,#55d977,#268b46)}.table-shell .dock-action.danger{background:linear-gradient(180deg,#ff7168,#bd2f28)}.table-shell .dock-action.pass{color:#ffffff;background:linear-gradient(180deg,#60728f,#313d55)}.table-shell .settlement-modal{border-radius:18px}@media (min-width:1600px){.lobby-core-actions{gap:18px}}@media (max-height:470px) and (orientation:landscape){.lobby-shell:not(.lobby-shell-mobile-active){gap:7px;padding:max(7px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.lobby-header{min-height:58px;padding:7px 8px;border-radius:12px}.lobby-title{max-width:38vw}.lobby-hero-art,.lobby-title p,.lobby-title span{display:none}.lobby-title h1{font-size:clamp(19px,5.8dvh,26px)}.lobby-tools{gap:5px}.home-icon-actions button,.lobby-tools>button,.resource-wallet{min-height:34px}.lobby-tools>button{padding-inline:9px;font-size:12px}.home-icon-actions{gap:3px;padding:2px}.home-icon-actions button{min-width:34px;padding:3px 6px}.home-icon-actions span{display:none}.resource-wallet{padding-inline:6px}.resource-wallet span{min-height:26px;padding-inline:6px;font-size:11px}.lobby-overview{gap:5px}.lobby-overview article{min-height:38px;grid-template-columns:auto 1fr;padding:5px 7px;border-radius:10px}.lobby-overview svg{width:15px;height:15px}.lobby-overview span{font-size:10px}.lobby-overview strong{font-size:16px}.lobby-core-actions{grid-template-columns:1.08fr .96fr .96fr;gap:6px}.lobby-core-actions .create-room-panel,.lobby-core-actions .join-panel,.lobby-core-actions .match-card{min-height:0;padding:8px;gap:6px;border-radius:12px;overflow:hidden}.lobby-panel h2,.match-card h2{margin:0;font-size:clamp(15px,4dvh,20px)}.match-card .match-progress{height:8px}.match-card .match-meta,.mini-metrics{gap:4px}.match-card .match-meta span,.mini-metrics span{min-height:22px;padding-inline:6px;font-size:10px}.command-actions{gap:5px}.lobby-core-actions .create-room-panel .primary,.lobby-core-actions .join-panel>button,.lobby-core-actions .match-card .primary{min-height:38px;border-radius:10px;font-size:13px}.lobby-panel input,.lobby-panel select{min-height:32px;border-radius:9px;font-size:12px}.option-row{grid-template-columns:40px minmax(0,1fr);gap:5px;font-size:12px}.recent-room{min-height:38px;padding:6px}.recent-room button,.recent-room span,.recent-room strong{font-size:11px}.home-utility-modal,.profile-drawer{max-height:calc(100dvh - 18px)}}@media (max-width:720px) and (orientation:landscape){.lobby-tools>button svg,.resource-wallet svg{width:14px;height:14px}.lobby-tools>button:not(.admin-entry){width:34px;padding-inline:0;overflow:hidden;color:transparent}.lobby-tools>button:not(.admin-entry) svg{color:#ffffff}.lobby-tools>.admin-entry{padding-inline:8px}}@media (max-width:920px) and (orientation:portrait){.lobby-shell,.table-shell{min-height:100dvh}}@media (prefers-reduced-motion:reduce){.settlement-modal:before,.table-shell .opponent.active,.table-shell .self-panel.active{animation:none}}body:has(.lobby-shell:not(.lobby-shell-mobile-active)){background:radial-gradient(circle at 18% 8%,rgb(var(--sdr-rgb-liujin)/.16),transparent 28%),radial-gradient(circle at 78% 10%,rgb(var(--sdr-rgb-qingdai)/.38),transparent 34%),linear-gradient(180deg,var(--sdr-color-bg-deep) 0,var(--sdr-color-bg-blue) 48%,var(--sdr-color-bg-ink) 100%)}.lobby-shell:not(.lobby-shell-mobile-active){color:var(--sdr-color-text-main);background:linear-gradient(110deg,rgb(var(--sdr-rgb-qingdai)/.44),transparent 42%),linear-gradient(180deg,rgb(var(--sdr-rgb-rubai)/.08),rgb(var(--sdr-rgb-mohei)/.18)),linear-gradient(135deg,rgb(var(--sdr-rgb-daiqing)/.82),rgb(var(--sdr-rgb-qingdai)/.88) 52%,rgb(var(--sdr-rgb-mohei)/.96))}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-header{border-color:var(--sdr-color-border-soft);background:linear-gradient(90deg,rgb(var(--sdr-rgb-rubai)/.13),rgb(var(--sdr-rgb-qingdai)/.34)),rgb(var(--sdr-rgb-mohei)/.36);box-shadow:var(--sdr-shadow-card),inset 0 1px 0 rgb(var(--sdr-rgb-rubai)/.22)}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-title span{color:var(--sdr-color-text-dark);background:linear-gradient(180deg,var(--game-gold-1),var(--sdr-color-primary-strong));box-shadow:var(--sdr-shadow-gold)}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-overview strong,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-title h1,.lobby-shell:not(.lobby-shell-mobile-active) .match-card h2{color:var(--sdr-color-text-main)}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-header p,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-overview span{color:var(--sdr-color-text-soft)}.lobby-shell:not(.lobby-shell-mobile-active) .home-icon-actions,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-tools>button,.lobby-shell:not(.lobby-shell-mobile-active) .resource-wallet{border-color:var(--sdr-color-border-soft);background:rgb(var(--sdr-rgb-mohei)/.34);box-shadow:0 8px 18px rgb(var(--sdr-rgb-mohei)/.2)}.lobby-shell:not(.lobby-shell-mobile-active) .home-icon-actions button{color:var(--sdr-color-text-main);background:rgb(var(--sdr-rgb-rubai)/.1)}.lobby-shell:not(.lobby-shell-mobile-active) .home-icon-actions button:hover{background:rgb(var(--sdr-rgb-liujin)/.2)}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-tools>.admin-entry,.lobby-shell:not(.lobby-shell-mobile-active) .resource-wallet span{color:var(--sdr-color-text-dark);background:linear-gradient(180deg,var(--game-gold-1),var(--sdr-color-primary-soft))}.lobby-shell:not(.lobby-shell-mobile-active) .home-utility-modal,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-core-actions .create-room-panel,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-core-actions .join-panel,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-core-actions .match-card,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-overview article,.lobby-shell:not(.lobby-shell-mobile-active) .profile-drawer{border-color:var(--sdr-color-border-soft);box-shadow:var(--sdr-shadow-card),inset 0 1px 0 rgb(var(--sdr-rgb-rubai)/.28)}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-overview article{background:linear-gradient(180deg,rgb(var(--sdr-rgb-rubai)/.16),rgb(var(--sdr-rgb-qingdai)/.18)),rgb(var(--sdr-rgb-mohei)/.34)}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-overview svg{color:var(--sdr-color-primary-strong)}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-core-actions .match-card{color:var(--sdr-color-text-main);background:radial-gradient(circle at 16% 8%,rgb(var(--sdr-rgb-liujin)/.2),transparent 32%),linear-gradient(135deg,rgb(var(--sdr-rgb-qunqing)/.88),rgb(var(--sdr-rgb-qingdai)/.9) 56%,rgb(var(--sdr-rgb-mohei)/.94))}.lobby-shell:not(.lobby-shell-mobile-active) .match-card .eyebrow{color:var(--game-gold-1)}.lobby-shell:not(.lobby-shell-mobile-active) .match-card .match-progress{background:rgb(var(--sdr-rgb-mohei)/.36)}.lobby-shell:not(.lobby-shell-mobile-active) .match-card .match-progress span{background:linear-gradient(90deg,var(--sdr-color-success),var(--sdr-color-primary-strong))}.lobby-shell:not(.lobby-shell-mobile-active) .match-card .match-meta span{color:var(--sdr-color-text-main);border-color:var(--sdr-color-border-soft);background:rgb(var(--sdr-rgb-rubai)/.14)}.lobby-shell:not(.lobby-shell-mobile-active) .home-utility-modal,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-core-actions .create-room-panel,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-core-actions .join-panel,.lobby-shell:not(.lobby-shell-mobile-active) .profile-drawer{color:var(--sdr-color-text-dark);background:linear-gradient(180deg,rgb(var(--sdr-rgb-molibai)/.98),rgb(var(--sdr-rgb-cangbai)/.76)),var(--sdr-color-surface-cream)}.lobby-shell:not(.lobby-shell-mobile-active) .create-room-panel h2,.lobby-shell:not(.lobby-shell-mobile-active) .join-panel h2{color:var(--sdr-color-bg-blue)}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-panel input,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-panel select{border-color:rgb(var(--sdr-rgb-qingdai)/.18);background:rgb(var(--sdr-rgb-molibai)/.9)}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-core-actions .create-room-panel .primary,.lobby-shell:not(.lobby-shell-mobile-active) .lobby-core-actions .match-card .primary{color:var(--sdr-color-text-dark);background:linear-gradient(180deg,var(--game-gold-1),var(--sdr-color-primary-soft));box-shadow:var(--sdr-shadow-gold)}.lobby-shell:not(.lobby-shell-mobile-active) .lobby-core-actions .join-panel>button:not(:disabled){color:var(--sdr-color-text-main);background:linear-gradient(180deg,var(--sdr-color-accent-blue),var(--sdr-color-accent-blue-deep));box-shadow:0 12px 22px rgb(var(--sdr-rgb-qingdai)/.28)}.lobby-shell:not(.lobby-shell-mobile-active) .command-actions button:not(.primary),.lobby-shell:not(.lobby-shell-mobile-active) .mini-metrics span,.lobby-shell:not(.lobby-shell-mobile-active) .recent-room button{border-color:rgb(var(--sdr-rgb-qingdai)/.14);color:var(--sdr-color-text-dark);background:rgb(var(--sdr-rgb-molibai)/.72)}body:has(.table-shell){background:radial-gradient(circle at 50% 8%,rgb(var(--sdr-rgb-liujin)/.1),transparent 30%),linear-gradient(180deg,var(--sdr-color-bg-deep) 0,var(--sdr-color-bg-blue) 44%,var(--sdr-color-bg-ink) 100%),repeating-linear-gradient(90deg,rgb(var(--sdr-rgb-liujin)/.05) 0 1px,transparent 1px 42px)}.table-shell{color:var(--sdr-color-text-main)}.table-shell .topbar{border-color:var(--sdr-color-border-gold);background:linear-gradient(90deg,rgb(var(--sdr-rgb-mohei)/.92),rgb(var(--sdr-rgb-qingdai)/.66)),rgb(var(--sdr-rgb-mohei)/.84);box-shadow:0 10px 24px rgb(var(--sdr-rgb-mohei)/.28)}.table-shell .board,.table-shell .board.four-player{border-color:rgb(var(--sdr-rgb-rubai)/.16);background:radial-gradient(ellipse at 50% 42%,rgb(var(--sdr-rgb-rubai)/.08),transparent 48%),linear-gradient(145deg,rgb(var(--sdr-rgb-daiqing)/.88),rgb(var(--sdr-rgb-qingdai)/.94) 58%,rgb(var(--sdr-rgb-mohei)/.98)),repeating-linear-gradient(45deg,rgb(var(--sdr-rgb-rubai)/.04) 0 1px,transparent 1px 9px);box-shadow:inset 0 0 0 clamp(7px,.9vw,16px) rgb(var(--sdr-rgb-mohei)/.32),inset 0 18px 70px rgb(var(--sdr-rgb-rubai)/.06),0 24px 60px rgb(var(--sdr-rgb-mohei)/.36)}.table-shell .center-play{border-color:rgb(var(--sdr-rgb-rubai)/.12);background:linear-gradient(180deg,rgb(var(--sdr-rgb-qingdai)/.44),rgb(var(--sdr-rgb-mohei)/.62)),rgb(var(--sdr-rgb-mohei)/.4)}.table-shell .opponent.empty,.table-shell .player-badge,.table-shell .self-panel{border-color:var(--sdr-color-border-soft);background:linear-gradient(180deg,rgb(var(--sdr-rgb-mohei)/.84),rgb(var(--sdr-rgb-mosi)/.72)),rgb(var(--sdr-rgb-rubai)/.08);box-shadow:0 12px 28px rgb(var(--sdr-rgb-mohei)/.24),inset 0 1px 0 rgb(var(--sdr-rgb-rubai)/.1)}.table-shell .player-avatar{background:linear-gradient(145deg,var(--sdr-color-primary-strong),var(--sdr-color-primary)),var(--sdr-color-primary-soft);color:var(--sdr-color-bg-ink)}.table-shell .player-score{color:var(--game-gold-1)}.table-shell .action-dock{border-color:var(--sdr-color-border-gold);background:linear-gradient(180deg,rgb(var(--sdr-rgb-mohei)/.94),rgb(var(--sdr-rgb-mosi)/.9)),rgb(var(--sdr-rgb-mohei)/.88);box-shadow:0 18px 44px rgb(var(--sdr-rgb-mohei)/.36)}.table-shell .dock-action.win{color:var(--sdr-color-text-dark);background:linear-gradient(180deg,var(--game-gold-1),var(--sdr-color-primary))}.table-shell .dock-action.primary{color:var(--sdr-color-text-main);background:linear-gradient(180deg,var(--sdr-color-success),var(--sdr-color-success-deep))}.table-shell .dock-action.danger{color:var(--sdr-color-text-main);background:linear-gradient(180deg,var(--sdr-color-danger),var(--sdr-color-danger-strong))}.table-shell .dock-action.pass{color:var(--sdr-color-text-main);background:linear-gradient(180deg,rgb(var(--sdr-rgb-dailan)/.96),rgb(var(--sdr-rgb-mohei)/.9))}.ai-assistant-widget{font-family:Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.ai-assistant-entry{display:inline-flex}.ai-assistant-trigger{min-height:44px;border:1px solid rgba(255,255,255,.36);color:#fff9e8;background:linear-gradient(180deg,rgba(37,114,190,.94),rgba(18,73,139,.94));box-shadow:0 14px 32px rgba(20,32,56,.3)}.ai-assistant-panel{width:min(340px,calc(100vw - 28px));max-height:min(520px,calc(100dvh - 32px));display:grid;grid-template-rows:auto minmax(120px,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:16px;color:#17243a;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(230,242,255,.95));box-shadow:0 18px 44px rgba(18,34,64,.26)}.ai-assistant-panel header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;color:#fff9e8;background:linear-gradient(90deg,#196db3,#184d86)}.ai-assistant-panel header p{margin:2px 0 0;color:rgba(255,249,232,.75);font-size:12px}.ai-assistant-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,249,232,.16)}.ai-assistant-close{min-width:32px;min-height:32px;padding:0;color:#fff9e8;background:rgba(255,255,255,.14);box-shadow:none}.ai-assistant-messages{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:12px}.ai-assistant-quick-questions{display:flex;flex-wrap:wrap;gap:7px;padding:0 12px 10px}.ai-assistant-quick-questions button{min-height:32px;border:1px solid rgba(25,109,179,.18);border-radius:999px;padding:0 10px;color:#184e89;background:rgba(25,109,179,.08);box-shadow:none;font-size:12px}.ai-assistant-quick-questions button:disabled{opacity:.58}.ai-assistant-message{max-width:88%;margin:0;padding:9px 11px;border-radius:12px;font-size:13px;line-height:1.45}.ai-assistant-message.from-assistant{align-self:flex-start;background:#eef6ff;border:1px solid rgba(25,109,179,.18)}.ai-assistant-message.from-user{align-self:flex-end;color:#fff9e8;background:linear-gradient(180deg,#d6a544,#b67d24)}.ai-assistant-panel form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border-top:1px solid rgba(25,109,179,.12)}.ai-assistant-panel input{min-width:0;min-height:42px;border:1px solid rgba(25,109,179,.2);border-radius:10px;padding:0 10px}@media (max-height:520px),(max-width:760px){.ai-assistant-panel,.ai-assistant-trigger{backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.ai-assistant-widget *,.ai-assistant-widget :after,.ai-assistant-widget :before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.ai-assistant-trigger{min-height:42px;border-radius:999px;padding:0 14px;gap:7px;font-weight:850;letter-spacing:0;background:linear-gradient(180deg,rgba(61,135,205,.9),rgba(29,84,150,.9)),rgba(22,58,106,.86);box-shadow:0 10px 22px rgba(12,31,61,.24)}.ai-assistant-trigger:hover{transform:translateY(-1px)}.ai-assistant-panel{border-radius:18px;box-shadow:0 22px 56px rgba(10,24,49,.28)}.ai-assistant-panel header{background:linear-gradient(90deg,#1d74bb,#184e89)}.shop-shell{position:fixed;inset:0;z-index:var(--z-game-modal,50);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(circle at 20% 12%,rgba(212,175,55,.16),transparent 28%),radial-gradient(circle at 88% 18%,rgba(26,58,95,.32),transparent 26%),rgba(15,26,32,.76);backdrop-filter:blur(12px)}.shop-panel{width:min(1180px,100%);height:min(88dvh,820px);min-height:0;display:grid;overflow:hidden;border:1px solid var(--sdr-color-border-gold,rgba(212,175,55,.48));border-radius:24px;background:linear-gradient(145deg,rgba(15,26,32,.94),rgba(26,58,95,.9)),var(--sdr-color-bg-deep,#0f1a20);color:var(--sdr-color-text-main,#f9f4dc);box-shadow:0 24px 64px rgba(0,0,0,.38)}.inventory-panel,.shop-panel{grid-template-rows:auto auto auto 1fr}.inventory-panel{width:min(980px,100%)}.activity-panel{width:min(1040px,100%);grid-template-rows:auto 1fr}.leaderboard-panel{width:min(980px,100%);grid-template-rows:auto auto 1fr}.activity-header,.leaderboard-header,.shop-header{grid-template-columns:auto minmax(0,1fr) auto auto}.shop-header{min-height:72px;display:grid;align-items:center;gap:12px;padding:18px 20px 14px;border-bottom:1px solid rgba(249,244,220,.12)}.shop-title-block{min-width:0}.shop-title-block h2{margin:2px 0 0;font-size:clamp(22px,2.6vw,32px);line-height:1.05;letter-spacing:0}.shop-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--sdr-color-primary-soft,#e6c24d);font-size:12px;font-weight:700}.shop-wallet{display:flex;align-items:center;gap:8px}.shop-wallet span{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid rgba(212,175,55,.3);border-radius:999px;font-weight:800;white-space:nowrap}.shop-back-button,.shop-icon-button,.shop-wallet span{background:rgba(249,244,220,.08);color:var(--sdr-color-text-main,#f9f4dc)}.shop-back-button,.shop-icon-button{width:42px;height:42px;border:1px solid rgba(249,244,220,.18);border-radius:14px;display:inline-grid;place-items:center;cursor:pointer}.shop-back-button:hover,.shop-icon-button:hover{border-color:var(--sdr-color-border-gold,rgba(212,175,55,.48));background:rgba(249,244,220,.14)}.inventory-tabs,.shop-filter-row,.shop-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 20px 0;scrollbar-width:thin}.shop-filter-row{padding-top:10px;padding-bottom:10px}.activity-body{min-height:0;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.35fr);gap:16px;overflow:auto;padding:16px 20px 20px}.leaderboard-tabs{display:flex;gap:10px;overflow-x:auto;padding:12px 20px;border-bottom:1px solid rgba(249,244,220,.1);scrollbar-width:thin}.leaderboard-tabs button{min-width:104px;min-height:54px;display:grid;gap:3px;justify-items:start;border:1px solid rgba(249,244,220,.14);border-radius:16px;padding:9px 12px;background:rgba(249,244,220,.07);color:var(--sdr-color-text-main);cursor:pointer}.leaderboard-tabs button.is-active{border-color:var(--sdr-color-border-gold);background:linear-gradient(135deg,rgba(212,175,55,.26),rgba(26,58,95,.34));box-shadow:var(--sdr-shadow-gold)}.leaderboard-tabs strong{font-size:14px}.leaderboard-tabs small{color:var(--sdr-color-text-soft);font-weight:700}.leaderboard-body{min-height:0;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.3fr);gap:16px;overflow:hidden;padding:16px 20px 20px}.leaderboard-summary-card{min-width:0;align-self:start;display:grid;gap:12px;border:1px solid rgba(249,244,220,.14);border-radius:20px;padding:18px;background:radial-gradient(circle at 85% 10%,rgba(212,175,55,.18),transparent 32%),rgba(249,244,220,.08)}.leaderboard-summary-card h3{margin:0;font-size:clamp(22px,2.8vw,34px)}.leaderboard-summary-card p,.leaderboard-summary-card small{margin:0;color:var(--sdr-color-text-soft);line-height:1.6}.leaderboard-my-rank,.leaderboard-safe-note{min-height:34px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(249,244,220,.14);border-radius:999px;padding:0 12px;color:var(--sdr-color-text-main);background:rgba(249,244,220,.08);font-weight:900;white-space:nowrap}.leaderboard-my-rank{justify-content:space-between;border-color:var(--sdr-color-border-gold)}.leaderboard-my-rank em{color:var(--sdr-color-primary-soft);font-style:normal}.leaderboard-my-rank.is-empty{justify-content:start;border-color:rgba(249,244,220,.14);color:var(--sdr-color-text-soft)}.leaderboard-list{min-height:0;display:grid;align-content:start;gap:10px;overflow:auto;padding-right:4px}.leaderboard-row{min-height:72px;display:grid;grid-template-columns:54px 48px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(249,244,220,.12);border-radius:18px;padding:10px 12px;background:rgba(249,244,220,.07)}.leaderboard-row[data-rank="1"]{border-color:var(--sdr-color-border-gold);background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(249,244,220,.08))}.leaderboard-row[data-rank="2"],.leaderboard-row[data-rank="3"]{border-color:rgba(249,244,220,.26)}.leaderboard-row[data-self=true]{box-shadow:inset 0 0 0 1px var(--sdr-color-primary-soft)}.leaderboard-rank{color:var(--sdr-color-primary-soft);font-size:18px;font-weight:950}.leaderboard-avatar{width:46px;height:46px;display:inline-grid;place-items:center;overflow:hidden;border:1px solid var(--sdr-color-border-gold);border-radius:14px;background:linear-gradient(135deg,var(--sdr-color-primary),var(--sdr-color-bg-blue));color:var(--sdr-color-text-main);font-weight:950}.leaderboard-avatar[data-avatar-frame=true]{border-width:2px;box-shadow:0 0 0 2px rgba(212,175,55,.18),0 0 18px rgba(212,175,55,.22)}.leaderboard-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.leaderboard-player,.leaderboard-score{min-width:0;display:grid;gap:3px}.leaderboard-player strong,.leaderboard-score strong{color:var(--sdr-color-text-main);font-size:15px}.leaderboard-title-badge{width:-moz-fit-content;width:fit-content;max-width:100%;overflow:hidden;border:1px solid rgba(212,175,55,.28);border-radius:999px;padding:2px 7px;background:rgba(212,175,55,.12);color:var(--sdr-color-primary-soft);font-size:11px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.leaderboard-player span,.leaderboard-score span{color:var(--sdr-color-text-soft);font-size:12px}.leaderboard-score{justify-items:end;text-align:right}.leaderboard-empty{min-height:180px;display:grid;place-items:center;gap:8px;border:1px dashed rgba(249,244,220,.2);border-radius:18px;color:var(--sdr-color-text-soft);text-align:center}.activity-hero,.activity-section{min-width:0}.activity-event-card,.activity-product-card,.activity-task-card{border:1px solid rgba(249,244,220,.14);border-radius:18px;background:rgba(249,244,220,.08);box-shadow:0 12px 28px rgba(0,0,0,.18)}.activity-event-card{display:grid;gap:12px;padding:18px;background:radial-gradient(circle at 78% 20%,rgba(212,175,55,.2),transparent 30%),linear-gradient(135deg,rgba(26,58,95,.82),rgba(15,26,32,.9))}.activity-count,.activity-kicker{width:-moz-fit-content;width:fit-content;min-height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:0 10px;background:rgba(212,175,55,.18);color:var(--sdr-color-primary-soft,#e6c24d);font-weight:900;font-size:12px}.activity-event-card h3,.activity-section-title h3{margin:0;color:var(--sdr-color-text-main,#f9f4dc)}.activity-event-card p{margin:0;color:var(--sdr-color-text-soft,rgba(249,244,220,.72));line-height:1.65}.activity-event-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.activity-event-actions span{color:var(--sdr-color-text-main,#f9f4dc);font-weight:900}.activity-claim-button,.activity-event-actions button,.activity-product-card button{min-height:40px;border:1px solid var(--sdr-color-border-gold,rgba(212,175,55,.48));border-radius:999px;background:rgba(249,244,220,.1);color:var(--sdr-color-text-main,#f9f4dc);font-weight:900;cursor:pointer}.activity-event-actions button{padding:0 12px}.activity-section{display:grid;align-content:start;gap:12px}.activity-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-task-list{display:grid;gap:10px}.activity-task-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px}.activity-task-card[data-claimed=true]{opacity:.72}.activity-task-main{min-width:0;display:grid;gap:5px}.activity-product-card strong,.activity-task-main strong{color:var(--sdr-color-text-main,#f9f4dc)}.activity-empty,.activity-product-card span,.activity-task-main small,.activity-task-main span{color:var(--sdr-color-text-soft,rgba(249,244,220,.72))}.activity-delivery-badge{width:-moz-fit-content;width:fit-content;min-height:24px;display:inline-flex;align-items:center;border:1px solid var(--sdr-color-border-gold,rgba(212,175,55,.48));border-radius:999px;padding:2px 8px;color:var(--sdr-color-text-main,#f9f4dc);background:rgba(15,26,32,.34);font-size:12px}.activity-delivery-badge[data-delivery=mail]{border-color:rgba(0,168,107,.46);background:rgba(0,168,107,.16)}.activity-progress{height:8px;overflow:hidden;border-radius:999px;background:rgba(249,244,220,.12)}.activity-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sdr-color-success,#00a86b),var(--sdr-color-primary,#d4af37))}.activity-claim-button{min-width:96px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px}.activity-claim-button:not(:disabled),.activity-product-card button:not(:disabled){background:linear-gradient(135deg,var(--sdr-color-primary,#d4af37),var(--sdr-color-primary-strong,#ffd700));color:var(--sdr-color-bg-ink,#1d1b1c)}.activity-claim-button:disabled,.activity-product-card button:disabled{cursor:not-allowed;opacity:.58}.activity-exchange-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.activity-product-card{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;gap:10px;padding:12px}.activity-product-preview.item-preview{grid-row:1/span 2;width:54px;height:54px;border-radius:16px}.activity-product-body{min-width:0;display:grid;gap:4px}.activity-product-card button{grid-column:2;width:-moz-fit-content;width:fit-content;padding:0 12px}@media (max-width:780px){.activity-panel,.leaderboard-panel{height:min(92dvh,760px)}.activity-header,.leaderboard-header{grid-template-columns:auto minmax(0,1fr) auto}.leaderboard-safe-note{grid-column:1/-1;width:-moz-fit-content;width:fit-content}.activity-header .shop-wallet{grid-column:1/-1;justify-content:flex-start}.activity-body,.leaderboard-body{grid-template-columns:1fr;padding:12px 14px calc(14px + env(safe-area-inset-bottom))}.leaderboard-body{overflow:auto}.leaderboard-list{overflow:visible}.leaderboard-row{grid-template-columns:42px 42px minmax(0,1fr)}.leaderboard-score{grid-column:3;justify-items:start;text-align:left}}.inventory-tabs button,.shop-filter-row button,.shop-tabs button{min-height:38px;flex:0 0 auto;border:1px solid rgba(249,244,220,.14);border-radius:999px;background:rgba(249,244,220,.08);color:var(--sdr-color-text-soft,rgba(249,244,220,.72));padding:0 14px;font-weight:800;cursor:pointer}.inventory-tabs button.is-active,.shop-filter-row button.is-active,.shop-tabs button.is-active{border-color:var(--sdr-color-border-gold,rgba(212,175,55,.48));background:linear-gradient(135deg,var(--sdr-color-primary,#d4af37),var(--sdr-color-primary-strong,#ffd700));color:var(--sdr-color-bg-ink,#1d1b1c)}.inventory-tabs{padding-bottom:10px;border-bottom:1px solid rgba(249,244,220,.1)}.inventory-loadout-preview{position:relative;display:grid;grid-template-columns:minmax(180px,.75fr) minmax(170px,.7fr) minmax(0,1.5fr);gap:12px;padding:14px 20px 4px}.loadout-avatar-preview,.loadout-slots,.loadout-table-preview{min-width:0;border:1px solid rgba(249,244,220,.14);border-radius:18px;background:rgba(249,244,220,.08)}.loadout-avatar-preview{display:flex;align-items:center;gap:12px;padding:12px}.loadout-avatar-preview span,.loadout-avatar-preview strong{display:block}.loadout-avatar-preview span{color:var(--sdr-color-text-soft,rgba(249,244,220,.72));font-size:12px}.loadout-avatar-frame{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border-radius:18px;border:2px solid rgba(249,244,220,.24);background:linear-gradient(135deg,rgba(26,58,95,.88),rgba(15,26,32,.92));color:var(--sdr-color-text-main,#f9f4dc);font-weight:900;font-size:22px}.loadout-avatar-frame.has-frame{border-color:var(--sdr-color-primary-strong,#ffd700);box-shadow:var(--sdr-shadow-gold,0 8px 24px rgba(212,175,55,.26))}.loadout-table-preview{display:grid;gap:6px;padding:10px;align-content:center}.loadout-mini-table{position:relative;min-height:78px;border-radius:18px;background:radial-gradient(ellipse at center,rgba(249,244,220,.16),transparent 60%),linear-gradient(135deg,rgba(26,58,95,.78),rgba(15,26,32,.92));border:1px solid var(--sdr-color-border-gold,rgba(212,175,55,.48))}.loadout-table-preview[data-theme-key*=moyun] .loadout-mini-table{background:linear-gradient(135deg,rgba(29,27,28,.94),rgba(212,175,55,.26))}.loadout-table-preview[data-theme-key*=qingdai] .loadout-mini-table{background:linear-gradient(135deg,rgba(15,26,32,.94),rgba(26,58,95,.9))}.loadout-card-back,.loadout-tile-face{position:absolute;bottom:12px;width:28px;height:40px;display:grid;place-items:center;border-radius:8px;background:var(--sdr-color-surface-cream,#f8f4e9);color:var(--sdr-color-bg-ink,#1d1b1c);font-weight:900}.loadout-card-back{left:18px}.loadout-tile-face{right:18px}.loadout-mini-table i{position:absolute;right:8px;top:8px;width:18px;height:18px;border-radius:999px;background:var(--sdr-color-primary-strong,#ffd700)}.loadout-mini-table i+i{right:30px;background:var(--sdr-color-success,#00a86b)}.loadout-table-preview small{color:var(--sdr-color-text-soft,rgba(249,244,220,.72));text-align:center}.loadout-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.loadout-slot{min-width:0;display:grid;gap:3px;padding:8px;border-radius:12px;background:rgba(15,26,32,.3)}.loadout-slot.is-filled{background:rgba(212,175,55,.12)}.loadout-slot span{color:var(--sdr-color-text-muted,rgba(249,244,220,.52));font-size:11px}.loadout-slot strong{overflow:hidden;color:var(--sdr-color-text-main,#f9f4dc);font-size:12px;white-space:nowrap;text-overflow:ellipsis}.loadout-slot button{min-height:24px;border:0;border-radius:8px;background:rgba(249,244,220,.12);color:var(--sdr-color-text-main,#f9f4dc);font-size:11px;font-weight:800;cursor:pointer}.loadout-refresh{position:absolute;right:22px;top:16px}.shop-content{min-height:0;overflow:auto;padding:12px 20px 20px}.inventory-grid,.shop-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.inventory-card,.shop-product-card{min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:12px;border:1px solid rgba(249,244,220,.14);border-radius:18px;background:rgba(249,244,220,.08);box-shadow:0 14px 30px rgba(0,0,0,.22);cursor:pointer}.inventory-card{grid-template-rows:auto 1fr;cursor:default}.inventory-card:hover,.shop-product-card:hover{border-color:var(--sdr-color-border-gold,rgba(212,175,55,.48));background:rgba(249,244,220,.11)}.inventory-card.is-equipped{border-color:var(--sdr-color-success,#00a86b)}.inventory-card.is-expired{opacity:.58}.inventory-card{cursor:pointer}.shop-preview{position:relative;min-height:136px;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 28% 18%,rgba(255,215,0,.2),transparent 34%),linear-gradient(135deg,rgba(26,58,95,.88),rgba(15,26,32,.92));border:1px solid rgba(249,244,220,.12)}.shop-preview.is-large{min-height:220px;border-radius:20px}.shop-preview[data-theme-key*=liujin],.shop-preview[data-theme-key*=moyun]{background:radial-gradient(circle at 24% 18%,rgba(255,215,0,.28),transparent 35%),linear-gradient(135deg,rgba(29,27,28,.94),rgba(212,175,55,.38))}.shop-preview[data-theme-key*=qingdai]{background:radial-gradient(circle at 78% 18%,rgba(0,168,107,.22),transparent 34%),linear-gradient(135deg,rgba(15,26,32,.94),rgba(26,58,95,.88))}.shop-preview[data-theme-key*=gongdeng],.shop-preview[data-theme-key*=zhuhong]{background:radial-gradient(circle at 22% 20%,rgba(212,175,55,.18),transparent 34%),linear-gradient(135deg,rgba(29,27,28,.92),rgba(237,81,38,.48))}.shop-preview[data-theme-key*=xuanzhi],.shop-preview[data-theme-key*=yabai]{background:radial-gradient(circle at 24% 18%,rgba(212,175,55,.18),transparent 32%),linear-gradient(135deg,rgba(248,244,233,.9),rgba(26,58,95,.5))}.shop-preview-orb{position:absolute;width:112px;height:112px;right:-20px;top:-26px;border-radius:999px;background:rgba(249,244,220,.16)}.shop-preview-card{position:absolute;left:14px;right:14px;bottom:14px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:rgba(15,26,32,.72);color:var(--sdr-color-text-main,#f9f4dc);border:1px solid rgba(249,244,220,.14)}.shop-preview-card strong{font-size:15px}.item-preview{isolation:isolate}.item-preview-stage{position:absolute;inset:12px 12px 76px;display:grid;place-items:center;z-index:1}.item-preview.is-large .item-preview-stage{inset:16px 16px 84px}.item-preview.is-compact{min-height:54px;overflow:hidden}.item-preview.is-compact .item-preview-stage{inset:6px}.item-preview.is-compact .shop-preview-card,.item-preview.is-compact .shop-preview-orb{display:none}.item-preview-avatar,.item-preview-placeholder,.item-preview-title-badge,.item-preview-utility{width:clamp(48px,34%,86px);aspect-ratio:1;display:grid;place-items:center;border-radius:24px;color:var(--sdr-color-bg-ink);background:linear-gradient(135deg,var(--sdr-color-primary-strong),var(--sdr-color-primary));box-shadow:0 10px 26px rgba(212,175,55,.24)}.item-preview.is-compact .item-preview-avatar,.item-preview.is-compact .item-preview-placeholder,.item-preview.is-compact .item-preview-title-badge,.item-preview.is-compact .item-preview-utility{width:38px;border-radius:13px}.item-preview-avatar{position:relative;font-weight:950;font-size:clamp(22px,5vw,38px)}.item-preview-avatar i{position:absolute;inset:-7px;border-radius:inherit;border:3px solid var(--sdr-color-border-gold);box-shadow:0 0 0 1px rgba(249,244,220,.2),0 10px 26px rgba(212,175,55,.22)}.item-preview-entry-effect{position:relative;display:grid;place-items:center;width:min(150px,74%);height:min(112px,90%)}.item-preview-entry-effect>span{position:absolute;width:9px;height:9px;border-radius:999px;background:var(--sdr-color-primary-strong);box-shadow:0 0 18px rgba(212,175,55,.48);animation:item-preview-spark 1.6s ease-in-out infinite}.item-preview-entry-effect>span:nth-child(2){left:12%;top:22%}.item-preview-entry-effect>span:nth-child(3){right:16%;top:10%;animation-delay:.18s}.item-preview-entry-effect>span:nth-child(4){right:20%;bottom:18%;animation-delay:.36s}.item-preview-table{position:relative;width:min(210px,86%);height:min(112px,88%);border-radius:28px;background:linear-gradient(135deg,rgba(15,26,32,.78),rgba(26,58,95,.72));border:1px solid rgba(249,244,220,.16);box-shadow:inset 0 0 34px rgba(249,244,220,.08)}.item-preview-table-oval{position:absolute;inset:18% 11%;border-radius:999px;border:1px solid rgba(249,244,220,.18);background:radial-gradient(circle at 50% 50%,rgba(249,244,220,.14),rgba(26,58,95,.08))}.item-preview-mini-tile,.item-preview-public-zone{position:absolute;display:grid;place-items:center;border-radius:9px;font-size:12px;font-weight:950}.item-preview-public-zone{min-width:34px;min-height:22px;padding:0 6px;color:var(--sdr-color-text-main);background:rgba(15,26,32,.62);border:1px solid rgba(249,244,220,.14)}.item-preview-public-zone.zone-left{left:12%;top:36%}.item-preview-public-zone.zone-right{right:12%;top:36%}.item-preview-mini-tile{left:50%;top:50%;width:34px;aspect-ratio:.68;transform:translate(-50%,-50%);color:var(--sdr-color-danger);background:var(--sdr-color-surface-cream);box-shadow:0 8px 18px rgba(0,0,0,.18)}.item-preview-pendant{position:absolute;right:12px;top:10px;width:28px;aspect-ratio:1;border-radius:999px 999px 999px 8px;background:linear-gradient(135deg,var(--sdr-color-success),var(--sdr-color-primary-soft));box-shadow:0 8px 18px rgba(0,168,107,.24)}.item-preview-card-back-set,.item-preview-tile-face-set{display:flex;align-items:flex-end;justify-content:center;gap:8px}.item-preview-card-back-set span,.item-preview-tile-face-set span{width:clamp(30px,7vw,46px);aspect-ratio:.68;display:grid;place-items:center;border-radius:9px;font-weight:950;box-shadow:0 10px 22px rgba(0,0,0,.2)}.item-preview-card-back-set span{background:linear-gradient(45deg,transparent 42%,rgba(249,244,220,.18) 43% 56%,transparent 57%),linear-gradient(135deg,var(--sdr-color-danger),var(--sdr-color-bg-blue));border:1px solid rgba(249,244,220,.26)}.item-preview-tile-face-set span{color:var(--sdr-color-danger);background:var(--sdr-color-surface-cream);border:1px solid rgba(29,27,28,.14)}.item-preview-chat-bubble{max-width:min(190px,86%);display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:18px 18px 18px 6px;color:var(--sdr-color-text-main);background:linear-gradient(135deg,rgba(26,58,95,.88),rgba(0,168,107,.28));border:1px solid rgba(249,244,220,.18)}.item-preview-settlement{position:relative;width:min(180px,84%);min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px;border-radius:18px;color:var(--sdr-color-bg-ink);background:linear-gradient(135deg,var(--sdr-color-surface-cream),var(--sdr-color-primary-soft));box-shadow:0 12px 26px rgba(212,175,55,.22)}.item-preview-settlement:after{content:"";position:absolute;inset:-7px;border-radius:inherit;border:1px solid var(--sdr-color-border-gold);animation:item-preview-settlement-pulse 1.5s ease-in-out infinite}.item-preview-placeholder,.item-preview-title-badge,.item-preview-utility{width:min(150px,78%);aspect-ratio:auto;min-height:54px;grid-auto-flow:column;gap:8px;padding:0 14px;border-radius:999px;font-weight:900}.shop-detail-drawer[data-previewing=true] .item-preview{box-shadow:0 0 0 2px var(--sdr-color-border-gold),var(--sdr-shadow-gold)}@keyframes item-preview-spark{0%,to{opacity:.45;transform:translateY(0) scale(.82)}50%{opacity:1;transform:translateY(-8px) scale(1)}}@keyframes item-preview-settlement-pulse{0%,to{opacity:.35;transform:scale(.98)}50%{opacity:.8;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.item-preview-entry-effect>span,.item-preview-settlement:after{animation:none}}.shop-corner-badge,.shop-owned-pill,.shop-rarity{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.shop-corner-badge{position:absolute;top:10px;left:10px;color:var(--sdr-color-bg-ink,#1d1b1c);background:var(--sdr-color-primary-strong,#ffd700)}.shop-owned-pill{color:var(--sdr-color-success,#00a86b);background:rgba(0,168,107,.14)}.shop-rarity{color:var(--sdr-color-text-main,#f9f4dc);background:rgba(249,244,220,.12)}.shop-rarity.rarity-epic,.shop-rarity.rarity-legendary,.shop-rarity.rarity-limited{color:var(--sdr-color-bg-ink,#1d1b1c);background:var(--sdr-color-primary-soft,#e6c24d)}.inventory-card-body,.shop-card-body{min-width:0;display:grid;gap:8px}.shop-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.inventory-card-body h3,.shop-card-body h3{margin:0;color:var(--sdr-color-text-main,#f9f4dc);font-size:17px;line-height:1.25}.shop-card-body p{margin:0;color:var(--sdr-color-text-soft,rgba(249,244,220,.72));font-size:13px;line-height:1.5}.shop-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--sdr-color-text-muted,rgba(249,244,220,.52));font-size:12px}.shop-card-meta span{display:inline-flex;align-items:center;gap:4px}.inventory-actions,.shop-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.inventory-detail-drawer .shop-preview{min-height:190px}.inventory-detail-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-price{color:var(--sdr-color-primary-strong,#ffd700);font-weight:900}.shop-primary-button,.shop-secondary-button{min-height:44px;border:0;border-radius:14px;padding:0 16px;font-weight:900;cursor:pointer}.shop-primary-button{background:linear-gradient(135deg,var(--sdr-color-primary,#d4af37),var(--sdr-color-primary-strong,#ffd700));color:var(--sdr-color-bg-ink,#1d1b1c);box-shadow:var(--sdr-shadow-gold,0 8px 24px rgba(212,175,55,.26))}.shop-secondary-button{color:var(--sdr-color-text-main,#f9f4dc);background:rgba(26,58,95,.76);border:1px solid rgba(249,244,220,.14)}.shop-primary-button:disabled,.shop-secondary-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.42)}.shop-detail-drawer{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:calc(var(--z-game-modal, 50) + 1);width:min(390px,calc(100vw - 32px));display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:14px;border:1px solid var(--sdr-color-border-gold,rgba(212,175,55,.48));border-radius:22px;background:rgba(15,26,32,.96);color:var(--sdr-color-text-main,#f9f4dc);box-shadow:0 24px 64px rgba(0,0,0,.4)}.shop-detail-close{position:absolute;top:22px;right:22px}.shop-detail-body{min-height:0;overflow:auto;display:grid;align-content:start;gap:12px}.shop-detail-body h3{margin:0;font-size:24px}.shop-detail-body p{margin:0;color:var(--sdr-color-text-soft,rgba(249,244,220,.72));line-height:1.6}.shop-detail-list{display:grid;gap:8px;margin:0}.shop-detail-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(249,244,220,.08)}.shop-detail-list dt{color:var(--sdr-color-text-muted,rgba(249,244,220,.52))}.shop-detail-list dd{margin:0;font-weight:900}.shop-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-detail-actions .shop-primary-button:only-child{grid-column:1/-1}.shop-confirm-backdrop{position:fixed;inset:0;z-index:calc(var(--z-game-modal, 50) + 2);display:grid;place-items:center;padding:20px;background:rgba(15,26,32,.72)}.shop-confirm-dialog{width:min(360px,100%);display:grid;gap:12px;text-align:center;padding:22px;border-radius:22px;background:var(--sdr-color-surface-cream,#f8f4e9);color:var(--sdr-color-bg-ink,#1d1b1c)}.shop-confirm-icon{justify-self:center;width:56px;height:56px;display:grid;place-items:center;border-radius:18px;color:var(--sdr-color-bg-ink,#1d1b1c);background:var(--sdr-color-primary-strong,#ffd700)}.shop-confirm-dialog h3,.shop-confirm-dialog p{margin:0}.shop-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.shop-state{min-height:280px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:var(--sdr-color-text-soft,rgba(249,244,220,.72))}.shop-state h3,.shop-state p{margin:0}.shop-state-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;color:var(--sdr-color-primary-strong,#ffd700);background:rgba(249,244,220,.08)}.shop-spin{animation:shop-spin .9s linear infinite}@keyframes shop-spin{to{transform:rotate(1turn)}}@media (max-width:760px){.shop-shell{padding:0;place-items:stretch}.inventory-panel,.shop-panel{width:100%;height:100dvh;max-height:none;border-radius:0;border-left:0;border-right:0;border-top:0;grid-template-rows:auto auto auto 1fr}.inventory-loadout-preview{grid-template-columns:1fr;padding:12px 14px 4px}.loadout-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-header{min-height:66px;grid-template-columns:auto minmax(0,1fr) auto;padding:calc(12px + env(safe-area-inset-top)) 14px 12px}.shop-header .shop-icon-button{display:none}.shop-wallet{grid-column:1/-1;justify-self:stretch}.shop-wallet span{flex:1;justify-content:center}.inventory-tabs,.shop-content,.shop-filter-row,.shop-tabs{padding-left:14px;padding-right:14px}.inventory-tabs{padding-top:10px}.inventory-detail-actions{grid-template-columns:1fr}.inventory-grid,.shop-product-grid{grid-template-columns:1fr}.inventory-grid,.shop-detail-drawer,.shop-product-grid{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.shop-detail-drawer{top:auto;left:0;right:0;bottom:0;width:100%;max-height:min(82dvh,620px);border-radius:22px 22px 0 0}}@media (min-width:761px) and (max-width:1100px){.shop-panel{width:min(960px,100%)}.inventory-grid,.shop-product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (prefers-reduced-motion:reduce){.shop-spin{animation:none}}.mail-entry-inline{position:relative}.home-action-badge{position:absolute;top:-4px;right:-2px;min-width:18px;height:18px;display:inline-grid;place-items:center;border:1px solid rgb(var(--sdr-rgb-rubai)/.92);border-radius:999px;padding:0 4px;color:var(--sdr-color-text-cream);background:linear-gradient(180deg,var(--sdr-color-danger),var(--sdr-color-danger-strong));font-size:10px;font-style:normal;font-weight:900;line-height:1;box-shadow:0 5px 12px rgb(var(--sdr-rgb-mohei)/.32)}.mailbox-shell{position:fixed;inset:0;z-index:var(--z-game-modal,50);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(circle at 18% 12%,rgb(var(--sdr-rgb-liujin)/.14),transparent 28%),radial-gradient(circle at 86% 20%,rgb(var(--sdr-rgb-qingdai)/.34),transparent 26%),rgb(var(--sdr-rgb-mohei)/.74);backdrop-filter:blur(12px)}.mailbox-panel{width:min(1080px,100%);height:min(86dvh,760px);min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid var(--sdr-color-border-gold);border-radius:24px;color:var(--sdr-color-text-main);background:linear-gradient(145deg,rgb(var(--sdr-rgb-qingdai)/.96),rgb(var(--sdr-rgb-mohei)/.96)),var(--sdr-color-bg-deep);box-shadow:0 24px 70px rgb(var(--sdr-rgb-mohei)/.48)}.mailbox-header{min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:18px 20px 14px;border-bottom:1px solid rgb(var(--sdr-rgb-rubai)/.12)}.mail-attachments h4,.mail-detail-heading h3,.mailbox-header h2{margin:0}.mailbox-header h2{font-size:clamp(22px,2.6vw,32px);line-height:1.05}.mailbox-eyebrow{color:var(--sdr-color-primary-soft);font-size:12px;font-weight:900}.mailbox-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mail-status-badge,.mailbox-count-pill,.mailbox-type-badge{min-height:28px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900;white-space:nowrap}.mailbox-count-pill{color:var(--sdr-color-primary-soft);background:rgb(var(--sdr-rgb-liujin)/.14)}.mailbox-danger-button,.mailbox-icon-button,.mailbox-primary-button,.mailbox-secondary-button{min-height:42px;border:1px solid rgb(var(--sdr-rgb-rubai)/.18);border-radius:14px;color:var(--sdr-color-text-main);background:rgb(var(--sdr-rgb-rubai)/.08);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:900;cursor:pointer}.mailbox-icon-button{width:42px;padding:0}.mailbox-secondary-button{padding:0 12px}.mailbox-primary-button{border-color:var(--sdr-color-border-gold);color:var(--sdr-color-bg-ink);background:linear-gradient(180deg,var(--sdr-color-primary-strong),var(--sdr-color-primary));box-shadow:var(--sdr-shadow-gold)}.mailbox-danger-button{border-color:rgb(var(--sdr-rgb-zhuhong)/.36);color:var(--sdr-color-danger);background:rgb(var(--sdr-rgb-zhuhong)/.1)}.mailbox-primary-button:disabled,.mailbox-secondary-button:disabled{opacity:.52;cursor:not-allowed}.mailbox-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 20px;border-bottom:1px solid rgb(var(--sdr-rgb-rubai)/.1);scrollbar-width:thin}.mailbox-tabs button{min-height:36px;border:1px solid rgb(var(--sdr-rgb-rubai)/.14);border-radius:999px;padding:0 14px;color:var(--sdr-color-text-soft);background:rgb(var(--sdr-rgb-rubai)/.06);font-weight:900;white-space:nowrap;cursor:pointer}.mailbox-tabs button.active{color:var(--sdr-color-bg-ink);border-color:var(--sdr-color-border-gold);background:linear-gradient(180deg,var(--sdr-color-primary-strong),var(--sdr-color-primary))}.mailbox-body{min-height:0;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:14px;padding:16px 20px 20px}.mail-detail,.mailbox-list{min-height:0;overflow:auto;border:1px solid rgb(var(--sdr-rgb-rubai)/.12);border-radius:18px;background:rgb(var(--sdr-rgb-rubai)/.07)}.mailbox-list{display:grid;align-content:start;gap:8px;padding:10px}.mailbox-list-item{width:100%;min-width:0;display:grid;gap:6px;border:1px solid transparent;border-radius:14px;padding:12px;color:var(--sdr-color-text-main);text-align:left;background:rgb(var(--sdr-rgb-mohei)/.38);cursor:pointer}.mailbox-list-item.selected,.mailbox-list-item:hover{border-color:var(--sdr-color-border-gold);background:rgb(var(--sdr-rgb-qingdai)/.56)}.mailbox-list-item.unread strong:after{content:"";width:7px;height:7px;display:inline-block;margin-left:6px;border-radius:999px;background:var(--sdr-color-danger);vertical-align:middle}.mailbox-list-item small,.mailbox-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-content,.mailbox-list-item small,.mailbox-list-meta,.mailbox-no-attachments{color:var(--sdr-color-text-soft)}.mailbox-list-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px}.mailbox-list-meta i{display:inline-flex;align-items:center;gap:3px;font-style:normal}.mail-detail{display:grid;grid-template-rows:auto auto auto 1fr auto;align-content:start;gap:14px;padding:16px}.mail-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mail-detail-heading h3{margin-top:8px;font-size:clamp(21px,2.4vw,28px)}.mail-content p,.mail-detail-heading p{margin:0;line-height:1.65}.mail-content{display:grid;gap:8px}.mail-status-badge{color:var(--sdr-color-text-main);background:rgb(var(--sdr-rgb-rubai)/.1)}.mail-status-badge.status-unread{color:var(--sdr-color-primary-soft);background:rgb(var(--sdr-rgb-liujin)/.16)}.mail-status-badge.claim-claimable,.mail-status-badge.claim-partially_claimed{color:var(--sdr-color-success);background:rgb(var(--sdr-rgb-zhuqing)/.14)}.mail-status-badge.claim-expired,.mail-status-badge.status-expired{color:var(--sdr-color-text-muted)}.mailbox-type-badge{width:-moz-fit-content;width:fit-content;color:var(--sdr-color-primary-soft);background:rgb(var(--sdr-rgb-liujin)/.13)}.mailbox-type-badge.type-moderation{color:var(--sdr-color-danger);background:rgb(var(--sdr-rgb-zhuhong)/.14)}.mailbox-type-badge.type-system{color:var(--sdr-color-text-main);background:rgb(var(--sdr-rgb-qingdai)/.5)}.moderation-notice-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;border:1px solid rgb(var(--sdr-rgb-zhuhong)/.28);border-radius:14px;padding:12px;color:var(--sdr-color-text-main);background:rgb(var(--sdr-rgb-zhuhong)/.12)}.moderation-notice-card div{display:grid;gap:3px}.moderation-notice-card span{color:var(--sdr-color-text-soft)}.mail-attachments{display:grid;gap:10px}.mail-attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.mail-attachment-card{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgb(var(--sdr-rgb-rubai)/.13);border-radius:14px;padding:10px;background:rgb(var(--sdr-rgb-mohei)/.28)}.mail-attachment-card>svg{width:46px;height:46px;border-radius:14px;padding:10px;color:var(--sdr-color-primary-soft);background:rgb(var(--sdr-rgb-liujin)/.12)}.mail-attachment-card .item-preview{width:50px;min-height:50px;border-radius:14px}.mail-attachment-card .shop-preview-card strong,.mail-attachment-card .shop-preview-card svg{display:none}.mail-attachment-card div:last-child{min-width:0;display:grid;gap:2px}.mail-attachment-card small,.mail-attachment-card span,.mail-attachment-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-attachment-card small,.mail-attachment-card span{color:var(--sdr-color-text-soft)}.mail-attachments.is-expired{opacity:.58}.mail-detail-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.mailbox-empty{min-height:240px;place-items:center;justify-content:center;align-content:center;gap:10px;text-align:center;color:var(--sdr-color-text-soft)}.mailbox-spin{animation:mailbox-spin .85s linear infinite}@keyframes mailbox-spin{to{transform:rotate(1turn)}}@media (max-width:760px){.mailbox-shell{padding:0;place-items:stretch}.mailbox-panel{width:100%;height:100dvh;border-radius:0}.mailbox-header{grid-template-columns:auto minmax(0,1fr) auto;padding:calc(12px + env(safe-area-inset-top)) 14px 10px}.mailbox-header-actions{grid-column:1/-1;justify-content:stretch}.mailbox-header-actions>*{flex:1 1 auto}.mailbox-header>.mailbox-icon-button:last-child{display:none}.mailbox-body{grid-template-columns:1fr;grid-template-rows:minmax(180px,.46fr) minmax(0,1fr);gap:10px;padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.mailbox-list{min-height:0}.mail-detail{padding:13px}.mail-detail-actions,.mail-detail-heading{grid-template-columns:1fr}.mail-detail-actions{display:grid}.mailbox-danger-button,.mailbox-primary-button{width:100%}}@media (min-width:761px) and (max-width:1100px){.mailbox-panel{width:min(960px,100%)}.mailbox-body{grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr)}}@media (prefers-reduced-motion:reduce){.mailbox-spin{animation:none}}.loadout-avatar-frame{--loadout-frame-color:var(--sdr-color-border-gold);--loadout-frame-glow:rgba(212,175,55,0.26);position:relative;isolation:isolate}.loadout-avatar-frame[data-avatar-frame]{box-shadow:0 0 0 2px var(--loadout-frame-color),0 8px 22px var(--loadout-frame-glow)}.loadout-avatar-frame[data-avatar-frame*=qingdai]{--loadout-frame-color:rgba(0,168,107,0.72);--loadout-frame-glow:rgba(0,168,107,0.22)}.loadout-avatar-frame[data-avatar-frame*=zhuhong]{--loadout-frame-color:rgba(237,81,38,0.72);--loadout-frame-glow:rgba(237,81,38,0.22)}.loadout-avatar-frame[data-avatar-frame*=liujin]:after,.loadout-avatar-frame[data-avatar-frame*=moyun]:after{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,rgba(255,215,0,.48),transparent 44%),radial-gradient(circle at 80% 18%,rgba(255,241,168,.62),transparent 28%);opacity:.92}.loadout-title-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;border:1px solid var(--sdr-color-border-gold);border-radius:999px;color:var(--sdr-color-text-main);background:rgba(15,26,32,.42);font-size:12px;line-height:1;white-space:nowrap}.lobby-loadout-strip{display:inline-flex;align-items:center;gap:10px;margin-top:10px}.lobby-hero-avatar,.self-loadout-avatar{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:14px;color:var(--sdr-color-text-main);background:linear-gradient(145deg,rgba(212,175,55,.92),rgba(237,81,38,.72));font-weight:800}.self-info-row .self-loadout-avatar+.player-badge .player-avatar{display:none}.waiting-seat[data-avatar-frame] .player-avatar{box-shadow:0 0 0 2px var(--loadout-frame-color,var(--sdr-color-border-gold)),0 8px 22px var(--loadout-frame-glow,rgba(212,175,55,.26))}.mobile-self-avatar.loadout-avatar-frame,.room-mobile-seat-avatar.loadout-avatar-frame,.settlement-avatar.loadout-avatar-frame{display:inline-grid;place-items:center;overflow:visible}[data-table-skin*=moyun-liujin].board,[data-table-skin*=moyun-liujin].mobile-game-table{--table-skin-accent:var(--sdr-color-primary);background:radial-gradient(circle at 50% 36%,rgba(212,175,55,.18),transparent 34%),linear-gradient(135deg,rgba(15,26,32,.98),rgba(29,27,28,.94))}[data-table-skin*=qingdai-shanfang].board,[data-table-skin*=qingdai-shanfang].mobile-game-table{--table-skin-accent:var(--sdr-color-success);background:radial-gradient(circle at 50% 34%,rgba(0,168,107,.16),transparent 36%),linear-gradient(135deg,rgba(26,58,95,.98),rgba(42,60,92,.94))}[data-table-skin*=zhuhong-gongdeng].board,[data-table-skin*=zhuhong-gongdeng].mobile-game-table{--table-skin-accent:var(--sdr-color-danger);background:radial-gradient(circle at 50% 32%,rgba(237,81,38,.14),transparent 36%),linear-gradient(135deg,rgba(29,27,28,.98),rgba(91,35,35,.88))}[data-table-skin*=xuanzhi-yabai].board,[data-table-skin*=xuanzhi-yabai].mobile-game-table{--table-skin-accent:var(--sdr-color-primary-soft);background:linear-gradient(135deg,rgba(248,244,233,.16),rgba(26,58,95,.78)),linear-gradient(180deg,rgba(15,26,32,.96),rgba(29,27,28,.9))}[data-table-skin] .loadout-skin-surface{border-color:color-mix(in srgb,var(--table-skin-accent,var(--sdr-color-border-gold)) 48%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--table-skin-accent,var(--sdr-color-border-gold)) 20%,transparent)}[data-card-back*=moyun-liujin] .loadout-card-back{background:linear-gradient(145deg,rgba(29,27,28,.96),rgba(15,26,32,.88)),radial-gradient(circle,rgba(212,175,55,.5),transparent 55%);border-color:rgba(212,175,55,.58)}[data-card-back*=qingdai-shanfang] .loadout-card-back{background:linear-gradient(145deg,rgba(26,58,95,.96),rgba(0,168,107,.42));border-color:rgba(0,168,107,.48)}[data-card-back*=xuanzhi-yabai] .loadout-card-back{background:linear-gradient(145deg,rgba(248,244,233,.94),rgba(230,194,77,.32)),repeating-linear-gradient(45deg,rgba(15,26,32,.12) 0 2px,transparent 2px 6px);border-color:rgba(29,27,28,.28)}[data-tile-face*=xuanzhi-yabai] .tile{background:linear-gradient(180deg,rgba(249,244,220,.98),rgba(248,244,233,.92)),repeating-linear-gradient(135deg,rgba(15,26,32,.05) 0 1px,transparent 1px 6px);border-color:rgba(29,27,28,.18);box-shadow:0 5px 14px rgba(15,26,32,.14)}[data-tile-face*=xuanzhi-yabai] .tile.is-jing{outline-color:var(--sdr-color-primary)}.chat-line[data-chat-bubble*=qingdai-shanfang] span,[data-chat-bubble*=qingdai-shanfang] .chat-line.self span,[data-chat-bubble*=qingdai-shanfang] .quick-chat button{color:var(--sdr-color-text-main);background:rgba(26,58,95,.82);border-color:rgba(0,168,107,.32)}.chat-line[data-chat-bubble*=xuanzhi-yabai] span,[data-chat-bubble*=xuanzhi-yabai] .chat-line.self span,[data-chat-bubble*=xuanzhi-yabai] .quick-chat button{color:var(--sdr-color-bg-ink);background:rgba(248,244,233,.94);border-color:rgba(212,175,55,.28)}.loadout-table-pendants{position:absolute;top:calc(var(--hud-h, 58px) + 10px);right:max(14px,env(safe-area-inset-right));z-index:var(--z-game-hud,10);display:flex;gap:8px;pointer-events:none}.loadout-table-pendant{width:clamp(24px,3.2vw,38px);height:clamp(24px,3.2vw,38px);border:1px solid var(--sdr-color-border-gold);border-radius:999px;background:radial-gradient(circle at 36% 32%,rgba(255,241,168,.78),transparent 22%),linear-gradient(145deg,rgba(15,26,32,.76),rgba(212,175,55,.26));box-shadow:0 6px 18px rgba(0,0,0,.24);opacity:.9}.loadout-table-pendant[data-pendant*=qingdai]{border-color:rgba(0,168,107,.58);background:radial-gradient(circle at 34% 32%,rgba(0,168,107,.68),transparent 24%),linear-gradient(145deg,rgba(26,58,95,.84),rgba(0,168,107,.24))}.loadout-table-pendant[data-pendant*=zhuhong]{border-color:rgba(237,81,38,.6);background:radial-gradient(circle at 34% 32%,rgba(237,81,38,.72),transparent 24%),linear-gradient(145deg,rgba(91,35,35,.82),rgba(212,175,55,.22))}.loadout-entry-effect{position:fixed;inset:0;z-index:var(--z-game-toast,60);pointer-events:none;overflow:hidden}.loadout-entry-effect span{position:absolute;left:50%;top:48%;width:10px;height:10px;border-radius:999px;background:var(--sdr-color-primary);box-shadow:0 0 24px rgba(212,175,55,.52);animation:loadout-entry-spark 1.4s ease-out forwards}.loadout-entry-effect span:nth-child(2){animation-delay:.12s}.loadout-entry-effect span:nth-child(3){animation-delay:.24s}.loadout-entry-effect[data-entry-effect*=zhuhong] span{background:var(--sdr-color-danger);box-shadow:0 0 24px rgba(237,81,38,.44)}[data-settlement-effect*=moyun-liujin] .loadout-settlement-surface{box-shadow:0 0 0 1px rgba(212,175,55,.5),0 24px 70px rgba(212,175,55,.22)}[data-settlement-effect*=zhuhong-gongdeng] .loadout-settlement-surface{box-shadow:0 0 0 1px rgba(237,81,38,.42),0 24px 70px rgba(237,81,38,.18)}@keyframes loadout-entry-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:.92}to{opacity:0;transform:translate(calc(-50% + (var(--pendant-index, 0) * 18px)),-150px) scale(8)}}@media (max-width:960px) and (orientation:landscape){.mobile-game-table .loadout-table-pendants{top:calc(var(--hud-h, 44px) + 8px);right:calc(var(--side-w, 96px) + 10px)}.mobile-game-table .loadout-table-pendant:nth-child(n+2){display:none}}@media (prefers-reduced-motion:reduce){.loadout-entry-effect,.loadout-entry-effect span{display:none;animation:none}}.tutorial-entry-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--sdr-color-border-gold);border-radius:14px;padding:0 14px;color:var(--sdr-color-text-main);background:color-mix(in srgb,var(--sdr-color-bg-blue) 78%,transparent);box-shadow:var(--sdr-shadow-soft,0 10px 24px rgba(0,0,0,.22))}.tutorial-entry-button.compact{width:44px;min-width:44px;padding:0;border-radius:13px}.tutorial-backdrop{position:fixed;inset:0;z-index:var(--z-game-modal,50);display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 16%,color-mix(in srgb,var(--sdr-color-primary) 18%,transparent),transparent 32%),color-mix(in srgb,var(--sdr-color-bg-deep) 76%,transparent);backdrop-filter:blur(10px)}.tutorial-modal{width:min(920px,100%);max-height:min(88dvh,720px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;border:1px solid var(--sdr-color-border-gold);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--sdr-color-surface-cream) 92%,white),var(--sdr-color-surface-cream)),var(--sdr-color-surface-cream);color:var(--sdr-color-bg-ink);box-shadow:var(--sdr-shadow-gold)}.tutorial-modal.mode-full{width:min(1060px,100%)}.tutorial-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:clamp(16px,2.5vw,24px);color:var(--sdr-color-text-main);background:linear-gradient(120deg,color-mix(in srgb,var(--sdr-color-bg-blue) 88%,black),color-mix(in srgb,var(--sdr-color-bg-deep) 86%,black))}.tutorial-modal-header h2{margin:4px 0 0;font-size:clamp(22px,3vw,34px);line-height:1.1}.tutorial-icon-close,.tutorial-overlay-close{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--sdr-color-text-main) 20%,transparent);border-radius:999px;color:inherit;background:color-mix(in srgb,var(--sdr-color-bg-deep) 30%,transparent)}.tutorial-modal-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;overflow:auto;padding:clamp(16px,2.5vw,24px)}.tutorial-modal.mode-full .tutorial-modal-body{grid-template-columns:minmax(180px,260px) minmax(0,1fr)}.tutorial-chapter-list{min-height:0;display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:4px}.tutorial-chapter-list button{min-height:48px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--sdr-color-border-gold) 36%,transparent);border-radius:14px;padding:8px 10px;color:color-mix(in srgb,var(--sdr-color-bg-deep) 82%,black);background:color-mix(in srgb,var(--sdr-color-surface-cream) 72%,white);text-align:left}.tutorial-chapter-list button.active{border-color:var(--sdr-color-primary);background:color-mix(in srgb,var(--sdr-color-primary) 18%,var(--sdr-color-surface-cream))}.tutorial-chapter-list span{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--sdr-color-text-main);background:var(--sdr-color-bg-blue);font-size:12px}.tutorial-chapter-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-step-card{min-width:0;display:grid;gap:14px}.tutorial-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.tutorial-progress:before{content:"";background:color-mix(in srgb,var(--sdr-color-bg-blue) 12%,var(--sdr-color-surface-cream))}.tutorial-progress span,.tutorial-progress:before{grid-column:1;grid-row:1;height:8px;border-radius:999px}.tutorial-progress span{background:linear-gradient(90deg,var(--sdr-color-primary),var(--sdr-color-primary-strong))}.tutorial-progress small{color:color-mix(in srgb,var(--sdr-color-bg-deep) 72%,transparent)}.tutorial-step-heading{display:flex;align-items:center;gap:12px}.tutorial-step-heading svg{flex:0 0 auto;color:var(--sdr-color-primary)}.tutorial-step-heading span{color:color-mix(in srgb,var(--sdr-color-bg-deep) 60%,transparent);font-size:13px}.tutorial-step-heading h3{margin:2px 0 0;font-size:clamp(22px,2.8vw,30px);line-height:1.12}.tutorial-step-short{margin:0;font-weight:700;color:var(--sdr-color-bg-blue);font-size:clamp(16px,2vw,18px)}.tutorial-step-detail{margin:0;color:color-mix(in srgb,var(--sdr-color-bg-ink) 86%,transparent);line-height:1.8}.tutorial-assistant-actions{display:grid;gap:8px;margin-top:2px}.tutorial-ask-assistant-button,.tutorial-rule-term-button{border:1px solid color-mix(in srgb,var(--sdr-color-border-gold) 58%,transparent);background:color-mix(in srgb,var(--sdr-color-primary) 12%,var(--sdr-color-surface-cream));color:color-mix(in srgb,var(--sdr-color-bg-deep) 86%,black);border-radius:999px;min-height:36px;padding:0 12px;font-weight:800;cursor:pointer}.tutorial-ask-assistant-button{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:7px}.tutorial-ask-assistant-button:hover,.tutorial-rule-term-button:hover{border-color:var(--sdr-color-primary);background:color-mix(in srgb,var(--sdr-color-primary) 20%,var(--sdr-color-surface-cream))}.tutorial-rule-term-list{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.tutorial-rule-term-list>span{color:color-mix(in srgb,var(--sdr-color-bg-ink) 64%,transparent);font-size:12px;font-weight:700}.rule-example-cards{display:flex;flex-wrap:wrap;gap:8px}.rule-example-cards span,.tutorial-rule-refs code{border:1px solid color-mix(in srgb,var(--sdr-color-border-gold) 46%,transparent);border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--sdr-color-primary) 10%,var(--sdr-color-surface-cream));color:color-mix(in srgb,var(--sdr-color-bg-deep) 84%,black)}.tutorial-step-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tutorial-rule-refs,.tutorial-step-meta section{min-width:0;display:grid;gap:8px;border:1px solid color-mix(in srgb,var(--sdr-color-bg-blue) 16%,transparent);border-radius:16px;padding:12px;background:color-mix(in srgb,white 42%,var(--sdr-color-surface-cream))}.tutorial-step-meta ul{margin:0;padding-left:18px}.tutorial-step-meta li,.tutorial-step-meta span{color:color-mix(in srgb,var(--sdr-color-bg-ink) 78%,transparent);line-height:1.6}.tutorial-rule-refs{display:flex;flex-wrap:wrap;align-items:center}.tutorial-rule-refs strong{flex:0 0 100%}.tutorial-rule-refs code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;white-space:normal}.tutorial-assistant-note{margin:0;padding:0 clamp(16px,2.5vw,24px) 14px;color:color-mix(in srgb,var(--sdr-color-bg-blue) 78%,transparent)}.tutorial-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,2.5vw,24px) calc(14px + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb,var(--sdr-color-bg-blue) 14%,transparent);background:color-mix(in srgb,var(--sdr-color-surface-cream) 88%,white)}.tutorial-nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.tutorial-modal-actions>.game-btn,.tutorial-nav-actions .game-btn{min-height:44px}.tutorial-overlay-hint{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:calc(var(--bottom-hand-h, var(--hand-h, 150px)) + var(--action-h, 56px) + 18px + env(safe-area-inset-bottom));z-index:var(--z-game-float,30);max-width:min(420px,calc(100vw - 28px));display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--sdr-color-border-gold);border-radius:16px;padding:10px;color:var(--sdr-color-text-main);background:color-mix(in srgb,var(--sdr-color-bg-deep) 88%,transparent);box-shadow:var(--sdr-shadow-soft,0 10px 24px rgba(0,0,0,.22))}.tutorial-overlay-hint div{min-width:0;display:grid;gap:2px}.tutorial-overlay-hint span{color:var(--sdr-color-text-soft);font-size:13px}.tutorial-page-shell{min-height:100dvh;display:grid;gap:clamp(18px,3vw,28px);padding:clamp(18px,4vw,56px);color:var(--sdr-color-text-main);background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--sdr-color-primary) 16%,transparent),transparent 28%),linear-gradient(135deg,var(--sdr-color-bg-deep),var(--sdr-color-bg-blue))}.tutorial-page-card,.tutorial-page-hero,.tutorial-page-source{border:1px solid color-mix(in srgb,var(--sdr-color-border-gold) 58%,transparent);border-radius:22px;background:color-mix(in srgb,var(--sdr-color-bg-deep) 68%,transparent);box-shadow:var(--sdr-shadow-soft,0 12px 32px rgba(0,0,0,.24))}.tutorial-page-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:clamp(18px,3vw,32px)}.tutorial-page-hero h1{margin:6px 0;font-size:clamp(34px,6vw,64px)}.tutorial-page-hero p,.tutorial-page-source p{max-width:760px;margin:0;color:var(--sdr-color-text-soft);line-height:1.7}.tutorial-page-source{display:grid;gap:12px;padding:clamp(16px,2.4vw,24px)}.tutorial-page-foot ul,.tutorial-page-source ul{margin:0;padding-left:18px}.tutorial-page-foot li,.tutorial-page-source li{color:var(--sdr-color-text-soft);line-height:1.7}.tutorial-page-source code{color:var(--sdr-color-primary-strong);white-space:normal}.tutorial-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(14px,2vw,20px)}.tutorial-page-card{position:relative;display:grid;gap:14px;padding:clamp(16px,2.4vw,24px);overflow:hidden}.tutorial-page-step-no{position:absolute;top:14px;right:16px;color:color-mix(in srgb,var(--sdr-color-primary) 42%,transparent);font-size:42px;font-weight:900;line-height:1}.tutorial-page-card-copy{display:grid;gap:8px;padding-right:46px}.tutorial-page-card-copy small{width:-moz-fit-content;width:fit-content;border:1px solid color-mix(in srgb,var(--sdr-color-primary) 38%,transparent);border-radius:999px;padding:4px 10px;color:var(--sdr-color-primary-strong);background:color-mix(in srgb,var(--sdr-color-primary) 12%,transparent)}.tutorial-page-card h2{margin:0;font-size:clamp(21px,2.6vw,30px)}.tutorial-page-card p{margin:0;color:var(--sdr-color-text-soft);line-height:1.75}.tutorial-page-card .tutorial-step-short{color:var(--sdr-color-text-main)}.tutorial-page-foot{display:grid;gap:8px;border-top:1px solid color-mix(in srgb,var(--sdr-color-text-main) 12%,transparent);padding-top:12px}@media (max-width:720px){.tutorial-page-shell{padding:14px 14px calc(18px + env(safe-area-inset-bottom))}.tutorial-page-hero{align-items:stretch;flex-direction:column}.tutorial-modal{max-height:92dvh;border-radius:18px}.tutorial-modal.mode-full .tutorial-modal-body{grid-template-columns:1fr}.tutorial-chapter-list{flex-direction:row;overflow-x:auto;padding:0 0 4px}.tutorial-chapter-list button{min-width:148px}.tutorial-step-meta{grid-template-columns:1fr}.tutorial-modal-actions{align-items:stretch;flex-wrap:wrap}.tutorial-modal-actions>.game-btn,.tutorial-nav-actions{flex:1 1 auto}.tutorial-nav-actions{justify-content:flex-end}}@media (max-width:960px) and (orientation:landscape){.tutorial-backdrop.context-game{align-items:start;padding-top:10px}.tutorial-backdrop.context-game .tutorial-modal{max-height:calc(100dvh - 20px)}.tutorial-overlay-hint{left:max(10px,env(safe-area-inset-left));bottom:auto;top:calc(var(--hud-h, 44px) + 14px + env(safe-area-inset-top));max-width:min(260px,30vw);grid-template-columns:minmax(0,1fr) auto;padding:7px;pointer-events:none}.tutorial-overlay-hint span{display:none}.tutorial-overlay-close,.tutorial-overlay-hint .game-btn{pointer-events:auto}}