.art-icon{width:36px;height:36px;object-fit:contain;flex:none;vertical-align:middle;filter:drop-shadow(0 2px 3px #061f2466)}.cult-toolbar{display:flex;gap:8px;align-items:center;margin-left:auto}.cult-toolbar button{position:relative;display:flex;align-items:center;gap:5px;padding:6px 10px;font-size:13px;white-space:nowrap}.cult-toolbar .art-icon{width:30px;height:30px}.notification-dot{position:absolute;right:0;top:-3px;min-width:18px;height:18px;border:1px solid #ffdba4;border-radius:20px;background:#bc343e;color:#fff;text-align:center;font:11px/17px sans-serif;box-shadow:0 2px 5px #0006}.notification-dot[hidden]{display:none}.cult-dialog{width:min(850px,calc(100vw - 28px));max-height:88dvh;padding:0;border:1px solid #ccb579;border-radius:20px;background:linear-gradient(145deg,#315b4f,#103b35 60%);color:#ecedce;box-shadow:0 25px 90px #0009}.cult-dialog::backdrop{background:#031b2499;backdrop-filter:blur(5px)}.cult-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:#173e36;border-bottom:1px solid #b69f6366}.cult-head h2{font-size:24px;margin:0;color:#f4d99a}.cult-head button{padding:8px 14px}.cult-body{padding:22px;overflow-x:hidden}.cult-body p{line-height:1.75}.cult-body h3,.cult-body h4{color:#f0d697;margin:8px 0}.cult-body form{display:grid;gap:12px;margin:18px 0}.cult-body label{display:grid;gap:8px}.cult-body input:not([type=checkbox]):not([type=range]),.cult-body select,.cult-body textarea{width:100%;box-sizing:border-box;min-width:0;padding:12px;border:1px solid #af9d6688;border-radius:9px;background:#10332e;color:#f2e8c9;font:inherit}.cult-body details{padding:12px 0;border-top:1px solid #a8996955}.cult-body summary{cursor:pointer;color:#ebd59b}.cult-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.cult-tabs button{padding:9px 14px}.quest-card{display:flex;align-items:center;gap:14px;border:1px solid #bda77366;background:#11372e88;border-radius:14px;padding:16px;margin:12px 0}.quest-card>.art-icon{width:66px;height:66px}.quest-card>div{flex:1;min-width:0}.quest-card p{margin:5px 0}.quest-card h3{font-size:17px}.quest-card progress{height:10px;width:100%;accent-color:#d6c17e}.quest-card small{display:block;color:#bcd1c2;font-size:12px}.quest-card.claimed{opacity:.62}.quest-card>button{padding:10px;flex:none}.cult-footer{padding:15px 0}.cult-footer p,.cult-note{font-size:13px;color:#bdd0c1}.weekly-showcase{display:flex;gap:20px;align-items:center;padding:18px;border-radius:14px;background:radial-gradient(ellipse at 25% 20%,#d5c78633,transparent 70%),#21493c;border:1px solid #baa474}.weekly-showcase .costume-preview{width:170px;flex:none}.weekly-showcase p{font-size:13px}.costume-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.costume-card{padding:18px;text-align:center;border:1px solid #cbb17166;border-radius:16px;background:#123c3288}.costume-card p{font-size:13px}.costume-card h3{font-size:18px}.costume-state{display:block;margin:10px 0;color:#a9d2b5;font-size:13px}.costume-preview{display:grid;grid-template-columns:repeat(2,54px);gap:12px;justify-content:center;align-content:center;min-height:145px;padding:10px}.sample-stone{display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;line-height:1;letter-spacing:0;text-indent:0;width:54px;height:54px;border-radius:50%;box-shadow:inset 0 2px 5px #fff5,inset 0 -6px 8px #001d3188,0 5px 6px #001a2288;background:radial-gradient(circle at 30% 25%,#72b8a1,#1c5744 62%,#082b2c);border:2px solid #acbb80;color:#eddeb0;font-size:32px}.sample-stone.side-2{background:radial-gradient(circle at 30% 25%,#fffbea,#c2d7c8 62%,#8faaa0);color:#19483d}.series-gold .sample-stone{border:3px double #f6d68a;box-shadow:inset 0 0 0 3px #9e742255,inset 0 2px 4px #fff9,0 5px 6px #001a2288}.series-gold .side-1{background:radial-gradient(circle at 30% 20%,#b1593a,#541e29 70%);color:#ffdda6}.series-gold .side-2{background:radial-gradient(circle at 30% 20%,#fff1cb,#d0ab62 70%);color:#432824}.group-chess .sample-stone{border-radius:14px 14px 8px 8px;font-size:43px}.group-xiangqi .sample-stone{font-family:serif}.group-checkers .color-0{background:radial-gradient(circle at 30% 20%,#b9e9ff,#2674a0 70%)}.group-checkers .color-1{background:radial-gradient(circle at 30% 20%,#bbf3bc,#2b8158 70%)}.group-checkers .color-2{background:radial-gradient(circle at 30% 20%,#ffd0b7,#af4548 70%)}.costume-detail{text-align:center;padding:20px;border:1px solid #dec486;border-radius:14px;margin:20px 0;background:#244c3f}.costume-detail .costume-preview{transform:scale(1.1)}.frame-preview{display:grid;place-items:center;min-height:165px}.frame-preview>.profile-avatar{width:100px;height:100px;border:6px double #e9c87d;box-shadow:0 0 0 4px #709f8e,0 6px 16px #0008;border-radius:50%}.frame-preview.bond-frame>.profile-avatar{border-color:#f3c3ae;box-shadow:0 0 0 4px #82beb1,0 0 18px #e3b48677}.choice-banner{border-left:3px solid #e1c776;padding:10px 14px;background:#c2b87d1a}.account-label,.bond-hero{display:flex;gap:16px;align-items:center}.account-label>.art-icon,.bond-hero>.art-icon{width:78px;height:78px}.setting-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.setting-row input[type=range]{width:45%;accent-color:#d2be7f}.setting-row output{width:45px;text-align:right}.setting-row input[type=checkbox]{width:21px;height:21px;accent-color:#cabb77}.settings-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.settings-links button{display:flex;align-items:center;gap:10px}.spirit-heading{display:flex;align-items:center;justify-content:space-between}.spirit-log{max-height:310px;overflow:auto;padding:10px;background:#082e2b99;border-radius:12px;margin:12px 0}.spirit-message{max-width:85%;margin:8px 0;padding:12px;border-radius:12px;background:#386453;color:#f0ebd0;overflow-wrap:anywhere}.spirit-message.mine{margin-left:auto;background:#566542}.spirit-message small{color:#c7d6c1;font-size:11px}.spirit-message p{margin:8px 0;white-space:pre-wrap}.spirit-message button{padding:2px 5px;font-size:11px}.gift-hero{text-align:center}.gift-hero .art-icon{width:110px;height:110px}.cult-toast{position:fixed;z-index:10020;bottom:80px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);width:max-content;box-sizing:border-box;background:#164c3f;color:#f7e5b4;border:1px solid #d4bd80;border-radius:12px;padding:14px 20px;box-shadow:0 10px 35px #0007;pointer-events:none}.cult-toast.error{background:#653c39}.support-reply{border-left:3px solid #d3bd79;padding-left:12px}.relic-flash{position:fixed;z-index:9000;left:50%;top:43%;transform:translate(-50%,-50%);width:min(330px,80vw);pointer-events:none;text-align:center;animation:flash-in 1.25s both}.relic-flash[hidden],.relic-status-strip[hidden]{display:none}.flash-art{height:145px;position:relative;display:grid;place-items:center}.flash-art .art-icon{width:150px;height:150px;filter:drop-shadow(0 0 20px #eac877)}.flash-attack{animation:cast-fly 1.2s both}.flash-shield{position:absolute;inset:0;margin:auto;animation:shield-in 1.2s both}.blocked .flash-attack{animation:blocked-cast 1.2s both}.flash-caption{background:#092f2eed;border:1px solid #d9ba76;border-radius:12px;padding:12px;box-shadow:0 8px 30px #0006}.flash-caption strong,.flash-caption span{display:block;color:#ffe6a7;font-size:16px}.flash-caption span{font-size:13px;margin-top:6px;color:#daeddb}.relic-status-strip{position:fixed;z-index:8900;top:13px;left:50%;transform:translateX(-50%);max-width:82vw;padding:8px 16px;background:#082e2fea;border:1px solid #d3b977;border-radius:20px;color:#f3dfab;font-size:13px;pointer-events:none}.reduce-effects .relic-flash{animation:none}.reduce-effects .flash-art{display:none}.reduce-effects .room-card,.reduce-effects .art-icon{transition:none!important;animation:none!important}.mini-relic-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.relic-slot{border:1px solid #b9a66a;border-radius:12px;background:#103c33;padding:10px;display:grid;gap:6px;min-width:0}.relic-slot .art-icon{width:46px;height:46px;margin:auto}.relic-slot span{font-size:12px;color:#e8d297;text-align:center}.relic-slot select{font-size:13px;min-width:0;width:100%;padding:8px}.loadout-account{font-size:13px;color:#c6dbc4}.auto-intro{text-align:center;padding:16px}.auto-intro .intro-players{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.intro-players .profile-avatar{width:66px;height:66px;margin:auto}.intro-player{min-width:80px}.countdown-number{font-size:64px;color:#f5d887;font-weight:bold;font-variant-numeric:tabular-nums}.intro-note{color:#c5ddc8;font-size:13px}.wallet .art-icon,#wallet .art-icon{width:29px;height:29px}.shop-envelope .art-icon{width:94px;height:94px}.relic-card>.art-icon{width:95px;height:110px}.relic-section-heading>.art-icon{width:58px;height:62px}.fragment-symbol>.art-icon{width:60px;height:60px}.nav-art{width:25px;height:25px;margin-right:6px}.game-board .token.skin-gold{outline:1px solid #f6d593;box-shadow:inset 0 0 0 2px #d7b873,0 2px 3px #26190788}.game-board.xiangqi .token.skin-jade{background:radial-gradient(circle at 25% 20%,#ecf6c9,#b5cdb4 65%,#789d8a);border:3px double #d5c28a}.game-board.xiangqi .token.skin-gold{background:radial-gradient(circle at 25% 20%,#fff3c5,#d8b875 65%,#956937);border:3px double #f2dba4}.game-board.chess .token.skin-jade{background:linear-gradient(140deg,#699f88,#153f35);border-radius:25%;box-shadow:inset 0 0 0 1px #c4d9b5,0 3px 3px #05211888;text-shadow:0 2px 2px #001d20}.game-board.chess .token.skin-jade.p1{color:#f3f5d9}.game-board.chess .token.skin-jade.p2{background:#b3cbb9;color:#133d39;text-shadow:0 1px 0 #e3f5d6}.game-board.chess .token.skin-gold{background:linear-gradient(130deg,#806029,#322a20);border-radius:25%;color:#ffe0a0}.game-board.chess .token.skin-gold.p2{background:#dcc492;color:#34281f}.game-board.checkers .token.skin-jade{border:2px solid #c6e1ca;filter:saturate(1.15)}.game-board.checkers .token.skin-gold{border:3px double #f5db99}.game-board:is(.go,.gomoku,.reversi) .token.skin-gold.p1,.skin-round-gold-black .cell .stone.black{background:radial-gradient(circle at 28% 25%,#7c5861,#34212d 60%,#170f20);border:2px solid #d3b56c}.game-board:is(.go,.gomoku,.reversi) .token.skin-gold.p2,.skin-round-gold-white .cell .stone.white{background:radial-gradient(circle at 28% 25%,#fff8d5,#d7c394 60%,#9c885b);border:2px solid #d3b56c}.profile-avatar[data-frame="bond-frame"]{border:4px double #efcbb4!important;box-shadow:0 0 0 3px #71ad9a,0 0 15px #e1b48988!important}.profile-avatar[data-frame="weekly-frame"]{border:4px double #e4c270!important;box-shadow:0 0 0 3px #426d60,0 0 12px #c4b56a55!important}@keyframes flash-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(.96)}}@keyframes cast-fly{0%{transform:scale(.55) rotate(-15deg)}35%{transform:scale(1.08) rotate(3deg)}65%,100%{transform:scale(1)}}@keyframes shield-in{0%,30%{opacity:0;transform:scale(.3)}55%,85%{opacity:1;transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}@keyframes blocked-cast{0%{transform:scale(.6)}30%{opacity:1;transform:scale(1)}55%,100%{opacity:0;transform:scale(.3) rotate(-30deg)}}@media(max-width:740px){.cult-toolbar{gap:5px}.cult-toolbar button{padding:5px}.cult-toolbar button>span{display:none}.cult-toolbar .art-icon{width:29px;height:29px}.cult-dialog{width:calc(100vw - 20px);max-height:90dvh}.cult-head{padding:12px 14px}.cult-head h2{font-size:21px}.cult-body{padding:14px}.cult-tabs{gap:6px}.cult-tabs button{font-size:12px;padding:8px}.weekly-showcase{gap:8px;padding:10px}.weekly-showcase .costume-preview{width:105px;grid-template-columns:repeat(2,36px);gap:8px;min-height:100px}.weekly-showcase .sample-stone{width:36px;height:36px;font-size:25px}.weekly-showcase h3{font-size:16px}.weekly-showcase p{font-size:12px}.quest-card{flex-wrap:wrap;gap:10px;padding:12px}.quest-card>.art-icon{width:48px;height:48px}.quest-card>button{margin-left:auto}.quest-card h3{font-size:15px}.quest-card small{font-size:11px}.costume-grid{gap:10px}.costume-card{padding:12px 7px}.costume-card h3{font-size:15px}.costume-card p{font-size:12px}.costume-preview{grid-template-columns:repeat(2,42px);gap:8px;min-height:125px}.sample-stone{width:42px;height:42px;font-size:27px}.group-chess .sample-stone{font-size:34px}.costume-card button{font-size:12px;padding:9px}.setting-row{font-size:14px;gap:8px}.settings-links button{font-size:13px;padding:10px}.settings-links .art-icon{width:30px;height:30px}.account-label>.art-icon,.bond-hero>.art-icon{width:60px;height:60px}.mini-relic-slots{gap:6px}.relic-slot{padding:6px}.relic-slot .art-icon{width:37px;height:40px}.relic-slot select{font-size:11px;padding:5px}.relic-status-strip{top:4px;font-size:11px;max-width:90vw}.relic-flash{top:42%;width:270px}.flash-art{height:110px}.flash-art .art-icon{width:110px;height:110px}.flash-caption strong{font-size:14px}.flash-caption span{font-size:12px}.game-toolbar{display:none!important}#wallet .art-icon{width:22px;height:22px}.relic-card>.art-icon{width:80px;height:86px}.nav-art{width:22px;height:22px}.cult-toast{bottom:85px;font-size:13px}}@media(prefers-reduced-motion:reduce){.relic-flash,.flash-art .art-icon{animation:none!important}.flash-art{display:none}}

.match-intro-overlay{position:fixed;inset:0;z-index:10010;display:grid;place-items:center;background:#082d35bb;backdrop-filter:blur(5px)}.match-intro-overlay[hidden]{display:none}.match-intro-overlay .auto-intro{width:min(580px,calc(100vw - 28px));box-sizing:border-box;border:1px solid #d7bd83;border-radius:22px;background:radial-gradient(ellipse at top,#50745b,#153e35 75%);color:#f0dbb0;box-shadow:0 20px 90px #0009}.intro-player p{font-size:12px}.relic-icon:has(.art-icon){border:0!important;background:none!important;box-shadow:none!important;transform:none!important;display:inline-grid;place-items:center}.relic-icon .art-icon{width:100%;height:100%}.relic-card .relic-icon{width:110px;height:116px}.shop-mail-art{width:110px;height:110px}.shop-jade-art{width:62px;height:62px}.phone-hub-nav .art-icon{width:29px;height:29px}.hub-nav .art-icon{width:28px;height:28px}.daily-heading h2 .art-icon{width:45px;height:45px}.seat-disc[data-frame="bond-frame"]{outline:3px double #f3c7b4;box-shadow:0 0 0 3px #71ad9a}.seat-disc[data-frame="weekly-frame"]{outline:3px double #e7c278;box-shadow:0 0 0 3px #446a55}.cult-dialog .cult-toast{position:sticky;left:auto;bottom:0;transform:none;margin:10px auto;max-width:95%}.phone-powers .art-icon{width:29px;height:32px}@media(max-width:460px){.mini-relic-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.relic-card .relic-icon{width:87px;height:100px}.intro-player{min-width:70px;max-width:110px}.cult-toolbar button:nth-child(2)>span{display:none}.cult-body .quest-card .primary{min-height:40px}}
.relic-icon:has(.art-icon){filter:none}.arena-power .symbol .art-icon,.power .power-icon .art-icon{width:40px;height:44px}.hub-nav a{display:inline-flex;align-items:center;gap:4px}.phone-hub-nav a{display:flex}.phone-hub header>.brand{min-width:0}.profile-avatar[data-frame]::after{pointer-events:none}
.cult-confirm{max-width:450px}.cult-confirm .cult-body{display:grid;gap:12px}@media(max-width:740px){#wallet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}#wallet a{display:flex;align-items:center;justify-content:center;min-width:0;padding:5px 7px}.cult-toolbar{flex-shrink:0}header .preview-badge{display:none}}
/* Resource amounts share the same artwork across pools, wallets and matches. */
.resource-amount,.pool-pair strong>.resource-amount{display:inline-flex;align-items:center;gap:.22em;max-width:100%;vertical-align:middle;font:inherit;color:inherit;line-height:1.3;white-space:nowrap}
.resource-amount>.resource-value,.pool-pair .resource-amount>.resource-value{display:inline;min-width:0;font:inherit;color:inherit;line-height:inherit}
.resource-amount>.resource-icon{width:1.3em;height:1.3em;min-width:18px;min-height:18px;max-width:42px;max-height:42px;object-fit:contain;margin:0;flex:none}
.resource-wallet{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px}
.title-emblem.cultivation-rank{display:inline-flex;position:relative;align-items:center;justify-content:center;width:76px;height:76px}
.cultivation-rank .title-rank-art{width:72px;height:72px}
.title-emblem.cultivation-rank b{position:absolute;right:-3px;bottom:0;display:grid;place-items:center;min-width:25px;height:25px;padding:0 4px;border:1px solid #d5b875;border-radius:50%;background:#173d38;color:#f6dda1;font-size:14px}


/* Sound preferences and the shared, immediate reduced-motion override. */
.sound-studio{margin:16px 0 22px;padding:20px;border:1px solid #cfb67566;border-radius:16px;background:linear-gradient(130deg,#456d533b,#092c2b80)}
.sound-score{display:flex;align-items:center;gap:14px;margin:0 0 22px}.sound-score>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid #cbb37477;border-radius:50%;font-size:25px;color:#efd998;background:#173d34}.sound-score strong{font:23px var(--display);color:#f0d99d}.sound-score small{display:block;margin-top:5px;color:#bcd1c2;font-size:12px}
.sound-preview-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}.sound-preview-actions button{padding:10px 6px;font-size:13px;min-height:42px;white-space:nowrap}
.sound-studio #audio-preview-status{margin:15px 0 0;min-height:2.5em}.haptic-test{display:flex;align-items:center;gap:14px;margin:8px 0 14px}.haptic-test small{line-height:1.65;color:#bdd0c1}.haptic-test button{flex:none;padding:9px 12px;font-size:13px}.haptic-test button:disabled{opacity:.45}
@media(max-width:560px){.sound-studio{padding:16px 12px}.sound-studio .setting-row{display:grid!important;grid-template-columns:1fr auto;gap:10px;margin:16px 0}.sound-studio .setting-row input[type=range]{grid-column:1/-1;grid-row:2;width:100%;margin:0}.sound-studio .setting-row output{grid-column:2;grid-row:1;min-width:38px;text-align:right}.sound-preview-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.haptic-test{align-items:flex-start}}
html.reduce-effects,html.reduce-effects *,html.reduce-effects *::before,html.reduce-effects *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.reduce-effects .season-sparks,html.reduce-effects .beast-sword,html.reduce-effects .beast-impact,html.reduce-effects .flash-art{display:none!important}
html.reduce-effects .beast-cinematic-result{opacity:1!important;transform:none!important}

/* Confirmation dialogs own their layout on both lobby and board pages. */
.cult-dialog.cult-confirm{box-sizing:border-box;max-width:420px}.cult-confirm .cult-head{padding:18px 20px}.cult-confirm .cult-head h2{font-size:21px;line-height:1.4}.cult-confirm .cult-body{display:grid;gap:24px;padding:20px}.cult-confirm .cult-confirm-message{margin:0;line-height:1.75;overflow-wrap:anywhere}.cult-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.cult-confirm-actions>button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;min-height:48px;margin:0;padding:12px 8px;font-size:16px;line-height:1.4;white-space:normal}.cult-confirm-title:focus{outline:none}.cult-confirm-actions>button:focus-visible{outline:2px solid #f9da8b;outline-offset:3px}

/* Anchor the support badge to its own settings button, including mobile dialogs. */
.settings-links button{position:relative;padding-right:28px}
.settings-links .notification-dot{right:5px;top:5px}
.support-unread-label{color:#ffb4a8;font-size:13px;white-space:nowrap}
.support-update-notice{padding:10px 12px;border:1px solid #cfbd79;border-radius:9px;color:#f4dda0;background:#254c3c}
