:root{--purple:#7660d5;--purple-dark:#6048bd;--lavender:#eee9fc;--ink:#302d47;--muted:#77758a;--line:#eae7f2;--green:#278a73;--bg:#f7f6fb;--radius:18px}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px 22px;z-index:100}.skip-link:focus{top:10px}
.game-app{font-size:14px}.game-app .sidebar{width:224px;padding:28px 18px 20px;background:#fff}.game-app .app-shell{margin-left:224px}.game-app .brand{font-size:21px;gap:9px}.game-app .brand-mark{background:#7a66d8;color:#fff;width:37px;height:39px;box-shadow:0 4px 0 #e2daf8;transform:rotate(-4deg)}.brand-mark .icon{width:25px;height:25px}.game-app .brand-light{font-weight:800;color:var(--ink)}.game-app .brand small{font-size:6.5px;letter-spacing:1.1px;color:#9b92b4;margin-top:6px}.game-app .workspace-label{display:flex;justify-content:space-between;align-items:center;margin:39px 14px 16px;font-size:9px;letter-spacing:1.3px;color:#9b95ad}.live-dot{display:inline-block;width:6px;height:6px;background:#68bfa2;border-radius:50%;box-shadow:0 0 0 3px #68bfa213;flex-shrink:0}.game-app .nav-item{font-size:12px;padding:12px 14px;gap:13px;color:#868098;margin-bottom:4px;min-height:44px;border-radius:11px}.game-app .nav-item.active{background:#eee9fc;color:#7258ca}.game-app .nav-item.active .icon{stroke-width:2}.nav-indicator{margin-left:auto;width:5px;height:5px;background:#8f74df;border-radius:50%}.game-app .sidebar-note{margin:26px 4px 0;background:#f7f4fc;padding:19px 15px;border:none}.game-app .sidebar-note strong{font-size:15px;line-height:1.6}.game-app .sidebar-note p{font-size:11px;line-height:1.7}.game-app .sidebar-note .text-link{font-size:10px}.game-app .mini-icon{background:#eee6fb}.game-app .sidebar-user{margin-top:24px;font-size:10px}.game-app .topbar{height:76px;padding:0 32px;background:#ffffffc9}.game-app .breadcrumb{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:10px}.game-app .breadcrumb>span:not(.live-dot){margin:0 5px}.game-app .breadcrumb strong{font-size:11px;letter-spacing:0}.game-app .topbar-right{gap:16px;margin-left:auto}.game-app main{padding:29px 32px 20px;max-width:1500px}.game-app h1{font-size:27px;letter-spacing:-1.1px}.game-app .page-heading{margin-bottom:25px}.game-app .page-heading p{font-size:12px}.game-app .page-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:8px}.game-app .button{border-radius:10px;min-height:41px;font-weight:700;box-shadow:0 3px 0 #4b2f9912;transition:transform .18s,background .18s}.game-app .button:hover{transform:translateY(-1px)}.game-app .button:active{transform:translateY(1px)}.game-app .button.secondary{box-shadow:none;border-color:#e6def5;background:#faf8fe}.game-app .card{box-shadow:0 3px 8px #2e185003}.game-app .card-header{margin-bottom:17px}.game-app .alert{font-size:12px}.game-app .program-select{padding:2px 11px;border-radius:10px}.game-app .page-footer{margin-top:30px;font-size:9px}.game-app .form-card{max-width:850px}.game-app .details>summary strong{font-size:13px}.game-app .details-body p{font-size:13px}.game-app input:focus-visible,.game-app select:focus-visible,.game-app textarea:focus-visible{outline:3px solid #bbabef;outline-offset:1px}.game-app .field-hint{color:#78728c}.mini-eyebrow{display:block;font-size:8px;font-weight:800;letter-spacing:1.3px;color:#a295b7;margin-bottom:8px}
.level-chip,.coin-chip,.xp-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:800;border-radius:9px;padding:8px 11px;background:#efeafa;color:#7860bd}.coin-chip{background:#fff7e2;color:#ab7a25}.coin-chip .icon{width:18px;height:18px}.level-chip .icon{width:15px;height:15px}.coin-chip.large{font-size:18px;gap:8px;padding:14px 19px}.coin-chip.large>span{font-size:11px;font-weight:600}.coin-chip.large .icon{width:25px;height:25px}.xp-chip{padding:7px 10px}.adventure-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.adventure-main,.adventure-rail{display:flex;flex-direction:column;gap:21px}.adventure-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e9e2fa;border:1px solid #e2d9f6;border-radius:20px;padding:28px 20px 24px 30px;overflow:hidden;min-height:310px}.adventure-hero:before{content:'';position:absolute;width:420px;height:420px;border:1px solid #fff9;right:-150px;top:-120px;border-radius:50%;box-shadow:0 0 0 45px #ffffff17,0 0 0 90px #ffffff0e}.hero-copy{position:relative;z-index:1;min-width:0}.season-label{font-size:8px;font-weight:800;letter-spacing:1.2px;display:flex;align-items:center;gap:7px;color:#8c73b7}.hero-copy h2{font-size:38px;line-height:1.23;letter-spacing:-1.8px;margin:16px 0 12px;color:#3f325d}.hero-copy h2 span{color:#8062bd}.hero-copy p{font-size:11px;line-height:1.8;color:#8a799f;margin-bottom:20px}.hero-copy .button{font-size:11px;padding:12px 16px;background:#7b61ca}.hero-copy .button .icon{width:15px}.hero-footnote{font-size:8px;color:#9b8bae;display:flex;align-items:center;gap:6px;margin-top:13px}.hero-footnote .icon{width:12px;height:12px}.hero-character{position:relative;z-index:1;width:218px;flex-shrink:0;align-self:flex-end;margin-right:3px;text-align:center}.character{display:block;width:100%;height:auto;overflow:visible}.hero-character .character{margin-top:15px}.character-name{position:relative;margin-top:-18px;display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #ddd2f5;border-radius:20px;padding:5px 12px 5px 6px;box-shadow:0 5px 12px #65499810;font-size:11px;font-weight:800}.character-name>.icon{color:#b3a3cf;width:13px;height:13px}.level-badge{display:grid;place-items:center;width:22px;height:22px;background:#8770d7;color:white;border-radius:50%;font-size:10px}.floating-reward{position:absolute;top:16px;right:0;z-index:3;display:flex;align-items:center;gap:5px;padding:9px 13px;background:#fff9e7;border:1px solid #f5ddb2;border-radius:10px;color:#c4923e;font-size:12px;font-weight:800;transform:rotate(8deg);box-shadow:0 6px 0 #d6c3eb40;animation:reward-float 5s ease-in-out infinite}.floating-reward .icon{width:17px;height:17px}.hero-doodle{position:absolute;color:#b7a4df;font-size:29px;pointer-events:none}.doodle-one{right:34px;bottom:60px}.doodle-two{right:245px;top:92px;font-size:22px}.character-body{animation:character-breathe 4s ease-in-out infinite;transform-origin:120px 250px}.character-eyes{animation:character-blink 5s infinite;transform-origin:120px 107px}.character-wave{animation:character-wave 7s ease-in-out infinite;transform-origin:153px 151px}.item-character .character-body,.mini-character .character-body,.mini-character .character-wave,.item-character .character-wave,.mini-character .character-eyes,.item-character .character-eyes{animation:none}
.game-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-stat{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:white;padding:17px 13px}.stat-symbol{display:grid;place-items:center;flex-shrink:0;width:37px;height:40px;border-radius:11px}.stat-symbol .icon{width:20px;height:20px}.mint{background:#e5f5ee;color:#54a58a}.peach{background:#fff0e3;color:#d7a268}.lilac{background:#efeafa;color:#9a7fce}.game-stat small{font-size:7px;font-weight:800;letter-spacing:1px;color:#a59aac;display:block;margin-bottom:5px}.game-stat strong{display:block;font:800 23px Manrope,sans-serif;line-height:1.1}.game-stat strong span{font:600 11px 'DM Sans',sans-serif;color:#a89daf;letter-spacing:0}.game-stat p{font-size:8px;color:#a49aaf;margin:6px 0 0}.daily-quest{display:flex;align-items:center;gap:14px;border:1px solid #d9ede4;border-radius:14px;padding:19px;background:#edf7f1}.daily-icon{display:grid;place-items:center;background:#d9eee3;border:1px solid #cbe5d8;border-radius:12px;width:43px;height:46px;color:#62a083;flex-shrink:0}.daily-quest .mini-eyebrow{color:#87a592;font-size:7px;letter-spacing:1px;margin-bottom:6px}.daily-quest h3{font-size:12px;margin-bottom:5px;color:#51755f}.daily-quest p{font-size:9px;color:#8aa08f;margin:0}.daily-action{margin-left:auto;display:grid;grid-template-columns:1fr auto;gap:4px 12px;color:#5a8970;white-space:nowrap;font-size:11px;font-weight:800}.daily-action span{grid-column:1;font-size:8px;font-weight:600;color:#8aab94}.daily-action .icon{grid-column:2;grid-row:1/3;width:17px;align-self:center}.quest-section{padding:23px}.quest-section h2{font-size:17px;display:flex;align-items:center;gap:8px}.count-tag{padding:4px 6px;border-radius:6px;background:#f4f1f8;font-size:10px;color:#a897bc}.quest-section .card-header .text-link{font-size:9px}.quest-goal{display:flex;gap:13px;align-items:center;background:#f8f6fc;border:1px solid #efebf6;border-radius:10px;padding:15px;margin-bottom:8px}.goal-icon{color:#ac98cc}.goal-icon .icon{width:18px}.quest-goal small{font-size:7px;font-weight:800;letter-spacing:1px;color:#a397b3}.quest-goal p{font-size:11px;color:#776988;line-height:1.6;margin:5px 0 0}.game-quest-row{display:flex;align-items:center;gap:13px;padding:17px 1px;border-bottom:1px solid #f2eef7}.game-quest-row:hover h3{color:var(--purple)}.quest-status{display:grid;place-items:center;flex-shrink:0;width:34px;height:36px;border-radius:10px;color:#aa94ca;background:#f2ecfb}.quest-status .icon{width:17px;height:17px}.quest-status.complete{color:#7cad90;background:#eaf6ee}.quest-row-name{flex:1;min-width:0}.quest-row-name h3{font-size:11px;font-weight:700;margin:0 0 6px;line-height:1.5}.quest-row-name p{font-size:9px;color:#a49bac;margin:0}.quest-points{font-size:11px;color:#9970c8;font-weight:800;white-space:nowrap}.quest-points small{font-size:8px}.quest-points.earned{color:#88ae95}.game-quest-row>.icon{width:13px;color:#b7a8c8}.quest-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:11px;padding-top:17px;font-size:9px;color:#a395b1}.quest-footer strong{color:#85ad94}.quest-footer .meter{width:100%;height:5px}.quest-reward{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}.quest-reward>small{font-size:10px;color:#847c92}.shop-banner{display:flex;align-items:center;gap:15px;background:#fff6e7;border:1px solid #f4e7d2;border-radius:15px;padding:22px}.shop-banner-icon{color:#c5a164;display:grid;place-items:center;background:#f8e7c8;width:43px;height:45px;border-radius:12px;flex-shrink:0}.shop-banner .mini-eyebrow{font-size:7px;color:#c0a171}.shop-banner h3{font-size:13px;margin-bottom:5px;color:#89704c}.shop-banner p{font-size:9px;margin:0;color:#b5a088}.shop-banner .button{margin-left:auto;font-size:9px;padding:8px 11px;min-height:35px;background:#fffcf6;border-color:#f0e0c3;color:#b7955c}.shop-banner .button .icon{width:13px}.adventure-rail .card{padding:22px 20px}.adventure-rail h3{font-size:13px}.player-progress .card-header{margin-bottom:18px}.player-progress .level-chip{font-size:8px;border-radius:5px;padding:5px 7px}.xp-total{display:flex;align-items:baseline;font:800 30px Manrope,sans-serif;gap:7px;letter-spacing:-1px;margin-bottom:22px}.xp-total small{font:700 8px 'DM Sans',sans-serif;color:#a39ab1;letter-spacing:1px}.xp-total>.icon{margin-left:auto;align-self:center;color:#b3a0d4;width:23px}.player-progress .progress-label{font-size:9px;color:#a096af}.player-progress .progress-label strong{font-size:9px;color:#9680bd}.player-progress p{font-size:10px;color:#a99bb4;line-height:1.9;margin:14px 0}.player-progress p strong{color:#9377b6;font-weight:600}.player-progress .text-link{font-size:9px}.player-progress .meter{height:7px;background:#f0eaf7}.player-progress .meter span{background:#a48ad9}.lobby-leaders .mini-eyebrow{font-size:6px;letter-spacing:1px}.lobby-leaders h3{font-size:13px}.trophy-accent{color:#dcb66f}.rank-number{font:800 11px Manrope,sans-serif;color:#afa3bd;min-width:20px}.rank-1{color:#cba452}.rank-2{color:#9da7bd}.rank-3{color:#c4997c}.mini-leader{display:flex;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #f3eff8}.mini-character{width:43px;height:47px;object-fit:contain;flex-shrink:0}.mini-leader strong{font-size:11px}.mini-leader small{display:block;font-size:8px;color:#aea1bb;margin-top:4px}.mini-leader>b{margin-left:auto;font-size:11px;color:#9d83bd;white-space:nowrap}.mini-leader>b small{display:inline;font-weight:500}.your-rank{display:flex;justify-content:space-between;gap:8px;margin:14px 0;padding:11px 9px;background:#f5f0fd;border-radius:7px;font-size:9px;color:#a085c1}.your-rank .icon{width:13px;height:13px}.lobby-leaders .button{font-size:9px;min-height:36px}.lobby-leaders .button .icon{width:14px}.support-card .person-row{gap:9px;padding:14px 0}.support-card .person-row strong{font-size:10px}.support-card .person-row small{font-size:9px}.support-card .avatar{width:33px;height:33px;font-size:11px}.support-card .icon-button{width:29px;height:29px;margin-left:auto;border-radius:8px}.support-card .icon-button .icon{width:14px}.support-card>.mini-eyebrow{font-size:7px}.gentle-note{padding:8px 15px;text-align:center;color:#b4a2c7}.gentle-note>.icon{width:20px;color:#b5a1d1;margin-bottom:10px}.gentle-note p{font-size:12px;line-height:1.8;margin-bottom:12px;font-style:italic}.gentle-note span{font-size:6.5px;letter-spacing:1.5px;color:#c3b6cf}
.leaderboard-filters{display:flex;gap:15px;align-items:end;padding:20px;margin-bottom:24px}.leaderboard-filters label{margin:0;flex:1;font-size:10px;min-width:0}.leaderboard-filters select{font-size:11px;margin-top:7px;min-height:43px}.leaderboard-filters .button{font-size:11px;flex-shrink:0}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;margin:40px auto 25px;max-width:870px}.podium-card{text-align:center;background:#efebfa;border:1px solid #e6ddf5;border-radius:19px;padding:20px 15px 25px;display:flex;flex-direction:column;align-items:center;min-width:0;height:calc(440px - (var(--podium-rank,1) - 1)*38px)}.podium-card.position-1{order:2}.podium-card.podium-place-1{background:#fff5df;border-color:#f1e2c4}.podium-card.position-2{order:1}.podium-card.position-3{order:3}.podium-card.podium-place-3{background:#f7eee8;border-color:#efe3d9}.podium-card .character{width:100%;height:0;min-height:0;flex:1 1 0;max-width:180px;margin:0 auto 5px}.podium-card.podium-place-1 .character{max-width:205px}.podium-rank{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff9;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:800;color:#a08abc}.podium-card.podium-place-1 .podium-rank{color:#c49b40}.podium-rank .icon{width:17px;height:17px}.podium-card h2{font-size:16px;line-height:1.5;min-height:3em;margin:6px 0;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.podium-card p{font-size:10px;color:#a898b0;line-height:1.5;min-height:3em;margin:0 0 13px}.podium-card>strong{font:800 23px Manrope,sans-serif;color:#8f76ae}.podium-card>strong small{font:500 11px 'DM Sans',sans-serif}.podium-card.podium-place-1>strong{color:#bc984e}.rank-callout{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:13px;background:#eee8fb;border:1px solid #e5dcf6;margin-bottom:22px;font-size:12px;color:#9375b8}.rank-callout>span{display:flex;align-items:center;gap:9px}.rank-callout>strong{font-size:23px;color:#7454a4}.rank-callout>strong span{font-size:11px;font-weight:500}.rank-callout>.text-link{margin-left:auto}.leader-person{display:flex;align-items:center;gap:12px}.leader-person strong{font-size:12px}.leaderboard-list td{font-size:12px}.leaderboard-list th:last-child,.leaderboard-list td:last-child{text-align:right}.leaderboard-list tr.is-you{background:#f8f4ff}.leaderboard-list .mini-character{width:45px;height:48px}.rules-note{display:flex;align-items:flex-start;gap:13px;font-size:11px;color:#9990a8;padding:25px 10px;max-width:900px}.rules-note>.icon{width:18px;color:#ad9abc}.rules-note p{margin:0;line-height:1.8}.store-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.fitting-room{text-align:center;position:sticky;top:20px;padding:25px 20px}.fitting-room>.eyebrow{font-size:8px}.fitting-room .character{max-width:210px;margin:10px auto}.fitting-room h2{font-size:20px;margin-bottom:10px}.fitting-room p{font-size:11px;color:#9a8ba7;line-height:1.8;margin:17px 0}.fitting-room .button{font-size:11px}.fitting-room .form-grid{text-align:left;margin-top:20px;gap:0 10px}.fitting-room label{font-size:10px}.fitting-room select{font-size:11px;padding:10px 7px}.fitting-room .field-hint{font-size:9px;margin-bottom:0}.store-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.store-tabs a{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:9px;font-size:11px;color:#9b8cab}.store-tabs a.active{background:#eee7fb;border-color:#ded1f3;color:#8764b6;font-weight:800}.shop-intro{display:flex;align-items:center;gap:14px;padding:16px 19px;background:#fbf5e9;border:1px solid #efe5d3;border-radius:12px;margin-bottom:20px;color:#b49a6d}.shop-intro .icon{width:26px;height:26px}.shop-intro p{font-size:10px;line-height:1.9;margin:0}.shop-intro strong{font-size:11px}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.item-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s}.item-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #6149830b}.item-card.equipped{border-color:#c4addd;box-shadow:0 0 0 2px #ebdff8}.item-preview{position:relative;padding:26px 15px 5px;background:#f2eefb;border-bottom:1px solid #eee6f6}.item-preview.slot-headwear{background:#fcf0e3}.item-preview.slot-accessory{background:#eaf4ef}.item-preview.slot-background{background:#edf0f8}.item-character{max-width:145px;margin:auto;height:165px}.item-rarity{position:absolute;top:12px;left:12px;letter-spacing:1px;font-size:6px;font-weight:800;color:#aa92c0}.owned-tag{position:absolute;top:10px;right:10px;font-size:7px;padding:4px 5px;border-radius:4px;background:#fff9;color:#8e779f}.item-content{padding:16px}.item-content>small{font-size:8px;color:#b0a2bd}.item-content h3{font-size:13px;margin:7px 0}.item-content>p{font-size:9px;color:#a394af;line-height:1.8;min-height:33px;margin-bottom:16px}.item-actions form{margin:0}.item-actions .button{font-size:10px;padding:10px;min-height:36px;gap:6px}.item-actions .button .icon{width:15px;height:15px}.buy-button span{margin-left:auto;font-size:9px}.item-actions .need-coins{display:block;text-align:center;font-size:8px;margin-top:9px;color:#ac9abc}.collection-note{font-size:10px;line-height:1.8;color:#a49ab0;margin:24px 0}.collection-empty{grid-column:1/-1;position:relative}.collection-empty>.info-help:has(>.info-trigger:not([hidden])){position:absolute;top:16px;right:16px;margin:0}.game-app .collection-empty>.info-help>.info-trigger{transform:none}.reward-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.reward-summary>div{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:white;border-radius:15px;padding:25px}.reward-summary .icon{color:#ac92cf}.reward-summary strong{font:800 27px Manrope,sans-serif}.reward-summary span{font-size:11px;color:#a293af}.history-event{display:flex;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid #f0ebf6}.history-event h3{font-size:13px;margin:0 0 6px}.history-event p{font-size:10px;color:#a697b3;line-height:1.7;margin:0}.history-values{margin-left:auto;text-align:right;white-space:nowrap}.history-values strong{font-size:13px;color:#8f71b4}.history-values span{display:block;font-size:10px;color:#b59962;margin-top:5px}.history-pagination{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:25px;font-size:11px;color:#9985b3}.reward-toast{position:fixed;right:25px;bottom:25px;z-index:100;display:flex;align-items:center;gap:15px;max-width:calc(100vw - 36px);padding:20px 18px;background:#fffdf7;border:1px solid #e6d2a5;box-shadow:0 12px 45px #38244e24;border-radius:17px;animation:toast-in .5s ease-out}.reward-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff0be;color:#c49a46;flex-shrink:0}.reward-toast strong{font-size:15px;color:#75613f}.reward-toast p{margin:6px 0 0;font-size:12px;color:#ab9365}.reward-toast .icon-button{border:0;background:transparent}.reward-confetti{position:fixed;inset:0;z-index:99;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;bottom:12%;width:var(--confetti-size);height:calc(var(--confetti-size)*1.6);border-radius:2px;opacity:0;animation:confetti-sprinkle 2.8s linear both}.confetti-piece:nth-child(3n){height:var(--confetti-size);border-radius:50%}.confetti-piece:nth-child(3n + 1){height:var(--confetti-size);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}.mobile-menu{border:1px solid var(--line);border-radius:20px;max-width:420px;width:calc(100% - 32px);max-height:80dvh;padding:23px}.mobile-menu::backdrop{background:#28203570;backdrop-filter:blur(3px)}.mobile-menu .icon-button{background:white}.mobile-menu-toggle{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;color:#a497af;font-size:9px}.mobile-menu .nav-item{font-size:14px;min-height:44px}.game-app .login-main{padding:0;max-width:none}.game-app .login-story{background:#e9e2fa;color:#42345e}.game-app .login-story h1{font-size:48px;line-height:1.2;color:#473463}.game-app .login-story h1 em{color:#8669b4}.game-app .login-story p{color:#9884ae;font-size:14px}.game-app .login-story .eyebrow{color:#9b80bc}.game-app .login-story .cycle{color:#997fb9}.game-app .login-story .cycle span{border-color:#d6c6e9;color:#826a9f}.game-app .login-story>small{color:#a390b7}.game-app .login-story .brand{color:#493b64}.game-app .login-form{background:#fcfbfe}.login-art{position:absolute;right:30px;bottom:40px;width:210px;opacity:.9}.game-app .login-story{position:relative;overflow:hidden}.game-app .login-box h2{color:#54426d}.game-app .login-box>p{font-size:13px}.game-app .demo-panel{background:#f3eef9;border-color:#e6dcf2}.game-app .login-foot{color:#a79bb2;font-size:11px}
@keyframes character-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes character-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes character-wave{0%,60%,100%{transform:rotate(0)}65%,75%{transform:rotate(-13deg)}70%,80%{transform:rotate(8deg)}}@keyframes reward-float{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-6px) rotate(5deg)}}@keyframes toast-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes confetti-sprinkle{
0%{transform:translate3d(0,0,0) rotate(0deg);opacity:0}
10%{transform:translate3d(calc(var(--confetti-drift)*.1),calc(var(--confetti-lift)*-.36 + .18vh),0) rotate(calc(var(--confetti-spin)*.1));opacity:1}
20%{transform:translate3d(calc(var(--confetti-drift)*.2),calc(var(--confetti-lift)*-.64 + .72vh),0) rotate(calc(var(--confetti-spin)*.2))}
30%{transform:translate3d(calc(var(--confetti-drift)*.3),calc(var(--confetti-lift)*-.84 + 1.62vh),0) rotate(calc(var(--confetti-spin)*.3))}
40%{transform:translate3d(calc(var(--confetti-drift)*.4),calc(var(--confetti-lift)*-.96 + 2.88vh),0) rotate(calc(var(--confetti-spin)*.4))}
50%{transform:translate3d(calc(var(--confetti-drift)*.5),calc(var(--confetti-lift)*-1 + 4.5vh),0) rotate(calc(var(--confetti-spin)*.5))}
60%{transform:translate3d(calc(var(--confetti-drift)*.6),calc(var(--confetti-lift)*-.96 + 6.48vh),0) rotate(calc(var(--confetti-spin)*.6))}
70%{transform:translate3d(calc(var(--confetti-drift)*.7),calc(var(--confetti-lift)*-.84 + 8.82vh),0) rotate(calc(var(--confetti-spin)*.7))}
80%{transform:translate3d(calc(var(--confetti-drift)*.8),calc(var(--confetti-lift)*-.64 + 11.52vh),0) rotate(calc(var(--confetti-spin)*.8));opacity:1}
90%{transform:translate3d(calc(var(--confetti-drift)*.9),calc(var(--confetti-lift)*-.36 + 14.58vh),0) rotate(calc(var(--confetti-spin)*.9))}
100%{transform:translate3d(var(--confetti-drift),18vh,0) rotate(var(--confetti-spin));opacity:0}
}
@media(min-width:1550px){.hero-copy h2{font-size:44px}.adventure-hero{padding-left:35px}.hero-character{width:245px}.game-stat{padding:21px}.game-stat p{font-size:10px}.game-stat small{font-size:8px}.game-stat strong{font-size:25px}.hero-copy p{font-size:13px}.quest-row-name h3{font-size:13px}.quest-row-name p{font-size:10px}.game-quest-row{padding:20px 1px}.adventure-grid{grid-template-columns:minmax(0,1fr) 290px}.adventure-hero{min-height:340px}}
@media(max-width:1250px){.game-app .sidebar{width:200px;padding-left:13px;padding-right:13px}.game-app .app-shell{margin-left:200px}.game-app .brand{font-size:19px}.game-app main{padding:25px}.game-app .topbar{padding:0 25px}.adventure-grid{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.hero-character{width:170px}.hero-copy h2{font-size:33px}.adventure-hero{min-height:290px;padding:25px 17px 24px 24px}.hero-copy p{font-size:10px}.hero-footnote{font-size:7px}.season-label{font-size:7px}.adventure-rail .card{padding:20px 16px}.game-stat{gap:8px;padding:15px 10px}.stat-symbol{width:31px;height:34px}.game-stat small{font-size:6px;letter-spacing:.5px}.game-stat p{font-size:7px}.game-stat strong{font-size:21px}.daily-quest{gap:10px;padding:17px 14px}.daily-quest h3{font-size:11px}.daily-quest p{font-size:8px}.shop-banner{padding:20px 15px;gap:12px}.shop-banner .button{font-size:8px}.shop-banner p{max-width:200px}.store-layout{grid-template-columns:225px minmax(0,1fr);gap:20px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-summary>div{padding:20px;gap:10px;flex-wrap:wrap}}
@media(max-width:1050px){.adventure-grid{grid-template-columns:minmax(0,1fr)}.adventure-rail{display:grid;grid-template-columns:repeat(2,1fr);align-items:start}.hero-character{width:240px}.adventure-hero{min-height:320px}.hero-copy h2{font-size:42px}.hero-copy p{font-size:12px}.season-label{font-size:8px}.game-stat{gap:13px;padding:20px 15px}.stat-symbol{width:38px;height:40px}.game-stat small{font-size:7px}.game-stat p{font-size:9px}.game-stat strong{font-size:25px}.support-card{grid-column:1}.gentle-note{grid-column:2}.daily-quest h3{font-size:13px}.daily-quest p{font-size:10px}.game-app .breadcrumb{font-size:8px;gap:7px}.game-app .breadcrumb strong{display:none}.leaderboard-filters{flex-wrap:wrap}.leaderboard-filters label{flex-basis:40%}.leaderboard-filters .button{flex:1}.podium-card h2{font-size:13px}.store-tabs a{padding:9px 10px}.shop-intro p{font-size:9px}}
@media(max-width:900px){.game-app .sidebar{display:none}.game-app .app-shell{margin-left:0}.game-app .topbar{height:70px}.game-app main{padding-bottom:95px}.game-app .bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;background:#fffefeeF;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:12px 7px calc(12px + env(safe-area-inset-bottom))}.game-app .bottom-nav a{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:9px;color:#a497af;min-width:50px}.game-app .bottom-nav a.active{color:#8061ba;font-weight:800}.game-app .bottom-nav .icon{width:20px;height:20px}.game-app .page-footer{display:none}.reward-toast{bottom:90px}.game-app .login-main{padding-bottom:0}}
@media(max-width:600px){.game-app main{padding:22px 17px 95px}.game-app .topbar{height:64px;padding:0 17px}.game-app .breadcrumb{display:none}.game-app .mobile-brand{display:block;font-size:17px;font-weight:800}.game-app .mobile-brand span{color:#8e76c3}.game-app .topbar-right{gap:8px}.game-app .header-profile{display:none}.topbar-right .level-chip{font-size:9px;padding:7px}.topbar-right .level-chip .icon{display:none}.topbar-right .coin-chip{font-size:10px;padding:7px}.topbar-right .icon-button{width:30px;height:30px;border:0}.topbar-right .icon-button .icon{width:19px}.game-app h1{font-size:24px}.game-app .page-heading{gap:14px;margin-bottom:22px}.game-app .page-heading>div{width:100%}.game-app .page-heading p{font-size:11px;line-height:1.8}.game-app .page-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.game-app .program-select{padding:1px 9px;max-width:100%;align-self:flex-start}.game-app .program-select select{max-width:100%;font-size:10px}.adventure-hero{min-height:275px;padding:23px 15px 22px 20px;gap:0;border-radius:17px}.hero-copy h2{font-size:33px;letter-spacing:-1.3px;margin-top:16px}.hero-copy p{font-size:9px;line-height:1.9;max-width:180px}.hero-copy p br{display:none}.hero-copy .button{font-size:9px;padding:9px 11px;min-height:37px}.hero-copy .button .icon{width:12px}.season-label{font-size:6px;letter-spacing:.7px;gap:6px}.season-label .live-dot{width:4px;height:4px}.hero-character{width:140px;margin-right:-5px;align-self:center;margin-top:25px}.floating-reward{font-size:9px;top:-9px;right:2px;padding:7px 9px;border-radius:7px}.floating-reward .icon{width:13px;height:13px}.character-name{font-size:9px;padding-right:8px;gap:5px;margin-top:-4px}.character-name>.icon{display:none}.level-badge{width:20px;height:20px}.hero-footnote{font-size:6px;gap:4px;max-width:180px}.hero-footnote .icon{width:10px;height:10px}.doodle-two{right:145px;top:85px;font-size:18px}.doodle-one{right:20px;bottom:31px;font-size:20px}.game-stat-grid{gap:8px}.game-stat{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 11px}.game-stat small{font-size:6px;letter-spacing:.6px}.game-stat p{font-size:7px;line-height:1.8}.game-stat strong{font-size:22px}.game-stat strong span{font-size:10px}.game-stat .stat-symbol{width:29px;height:30px;border-radius:9px}.game-stat .stat-symbol .icon{width:16px;height:16px}.adventure-main,.adventure-rail{gap:17px}.daily-quest{display:grid;grid-template-columns:34px 1fr;padding:17px;gap:10px 13px}.daily-icon{width:34px;height:37px;border-radius:10px}.daily-icon .icon{width:18px}.daily-quest .mini-eyebrow{font-size:6px}.daily-quest h3{font-size:11px}.daily-quest p{font-size:9px;line-height:1.8}.daily-action{grid-column:2;margin-left:0;font-size:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.daily-action span{grid-column:2;font-size:8px}.daily-action .icon{grid-column:3;grid-row:1}.game-app .quest-section{padding:20px 16px}.quest-section h2{font-size:15px}.quest-section .card-header{flex-wrap:wrap;gap:10px}.quest-section .mini-eyebrow{font-size:6px}.quest-section .card-header .text-link{font-size:8px}.quest-goal{padding:12px;gap:10px}.quest-goal small{font-size:6px;letter-spacing:.8px}.quest-goal p{font-size:10px}.game-quest-row{gap:10px;padding:17px 0}.quest-row-name h3{font-size:10px}.quest-row-name p{font-size:8px}.quest-status{width:30px;height:32px}.quest-points{font-size:10px}.game-quest-row>.icon{display:none}.quest-footer{font-size:8px}.shop-banner{flex-wrap:wrap;padding:19px;gap:14px}.shop-banner h3{font-size:12px}.shop-banner p{font-size:9px;max-width:230px}.shop-banner .button{margin-left:57px;font-size:10px}.adventure-rail{grid-template-columns:1fr}.support-card,.gentle-note{grid-column:auto}.adventure-rail .card{padding:22px}.adventure-rail h3{font-size:15px}.mini-leader{padding:12px 0;gap:12px}.mini-leader strong,.mini-leader>b{font-size:13px}.mini-leader small{font-size:10px}.mini-character{width:48px;height:51px}.player-progress p{font-size:11px}.player-progress .text-link,.lobby-leaders .button{font-size:11px}.lobby-leaders .mini-eyebrow,.support-card>.mini-eyebrow{font-size:7px}.your-rank{font-size:11px}.support-card .person-row strong{font-size:13px}.support-card .person-row small{font-size:10px}.support-card .avatar{width:38px;height:38px;font-size:13px}.gentle-note p{font-size:13px}.store-layout{grid-template-columns:1fr;gap:21px}.fitting-room{position:static}.fitting-room .character{max-width:185px}.store-tabs{gap:6px}.store-tabs a{font-size:10px;padding:9px 10px}.item-grid{gap:12px}.item-content{padding:13px}.item-content h3{font-size:12px}.item-content>p{font-size:9px;min-height:47px}.item-character{height:145px;max-width:125px}.item-preview{padding-left:8px;padding-right:8px}.item-rarity{font-size:5px;left:10px}.owned-tag{font-size:6px;right:8px}.item-actions .button{font-size:9px;padding:8px;gap:5px}.buy-button span{font-size:8px}.item-actions .button .icon{width:13px;height:13px}.coin-chip.large{font-size:14px;padding:10px 14px}.shop-intro p{font-size:10px}.fitting-room .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fitting-room label{font-size:12px}.fitting-room select{font-size:12px}.leaderboard-filters{gap:13px;padding:17px}.leaderboard-filters label{flex-basis:100%}.leaderboard-filters select{font-size:12px}.leaderboard-filters .button{width:100%}.podium{gap:7px;margin:27px 0 20px;align-items:end}.podium-card{padding:13px 6px 17px;border-radius:12px;align-self:end;height:calc(350px - (var(--podium-rank,1) - 1)*28px)}.podium-card .character,.podium-card.podium-place-1 .character{max-width:115px}.podium-card h2{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.podium-card p{font-size:8px;min-height:24px;line-height:1.5}.podium-card>strong{font-size:18px}.podium-card>strong small{font-size:8px;display:block;margin-top:3px}.podium-rank{font-size:10px;padding:5px 7px;gap:3px}.podium-rank .icon{width:12px;height:12px}.rank-callout{padding:17px;flex-wrap:wrap;gap:12px;font-size:11px}.rank-callout>span{width:100%}.rank-callout .text-link{font-size:9px}.rank-callout>strong{font-size:23px}.rank-callout>strong span{display:block;font-size:9px;margin-top:4px}.leader-person{gap:7px}.leader-person strong{font-size:10px}.leaderboard-list .mini-character{width:34px;height:39px}.leaderboard-list .pill{font-size:6px;padding:3px}.leaderboard-list th{font-size:8px}.leaderboard-list td{font-size:10px;padding:10px 6px}.leaderboard-list th:nth-child(3),.leaderboard-list td:nth-child(3){display:none}.rules-note{font-size:10px;padding:20px 5px}.reward-summary{gap:9px}.reward-summary>div{padding:17px 11px;flex-direction:column;align-items:flex-start;gap:9px}.reward-summary strong{font-size:24px}.reward-summary span{font-size:9px}.history-event{gap:10px}.history-event h3{font-size:11px;line-height:1.6}.history-event p{font-size:8px}.history-values strong{font-size:11px}.history-values span{font-size:9px}.history-event .stat-symbol{width:29px;height:32px}.history-event .stat-symbol .icon{width:15px}.reward-toast{right:17px;left:17px;padding:16px 12px;gap:11px;max-width:none}.reward-toast strong{font-size:13px}.reward-toast p{font-size:11px}.reward-symbol{width:36px;height:38px}.reward-toast .icon-button{width:25px;height:25px;margin-left:auto}.game-app .login-form{padding:35px 23px}.game-app .login-box h2{font-size:29px}.login-art{display:none}}
@media(max-width:360px){.hero-character{width:115px}.hero-copy h2{font-size:29px}.hero-copy .button{font-size:8px}.hero-copy p{font-size:8px;max-width:155px}.season-label{font-size:5px}.hero-footnote{font-size:5px}.adventure-hero{padding-left:15px;min-height:260px}.game-app h1{font-size:22px}.shop-banner .button{margin-left:0}.item-grid{gap:9px}.item-content{padding:10px}.buy-button span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reward-confetti{display:none}}

/* Readable supporting text at both desktop and phone sizes. */
.game-app .page-heading p,.hero-copy p{font-size:13px;color:#81728f}
.game-app .page-heading .eyebrow,.mini-eyebrow{font-size:9px;color:#8c78a0}
.game-app .nav-item{font-size:13px;color:#7b728d}
.game-app .sidebar-note p{color:#847192}
.game-app .sidebar-note .text-link{font-size:11px}
.game-app .button{min-height:44px}
.season-label{font-size:9px;color:#876caa}
.hero-footnote{font-size:10px;color:#8b789f}
.game-stat small{font-size:9px;color:#8c7f9b;letter-spacing:.7px}
.game-stat p{font-size:10px;color:#8a7d97}
.game-stat strong span{color:#8c7c9c}
.daily-quest h3{font-size:14px;color:#476e58}
.daily-quest p{font-size:11px;color:#668271}
.daily-quest .mini-eyebrow{font-size:8px;color:#708f7b}
.daily-action{font-size:12px;color:#48755b}
.daily-action span{font-size:10px;color:#6b8d76}
.quest-section .card-header .text-link{font-size:11px}
.quest-goal small{font-size:9px;color:#8c7a9e}
.quest-goal p{font-size:12px;color:#766283}
.quest-row-name h3{font-size:13px}
.quest-row-name p{font-size:11px;color:#8c7d97}
.quest-points{font-size:13px;color:#8a62b1}
.quest-points small{font-size:10px}
.quest-points.earned{color:#56876a}
.quest-footer{font-size:11px;color:#877496}
.shop-banner h3{font-size:14px}
.shop-banner p{font-size:11px;color:#958161}
.shop-banner .button{font-size:11px;color:#99733c}
.shop-banner .mini-eyebrow{font-size:8px;color:#a2804c}
.adventure-rail h3{font-size:14px}
.player-progress .level-chip{font-size:10px}
.xp-total small{font-size:9px;color:#8f7fa0}
.player-progress .progress-label,.player-progress .progress-label strong{font-size:11px;color:#89729e}
.player-progress p{font-size:12px;color:#8c759b}
.player-progress .text-link{font-size:11px}
.lobby-leaders .mini-eyebrow,.support-card>.mini-eyebrow{font-size:8px;color:#8c77a0}
.mini-leader strong,.mini-leader>b{font-size:12px}
.mini-leader small{font-size:10px;color:#907aa0}
.mini-leader>b small{font-size:10px}
.your-rank{font-size:11px;color:#8b67ac}
.lobby-leaders .button{font-size:11px}
.support-card .person-row strong{font-size:12px}
.support-card .person-row small{font-size:10px;color:#87768f}
.gentle-note{color:#9980ad}
.gentle-note span{font-size:8px;color:#a78fb9}
.item-content>small{font-size:10px;color:#8b789b}
.item-content h3{font-size:15px}
.item-content>p{font-size:12px;color:#887495;min-height:44px}
.item-rarity{font-size:8px;color:#9972b6}
.owned-tag{font-size:9px;color:#7e5e95}
.item-actions .button{font-size:12px}
.buy-button span{font-size:11px}
.item-actions .need-coins{font-size:10px;color:#9279a5}
.fitting-room p{font-size:12px;color:#8a7599}
.fitting-room .field-hint{font-size:11px}
.fitting-room>.eyebrow{font-size:9px}
.store-tabs a{font-size:12px;color:#857093}
.shop-intro p{font-size:12px;color:#967b4c}
.shop-intro strong{font-size:13px}
.collection-note{font-size:12px;color:#8b789c}
.history-event p{font-size:12px;color:#877292}
.history-values span{font-size:12px;color:#9d7a36}
.reward-summary span{font-size:12px;color:#8b789b}
.rules-note{font-size:12px;color:#897895}
.podium-card p{font-size:11px;color:#8c769d}
.leaderboard-filters label{font-size:12px}
.leaderboard-filters select,.leaderboard-filters .button{font-size:12px}
.game-app .bottom-nav a,.mobile-menu-toggle{min-height:44px}
@media(max-width:1250px){.game-stat{gap:10px}.game-stat small{font-size:8px}.game-stat p{font-size:9px}.hero-copy p{font-size:12px}.season-label{font-size:8px}.shop-banner .button{font-size:10px}}
@media(max-width:600px){.game-app .page-heading p{font-size:12px}.game-app .page-heading .eyebrow{font-size:8px}.hero-character{width:125px}.hero-copy{flex:1}.hero-copy h2{font-size:30px;letter-spacing:-1.3px}.hero-copy p{font-size:11px;max-width:185px}.season-label{font-size:7px;letter-spacing:.5px}.hero-footnote{font-size:8px}.hero-copy .button{font-size:10px}.game-stat small{font-size:8px;letter-spacing:.3px}.game-stat p{font-size:9px}.daily-quest h3{font-size:13px}.daily-quest p{font-size:11px}.daily-action span{font-size:10px}.daily-quest .mini-eyebrow{font-size:8px}.quest-section .mini-eyebrow{font-size:8px}.quest-section .card-header .text-link{font-size:10px}.quest-goal small{font-size:8px}.quest-goal p{font-size:12px}.quest-row-name h3{font-size:12px}.quest-row-name p{font-size:10px}.quest-points{font-size:11px}.quest-footer{font-size:10px}.shop-banner h3{font-size:14px}.shop-banner p{font-size:11px}.item-content h3{font-size:13px}.item-content>p{font-size:11px;min-height:60px}.item-content>small{font-size:9px}.item-rarity{font-size:7px}.owned-tag{font-size:8px}.item-actions .button{font-size:10px}.buy-button span{font-size:9px}.store-tabs a{font-size:11px}.item-actions .need-coins{font-size:9px}.shop-intro p{font-size:11px}.shop-intro strong{font-size:12px}.history-event h3{font-size:12px}.history-event p{font-size:10px}.history-values span{font-size:10px}.reward-summary span{font-size:10px}.rules-note{font-size:11px}.podium-card p{font-size:9px}.game-app .bottom-nav a,.mobile-menu-toggle{font-size:10px}.fitting-room .button{font-size:12px}}
.game-app .sidebar{overflow:hidden}
.game-app .sidebar>.brand,.game-app .sidebar>.workspace-label{flex-shrink:0}
.game-app .sidebar>.workspace-label{margin:30px 12px 18px;line-height:1.6}
.sidebar>.workspace-navigation{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dfd7ee transparent;padding-right:3px}
.nav-primary{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.game-app .workspace-navigation .nav-item{margin-bottom:4px;color:#756c85;line-height:1.5}
.game-app .workspace-navigation .nav-item.active{color:#694bb7}
.nav-group{margin:0 0 7px}
.nav-group>summary{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 12px;border-radius:10px;list-style:none;cursor:pointer;font-size:12px;font-weight:650;line-height:1.5;color:#756c85}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:hover{background:#f7f4fc;color:#694bb7}
.nav-group.is-active>summary{color:#694bb7}
.nav-group>summary>span{flex:1;min-width:0}
.nav-group>summary>.icon{width:19px;height:19px}
.nav-group>summary>.nav-group-chevron{width:14px;height:14px;transform:rotate(0deg);transition:transform .18s}
.nav-group[open]>summary>.nav-group-chevron{transform:rotate(90deg)}
.nav-group-links{margin:4px 0 12px 21px;padding-left:10px;border-left:1px solid #e9e2f2}
.game-app .nav-group-links .nav-item{min-height:44px;padding:10px 12px;font-size:12px;font-weight:500;border-radius:9px}
.game-app .nav-group-links .nav-item.active{font-weight:750}
.sidebar-footer{flex-shrink:0;border-top:1px solid var(--line);padding-top:12px;margin-top:16px}
.game-app .sidebar-footer>.nav-item{font-size:11px;color:#756c85;margin-bottom:8px}
.game-app .sidebar-footer>.nav-item.active{color:#694bb7}
.game-app .sidebar-footer .sidebar-user{border-top:0;margin-top:0;padding:8px 3px 0;gap:9px;min-height:54px}
.sidebar-footer .sidebar-user>span{flex:1;min-width:0}
.sidebar-footer .sidebar-user strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}
.sidebar-footer .sidebar-user>.icon{width:14px;height:14px}
.mobile-menu .workspace-navigation{margin-top:5px}
.mobile-menu .nav-group>summary,.game-app .mobile-menu .nav-group-links .nav-item{font-size:14px;min-height:48px}
.mobile-menu-account{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
@media(prefers-reduced-motion:reduce){.nav-group>summary>.nav-group-chevron{transition:none}}
@media(max-width:360px){.hero-character{width:105px}.hero-copy h2{font-size:27px}.hero-copy p{font-size:10px}.season-label{font-size:6px}.hero-footnote{font-size:7px}.hero-copy .button{font-size:9px}.game-stat small{font-size:7px}}

/* ZUZU's shared rig keeps every outfit and accessory attached during motion. */
.character[data-character="zuzu"] .character-body{transform-origin:120px 247px;animation:zuzu-breathe 4s ease-in-out infinite}
.character[data-character="zuzu"] .character-eyes{transform-origin:120px 115px;animation:character-blink 5s infinite}
.character[data-character="zuzu"] .character-wave{transform-origin:157px 174px;animation:zuzu-wave 4.6s ease-in-out infinite}
.character[data-character="zuzu"] .character-arm-left{transform-origin:86px 169px}
.character[data-character="zuzu"] .character-head{transform-origin:120px 157px}
.character[data-motion="idle"] .character-wave{animation:none;transform:rotate(65deg)}
.character[data-motion="happy-bounce"] .character-body{animation:zuzu-bounce 1.5s ease-in-out infinite}
.character[data-motion="happy-bounce"] .character-wave{animation:zuzu-cheer-right 1.5s ease-in-out infinite}
.character[data-motion="happy-bounce"] .character-arm-left{animation:zuzu-cheer-left 1.5s ease-in-out infinite}
.character[data-motion="victory-dance"] .character-body{animation:zuzu-dance 1.8s ease-in-out infinite}
.character[data-motion="victory-dance"] .character-head{animation:zuzu-head-bob 1.8s ease-in-out infinite}
.character[data-motion="victory-dance"] .character-wave{animation:zuzu-dance-arm 1.8s ease-in-out infinite}
.character[data-motion="victory-dance"] .character-arm-left{animation:zuzu-swing 1.8s ease-in-out infinite}
.character[data-motion="happy-bounce"] .character-shadow{transform-origin:120px 252px;animation:zuzu-shadow 1.5s ease-in-out infinite}
.item-character[data-character="zuzu"] *,.mini-character[data-character="zuzu"] *{animation-play-state:paused!important}
.item-card:hover .item-character[data-character="zuzu"] *,.item-card:focus-within .item-character[data-character="zuzu"] *{animation-play-state:running!important}
.character[data-paused="true"] *,html[data-characters-paused="true"] .character *{animation-play-state:paused!important}
@keyframes zuzu-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes zuzu-wave{0%,15%,60%,100%{transform:rotate(0)}23%,39%,55%{transform:rotate(-16deg)}31%,47%{transform:rotate(12deg)}}
@keyframes zuzu-bounce{0%,100%{transform:translateY(0) scale(1)}18%,80%{transform:translateY(1px) scale(1.02,.98)}45%,60%{transform:translateY(-9px) scale(.99,1.01)}}
@keyframes zuzu-cheer-right{0%,100%{transform:rotate(0)}40%,65%{transform:rotate(-19deg)}}
@keyframes zuzu-cheer-left{0%,100%{transform:rotate(0)}40%,65%{transform:rotate(125deg)}}
@keyframes zuzu-dance{0%,50%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-5px) rotate(-5deg)}75%{transform:translateX(5px) rotate(5deg)}}
@keyframes zuzu-head-bob{0%,50%,100%{transform:rotate(0)}25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}
@keyframes zuzu-dance-arm{0%,50%,100%{transform:rotate(-10deg)}25%,75%{transform:rotate(35deg)}}
@keyframes zuzu-swing{0%,50%,100%{transform:rotate(-12deg)}25%,75%{transform:rotate(25deg)}}
@keyframes zuzu-shadow{0%,100%{transform:scaleX(1);opacity:.13}45%,60%{transform:scaleX(.85);opacity:.08}}
.fitting-room .zuzu-introduction h2{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:5px;font-size:23px;letter-spacing:-.7px}
.zuzu-introduction>span{display:block;color:#8d7b9f;font-size:11px;margin-bottom:13px}
.zuzu-live-dot{width:7px;height:7px;border-radius:50%;background:#81b99d;box-shadow:0 0 0 4px #edf5ee}
.fitting-room>.eyebrow{font-size:7px;letter-spacing:1.1px}
.character-controls{margin:22px 0 18px;padding-top:17px;border-top:1px solid #eee7f5}
.character-controls .mini-eyebrow{font-size:8px;color:#9985b0}
.motion-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px}
.motion-options button{min-height:35px;padding:7px 5px;border:1px solid #e8dff1;border-radius:8px;color:#8b739f;background:#fff;font:600 11px 'DM Sans',sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.motion-options button[aria-pressed="true"]{background:#eee6fa;border-color:#cbb5e5;color:#7655a2}
.motion-options button:hover{border-color:#b69ad4}
.motion-options button:focus-visible,.motion-pause:focus-visible,.preview-reset:focus-visible,.item-try-on:focus-visible{outline:3px solid #ad8bd4;outline-offset:3px}
.motion-pause,.preview-reset{font:600 10px 'DM Sans',sans-serif;color:#83659f;border:0;background:transparent;cursor:pointer;padding:9px 7px;min-height:32px}
.motion-pause:disabled{color:#9d94a6;cursor:default}
.fitting-room .preview-status{font-size:10px;line-height:1.7;color:#897698;margin:4px 0 0}
.preview-reset{text-decoration:underline;text-underline-offset:3px}
.item-preview{padding-bottom:34px}
.item-preview.slot-roof{background:#f6ecfa}
.item-preview.slot-animation{background:#eef5ff}
.item-try-on{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding:5px 10px;border-radius:7px;background:#ffffffdf;border:1px solid #e0d5eb;font:600 10px 'DM Sans',sans-serif;color:#8a6ba5;cursor:pointer;min-height:29px}
.item-try-on .icon{width:12px;height:12px}
.item-try-on:hover,.item-try-on[aria-pressed="true"]{background:#ece1f9;border-color:#c5aadd;color:#75519b}
.item-card.is-previewing{border-color:#b89bd6;box-shadow:0 0 0 2px #eadef5}
.item-try-on[hidden],.character-controls[hidden],.preview-reset[hidden]{display:none}
@media(max-width:600px){.fitting-room .character{max-width:200px}.character-controls{max-width:310px;margin:17px auto}.motion-options{grid-template-columns:repeat(4,minmax(0,1fr))}.motion-options button{min-height:40px;font-size:10px}.motion-pause,.preview-reset{min-height:40px;font-size:11px}.fitting-room .preview-status{font-size:11px}.item-try-on{min-height:32px;font-size:10px;bottom:8px}.item-preview{padding-bottom:40px}.fitting-room>.eyebrow{font-size:8px}.fitting-room .field-hint{font-size:10px}}

.program-picker{position:relative;flex-shrink:0;width:fit-content;max-width:min(280px,100%);color:#5f43ad}
.program-picker>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 9px;border:1px solid #d3c3f4;border-radius:8px;background:#ede5ff;cursor:pointer;font-size:12px;font-weight:600}
.program-picker>summary:hover,.program-picker[open]>summary{border-color:#b99de9;background:#e3d6fc;color:#503394}
.program-picker>summary::-webkit-details-marker{display:none}
.program-picker>summary::marker{content:""}
.program-picker>summary>.icon{width:15px;height:15px;color:#7954bc;flex-shrink:0}
.program-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.program-picker>summary>.program-picker-chevron{width:12px;height:12px;transform:rotate(90deg)}
.program-picker[open] .program-picker-chevron{transform:rotate(270deg)}
.program-picker>summary:focus-visible,.program-picker-option:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.program-upcoming-label{color:#24774c;font-size:11px;font-weight:600;white-space:nowrap}
.program-active-label{color:#8b8d97;font-size:11px;white-space:nowrap}
.program-picker-menu{position:absolute;right:0;top:calc(100% + 5px);width:280px;max-width:calc(100vw - 34px);z-index:30;border:1px solid #e9e6ef;border-radius:10px;background:#fff;box-shadow:0 6px 18px #2828380c;padding:6px;max-height:360px;overflow-y:auto}
.program-picker-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px 10px;border:0;border-radius:6px;background:transparent;text-align:left;font-size:12px;color:#535663}
.program-picker-option>span:first-child{min-width:0;overflow-wrap:anywhere}
.program-picker-option:hover,.program-picker-option[aria-current="true"]{background:#f6f7f9}
.program-picker-history{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px;margin-top:5px;border-top:1px solid #eeeff2;font-size:11px;color:#777987}
.program-picker-history .icon{width:14px;height:14px}
.program-picker-empty{margin:0;padding:14px 10px;font-size:12px;color:#777987}
.upcoming-program-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:15px 18px;border:1px solid #e1ebe5;border-radius:10px;background:#f9fcfa;color:#596a60;font-size:12px}
.upcoming-program-notice strong{color:#24774c;font-size:12px;font-weight:600}
.upcoming-program-notice p{margin:5px 0 0;line-height:1.7}
.upcoming-program-notice>a{display:flex;align-items:center;gap:6px;flex-shrink:0;color:#24774c;font-size:12px;font-weight:600}
.upcoming-program-notice>a .icon{width:15px;height:15px}
.program-history-card{display:flex;align-items:center;justify-content:space-between;gap:24px}
.program-history-card h2{overflow-wrap:anywhere}
.program-history-card .field-hint{margin-bottom:0}
@media(max-width:700px){.program-picker{max-width:100%}.program-picker-menu{right:auto;left:0}.upcoming-program-notice,.program-history-card{align-items:flex-start;flex-direction:column;gap:12px}.program-picker>summary{min-height:44px}.program-picker-option{min-height:48px}}

.coaching-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px}.coaching-tabs>a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-weight:600;font-size:13px;color:#69617e;text-decoration:none}.coaching-tabs>a[aria-current="page"]:not(.button){background:#eee9ff;color:#6750c9}.coaching-tabs>a.button{margin-left:auto;color:#fff}.program-create-form{max-width:860px;margin:0 auto}.program-create-form>.plan-section{margin-top:28px}.program-create-form>.button{margin-top:16px}.program-create-form>.plan-kpis{margin-bottom:20px}@media(max-width:600px){.coaching-tabs{gap:4px}.coaching-tabs>a{padding:9px 10px}.coaching-tabs>a.button{margin-left:0}.program-create-form{padding:20px}}

@media(max-width:600px){.program-create-form .plan-section{padding-left:0;padding-right:0}.program-create-form .plan-task .form-grid{grid-template-columns:minmax(0,1fr)}.program-create-form .plan-task-body{padding:18px 14px}.program-create-form .plan-kpis{margin-left:0;margin-right:0}}

.plan-compose>summary{list-style:none;cursor:pointer}.plan-compose>summary::-webkit-details-marker{display:none}.plan-compose[open]>summary{margin-bottom:16px}

/* Four-week program planning */
.weekly-task-builder { display: grid; gap: 16px; width: 100%; margin: 0; }
.program-week { min-width: 0; border: 1px solid #e8e2f3; border-radius: 16px; overflow: hidden; background: #fff; }
.program-week > summary { display: flex; align-items: center; gap: 12px; padding: 18px 20px; cursor: pointer; background: #faf8ff; list-style: none; }
.program-week > summary::-webkit-details-marker { display: none; }
.program-week > summary > span:first-child { display: grid; gap: 5px; margin-right: auto; }
.program-week > summary small { color: #81758f; font-size: 12px; }
.program-week > summary > svg { width: 18px; flex-shrink: 0; transition: transform .2s; }
.program-week[open] > summary > svg { transform: rotate(90deg); }
.program-week-body { padding: 20px; display: grid; gap: 16px; }
.week-day { border: 1px solid #eee9f5; border-radius: 12px; padding: 16px; min-width: 0; }
.week-day[hidden], [data-week-error][hidden], [data-day-unavailable][hidden], [data-day-empty][hidden] { display: none; }
.week-day-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.week-day-heading h4 { margin: 0 0 4px; }
.week-day-heading small { font-size: 12px; }
.week-day-empty { font-size: 13px; margin: 12px 0 0; }
.week-day-tasks { display: grid; gap: 12px; }
.week-day-tasks:not(:empty) { margin-top: 16px; }
.week-day .plan-task { margin: 0; }
.week-day .plan-task label[hidden] { display: none; }
.week-locked-item { padding: 16px; background: #faf9fc; border: 1px solid #eee9f5; border-radius: 12px; overflow-wrap: anywhere; }
.week-locked-item p { white-space: pre-wrap; }
.program-weeks-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 20px; }
.program-week-card { border: 1px solid #e8e2f3; border-radius: 16px; padding: 20px; min-width: 0; }
.program-week-card .section-header { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.program-week-card h3 { margin: 0; }
.program-week-card > p { overflow-wrap: anywhere; }
.week-day-preview { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin: 20px 0; }
.week-day-preview > div { display: grid; gap: 6px; background: #f8f5ff; padding: 10px 3px; border-radius: 8px; text-align: center; font-size: 11px; }
.week-day-preview small, .week-day-preview span { color: #81758f; font-size: 10px; }
@media (max-width: 900px) { .program-weeks-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
    .program-week > summary { padding: 14px; gap: 8px; }
    .program-week-body { padding: 12px; }
    .week-day { padding: 12px; }
    .week-day-heading .button { padding: 8px 10px; }
    .program-week-card { padding: 14px; }
    .week-day .form-grid { grid-template-columns: 1fr; }
    .week-day .plan-task-body { padding: 12px; }
}

.weekly-task-builder .plan-kpis { margin: 0; }
.program-week-body > label { margin-bottom: 0; }

.program-enrollment > summary { display: inline-flex; list-style: none; }
.program-enrollment > summary::-webkit-details-marker { display: none; }
.program-enrollment > form { margin-top: 20px; }

.info-help{display:inline-flex;vertical-align:middle;max-width:100%;margin:0 4px 12px 0}
.info-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.info-heading>h2,.info-heading>h3,.info-heading>h4,.info-heading>.info-help{margin:0}
.info-label-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.info-label-row>label,.info-label-row>.info-help{margin:0}
.info-label-row+select,.info-label-row+input{margin-bottom:18px}
.game-app .info-trigger,.game-app .info-close{display:inline-grid;place-items:center;flex-shrink:0;width:30px;height:30px;padding:0;border:1px solid #ddd0f3;border-radius:50%;background:#f2edff;color:#7353b6;cursor:pointer;vertical-align:middle}
.game-app .info-trigger:hover,.game-app .info-trigger[aria-expanded="true"]{background:#e7dcfb;border-color:#bca1e7;color:#57388f}
.game-app .info-trigger{position:relative;width:22px;height:22px;transform:translateY(-3px)}
.game-app .info-trigger::after{content:"";position:absolute;inset:-5px;border-radius:50%}
.game-app .info-trigger .icon{width:14px;height:14px}
.game-app .info-trigger[hidden],.game-app [data-info-heading][hidden]{display:none}
.game-app .info-popover[popover]{position:fixed;inset:auto;margin:0;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:15px 16px;border:1px solid #d8c9ee;border-radius:12px;background:#fff;color:#574a68;box-shadow:0 10px 30px #35234b26;text-align:left;white-space:normal;z-index:100}
.game-app .info-popover[popover]:not(:popover-open){display:none}
.game-app .info-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#493566;font-size:13px;line-height:1.5}
.game-app .info-close{width:26px;height:26px;border:0;background:#f6f2fc;color:#79668e}
.game-app .info-close:hover{background:#eae0f6;color:#493566}
.game-app .info-close .icon{width:14px;height:14px}
.game-app .info-popover[popover] .info-content{display:block;margin:0;padding:0;font:400 13px/1.7 'DM Sans',sans-serif;color:#574a68;letter-spacing:normal;text-align:left}
@media(pointer:coarse){.game-app .info-trigger::after{inset:-9px}.game-app .info-close{width:36px;height:36px}}

.team-agent-person{gap:9px}
.team-agent-person .team-agent-character{width:36px;height:40px;flex-shrink:0}
.agent-workspace-tabs .icon{width:17px;height:17px}
.agent-help-summary{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 20px}
.agent-help-summary>div{display:flex;align-items:center;gap:8px;font-size:13px;color:#695b7c}
.agent-filter-panel{margin-bottom:18px;border:1px solid #e5ddf1;border-radius:12px;background:#fff;min-width:0}
.agent-filter-panel>summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;cursor:pointer;list-style:none;border-radius:12px}
.agent-filter-panel>summary::-webkit-details-marker{display:none}
.agent-filter-panel>summary:focus-visible{outline:2px solid #9379d0;outline-offset:3px}
.agent-filter-heading{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#5d4776;flex-shrink:0}
.agent-filter-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:6px;background:#ebe3fc;color:#6d4bb1;font-size:10px}
.agent-filter-summary{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:12px;color:#887796}
.agent-filter-panel>summary>.icon{width:15px;height:15px;flex-shrink:0;color:#887796;transform:rotate(90deg)}
.agent-filter-panel[open]>summary>.icon{transform:rotate(-90deg)}
.agent-help-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border-top:1px solid #eee8f5}
.agent-help-filters select{min-width:0;min-height:44px;padding:10px;font-size:12px;margin-bottom:0}
.agent-filter-reset{grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;min-height:32px;font-size:12px;color:#7958b1}
.agent-help-filters label{margin:0}
.agent-inbox-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:22px;align-items:start}
.agent-conversation-list{display:grid;gap:12px;min-width:0}
.agent-help-item{display:block;border:1px solid #e5ddf1;border-radius:14px;background:#fff;padding:18px;text-decoration:none;color:inherit}
.agent-help-item.active{border-color:#9f86d6;background:#f6f2ff;box-shadow:0 0 0 1px #d7c8ef}
.agent-help-item .help-item-top{gap:9px;min-width:0}.agent-help-item .help-item-top strong{flex:1;overflow-wrap:anywhere}.agent-help-item .help-item-top small{flex-shrink:0}
.agent-help-item p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.agent-help-item .help-item-top strong{font-weight:400;color:#665576}
.agent-help-item.unread .help-item-top strong{font-weight:750;color:#443354}
.agent-help-item.unread p{font-weight:650;color:#59436e}
.help-unread-dot{width:7px;height:7px;border-radius:50%;background:#795bd4;flex-shrink:0}
.agent-message-time{display:flex;flex-direction:column;gap:3px;text-align:right;flex-shrink:0;font-size:10px;line-height:1.4;color:#7c6b8d}
.agent-conversation-time{display:block;margin-top:8px;font-size:11px;line-height:1.5;color:#7c6b8d}
.agent-program-label{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;font-weight:600;color:#7754a5;margin:10px 0;overflow-wrap:anywhere}
.agent-program-label .icon{width:15px;height:15px;flex-shrink:0}
.agent-help-tags{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px}
.agent-conversation{min-width:0;scroll-margin-top:20px}.agent-conversation>.card-header{flex-wrap:wrap;gap:12px}
.agent-conversation-person{display:flex;align-items:center;gap:12px;min-width:0}.agent-conversation-person h2{margin:0;overflow-wrap:anywhere}
.agent-conversation-question{padding:18px;background:#faf8fd;border-radius:12px;margin:18px 0}.agent-conversation-question p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.agent-conversation .message p{overflow-wrap:anywhere;line-height:1.8}.agent-conversation .mentor-message{border-left:3px solid #b09bd8;padding-left:15px}
.agent-reply-form{margin-top:24px;padding-top:20px;border-top:1px solid #eee8f5}.conversation-back{display:none}
.agent-inbox-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}
.agent-needs-help{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:12px;font-weight:600;color:#9b681d}.agent-needs-help .icon{width:15px;height:15px}
.roster-row{align-items:flex-start}.roster-row>.button{flex-shrink:0}
@media(max-width:1000px){.roster-row{flex-wrap:wrap}.roster-row>.button{margin-left:52px}}
@media(max-width:700px){.agent-help-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agent-help-filters>label:first-child{grid-column:1/-1}.agent-inbox-layout{grid-template-columns:1fr;gap:18px}.agent-inbox-layout.has-thread .agent-conversation{order:-1}.conversation-back{display:inline-flex;margin-bottom:18px}.agent-conversation:not(:has(.agent-conversation-person)){display:none}.agent-help-summary{gap:10px 16px}.agent-workspace-tabs>a{font-size:12px;padding:9px 8px}.agent-help-item{padding:16px}}

@media(max-width:700px){.agent-workspace-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.agent-workspace-tabs>a{padding:10px 12px}}

.week-copy-panel{padding:16px;border:1px solid #ded3f1;border-radius:12px;background:#f6f2fc;display:grid;gap:12px}
.week-copy-panel .info-heading{margin:0}
.week-copy-fields{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}
.week-copy-fields>label{flex:1;min-width:130px;margin:0}
.week-copy-fields select{margin:6px 0 0}
.week-copy-fields>.button{margin-bottom:0;min-height:44px;font-size:13px}
@media(max-width:600px){.week-copy-fields>label,.week-copy-fields>.button{width:100%;flex-basis:100%}}

.community-chat{max-width:1000px;padding:24px;display:flex;flex-direction:column;gap:14px}
.community-chat>.card-header{margin:0;flex-wrap:wrap}.community-chat .info-heading{margin:0}
.community-log{height:clamp(300px,48vh,570px);overflow-y:auto;overscroll-behavior:contain;padding:18px;background:#faf8fe;border:1px solid #ece5f6;border-radius:14px;display:flex;flex-direction:column;gap:18px;scrollbar-gutter:stable}
.community-empty{margin:auto;text-align:center;color:#79688e;padding:30px 16px}.community-empty>.icon{display:block;width:32px;height:32px;margin:0 auto 14px;color:#8a70c2}.community-empty strong{display:block;color:#554069}.community-empty p{font-size:13px;margin:10px 0}
.community-message{display:flex;align-items:flex-start;gap:10px;max-width:90%}
.community-avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#e8dff5;color:#70538e;font-size:13px;font-weight:700}
.community-bubble{padding:13px 15px;background:white;border:1px solid #e8e0f1;border-radius:4px 14px 14px;min-width:0}
.community-message-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px}.community-message-meta strong{color:#554066;overflow-wrap:anywhere}.community-message-meta time{font-size:10px;color:#86768f}
.community-mentor{font-size:9px;font-weight:700;padding:3px 6px;border-radius:5px;background:#e8def8;color:#664497}
.community-bubble p{font-size:14px;line-height:1.7;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.community-message.is-own{align-self:flex-end;flex-direction:row-reverse}.community-message.is-own .community-bubble{background:#eee6fb;border-color:#d7c4ef;border-radius:14px 4px 14px 14px}
.community-message.is-own .community-avatar{background:#dacbf3;color:#593788}
.community-composer{display:flex;align-items:flex-end;gap:12px}.community-composer textarea{flex:1;min-width:0;margin:0;resize:vertical;min-height:76px;max-height:180px}.community-composer .button{min-height:44px;flex-shrink:0}
.community-status{font-size:13px;color:#8a5426;margin:0}.community-older,.community-new{align-self:center}.community-new{border:0;background:transparent;padding:8px;cursor:pointer}
@media(max-width:600px){.community-chat{padding:16px 12px}.community-chat .card-header h2{font-size:16px}.community-log{padding:12px 8px;height:clamp(220px,34dvh,320px)}.community-message{max-width:100%;gap:7px}.community-avatar{width:27px;height:27px;font-size:11px}.community-bubble{padding:11px}.community-composer{gap:8px}.community-composer textarea{min-height:64px}.community-composer .button{min-width:80px;padding:12px}}

.buddy-program-filter{max-width:480px;margin-bottom:20px}.buddy-program-filter label{margin:0}
.buddy-management-grid,.buddy-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.buddy-management-grid>.card,.buddy-progress-grid>.card{min-width:0}
.buddy-pair-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #eee8f5}
.buddy-pair-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:1;min-width:0}
.buddy-pair-people>span,.buddy-waiting-list>span{display:flex;align-items:center;gap:8px;font-size:12px;overflow-wrap:anywhere}
.buddy-pair-people strong{font-size:12px;min-width:0}.buddy-pair-row .mini-character,.buddy-waiting-list .mini-character{width:34px;height:40px}
.buddy-waiting-heading{margin-top:24px;display:flex;align-items:center;gap:8px}.buddy-waiting-list{display:flex;flex-wrap:wrap;gap:10px 18px}
.buddy-page{display:grid;gap:20px}.buddy-introduction{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.buddy-nudge-action{display:flex;align-items:center;gap:9px}.buddy-nudge-action>form{flex:1}.buddy-nudge-action>.info-help{flex-shrink:0;margin:0}
.buddy-person{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.buddy-person h2{margin:0 0 5px;overflow-wrap:anywhere}.buddy-person .muted{font-size:12px}
.buddy-progress-card>.card-header{align-items:flex-start;flex-wrap:wrap;gap:10px}.buddy-progress-card>.card-header h2{margin:0;font-size:17px}
.buddy-progress-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 16px}
.buddy-progress-stats>div{display:flex;flex-direction:column;gap:5px;padding:12px 7px;background:#f4effc;border-radius:10px;text-align:center}
.buddy-progress-stats strong{font:800 22px Manrope,sans-serif;color:#6950a0}.buddy-progress-stats span{font-size:10px;color:#857294}
.buddy-task-total{font-size:12px;color:#887397;margin:8px 0 24px}.buddy-kpi{margin:14px 0}.buddy-kpi>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px}.buddy-kpi strong{font-weight:600;overflow-wrap:anywhere}.buddy-kpi span{color:#857294;text-align:right}
.buddy-nudge-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:18px;border:1px solid #d7c8f4;background:#eee5ff;border-radius:13px;color:#614692}
.buddy-nudge-notice>div{flex:1;min-width:0;overflow-wrap:anywhere}.buddy-nudge-notice strong{font-size:14px}.buddy-nudge-notice p{font-size:12px;margin:5px 0}.buddy-nudge-notice small{font-size:10px;color:#806c9d}.buddy-nudge-notice .icon-button{width:32px;height:32px;background:#ffffff8c;border:0}
@media(max-width:850px){.buddy-management-grid,.buddy-progress-grid{grid-template-columns:1fr}}
@media(max-width:600px){.buddy-pair-row{flex-wrap:wrap}.buddy-pair-row>form{margin-left:auto}.buddy-pair-people{flex-basis:100%}.buddy-introduction>.buddy-nudge-action{width:100%}.buddy-nudge-action .button{width:100%}.buddy-nudge-notice{padding:13px;gap:9px}.buddy-nudge-notice strong{font-size:13px}.buddy-nudge-notice .icon-button{width:36px;height:36px}}

.unified-store{grid-template-columns:minmax(0,1fr)}
.unified-store .fitting-room{position:static;padding:20px 24px;scroll-margin-top:20px}
.unified-store .fitting-room .card-header{margin-bottom:12px}
.unified-store .fitting-room .card-header h2{font-size:18px;margin:0}
.unified-store .fitting-room .card-header>.info-help{margin:0}
.character-editor-body{display:grid;grid-template-columns:160px minmax(240px,1fr) minmax(210px,.85fr);gap:28px;align-items:center}
.character-editor-body>div,.character-editor-body>form{min-width:0}
.unified-store .fitting-room [data-character-preview]>.character{height:170px;width:100%;margin:0 auto 6px}
.character-look>.level-chip{font-size:10px;white-space:nowrap;padding:7px 9px}
.unified-store .fitting-room .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.character-preview-tools{border-left:1px solid var(--line);padding-left:24px;text-align:left}
.unified-store .character-controls{max-width:none;margin:0 0 6px;padding-top:0;border-top:0}
.unified-store .character-controls>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:12px 0;cursor:pointer;color:#75608e;font-size:12px;font-weight:650}
.unified-store .character-controls>summary::-webkit-details-marker{display:none}
.unified-store .character-controls>summary>.icon{width:14px;height:14px;transform:rotate(90deg)}
.unified-store .character-controls[open]>summary>.icon{transform:rotate(-90deg)}
.unified-store .preview-status{margin:10px 0 0}
.preview-item-action{margin-top:12px}
.preview-item-action .need-coins{display:block;font-size:11px;margin-top:8px;color:#8a7599}
.store-collection{min-width:0;scroll-margin-top:20px}
.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.collection-toolbar>.info-help{margin:0}
.collection-switch{display:inline-flex;gap:4px;padding:4px;background:#eee9fb;border:1px solid #e1d7f5;border-radius:12px}
.collection-switch a{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:650;color:#75608e}
.collection-switch a.active{background:#fff;color:#6345b0;box-shadow:0 2px 5px #58407e12}
.collection-switch a>span{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:20px;font-size:11px;background:#e8defa;color:#6748a4}
@media(min-width:601px){.unified-store .item-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(min-width:601px) and (max-width:1000px){.character-editor-body{grid-template-columns:160px minmax(0,1fr);gap:14px 24px}.character-preview-tools{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;text-align:center}.unified-store .character-controls{max-width:400px;margin:0 auto 6px}.unified-store .preview-item-action{max-width:400px;margin:12px auto 0}}
@media(max-width:600px){.unified-store .fitting-room{padding:18px 16px}.character-editor-body{grid-template-columns:minmax(95px,.85fr) minmax(0,1.15fr);gap:10px 16px}.unified-store .fitting-room [data-character-preview]>.character{height:145px;max-width:145px;margin:0 auto 6px}.character-look>.level-chip{padding:7px}.unified-store .fitting-room .form-grid{grid-template-columns:1fr;gap:0}.character-preview-tools{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:6px 0 0;text-align:center}.unified-store .collection-switch{flex:1}.unified-store .collection-switch a{flex:1;padding:10px 12px}}

.unified-store .store-tabs{flex-wrap:wrap;overflow:visible;gap:6px;padding-bottom:0;margin-bottom:14px}
.unified-store .store-tabs a{padding:9px 12px}
.tier-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}
.tier-filter{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:11px 8px;border:1px solid #e1d9ed;border-radius:10px;background:#fff;font-size:12px;font-weight:700;color:#756582}
.tier-filter>.icon{width:17px;height:17px}
.tier-filter>small{font-size:11px;font-weight:650;opacity:.8}
.tier-filter-all.active{background:#eee7fb;border-color:#a88bd3;color:#6946a3}
.tier-filter-common{color:#3f6b57;border-color:#c4dacd;background:#f5faf7}
.tier-filter-common.active{background:#d4ebdf;border-color:#72ad8f;box-shadow:inset 0 0 0 1px #72ad8f}
.tier-filter-rare{color:#315d9e;border-color:#bfd3ef;background:#f3f8ff}
.tier-filter-rare.active{background:#d7e7ff;border-color:#6b9be2;box-shadow:inset 0 0 0 1px #6b9be2}
.tier-filter-epic{color:#7742ac;border-color:#d6b4ef;background:#faf4ff}
.tier-filter-epic.active{background:#eddbff;border-color:#a66ad2;box-shadow:inset 0 0 0 1px #a66ad2}
.item-tier-common{--tier-ink:#365f4d;--tier-line:#b3d2c0;--tier-bar:#deeee4;--tier-art:#f0f8f3;--tier-glow:#b6e5cc}
.item-tier-rare{--tier-ink:#24558f;--tier-line:#93b9ee;--tier-bar:#d6e7ff;--tier-art:#edf5ff;--tier-glow:#afd1ff}
.item-tier-epic{--tier-ink:#fff5cf;--tier-line:#ae79d8;--tier-bar:#7846b3;--tier-art:#f5eaff;--tier-glow:#d5b2fa}
.item-card[data-item-rarity]{border:2px solid var(--tier-line)}
.item-tier-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:37px;padding:9px 11px;background:var(--tier-bar);color:var(--tier-ink)}
.item-tier-bar .item-rarity{position:static;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;line-height:1;letter-spacing:.7px;text-transform:uppercase;color:inherit}
.item-tier-bar .item-rarity>.icon{width:15px;height:15px}
.tier-stars{display:flex;align-items:center;gap:2px}
.tier-stars>.icon{width:11px;height:11px;fill:currentColor;stroke-width:1}
.item-card[data-item-rarity]>.item-preview{background:radial-gradient(ellipse at 50% 47%,var(--tier-glow),transparent 70%),var(--tier-art);border-bottom-color:var(--tier-line);padding-top:23px}
.item-card.item-tier-epic{box-shadow:0 0 0 1px #ead395,0 5px 18px #9259b91a}
.item-tier-epic>.item-tier-bar{background:linear-gradient(105deg,#65369d,#9457cc);border-bottom:2px solid #e7c66f}
.item-tier-epic>.item-tier-bar .item-rarity>.icon,.item-tier-epic .tier-stars{color:#ffe3a0}
.item-tier-epic>.item-preview:before{content:"\2726";position:absolute;top:29px;left:15px;color:#be8c36;font-size:16px;text-shadow:118px 56px 0 #a47ac4;pointer-events:none}
.item-tier-rare .buy-button{background:#466fb7}
.item-tier-epic .buy-button{background:linear-gradient(110deg,#7440b6,#9250c4)}
.item-card[data-item-rarity].equipped{border-color:var(--tier-line);box-shadow:0 0 0 2px #a2c3ad}
.item-card[data-item-rarity].is-previewing{border-color:var(--tier-line);box-shadow:0 0 0 3px var(--tier-glow)}
@media(max-width:600px){.unified-store .store-tabs a{padding:8px 10px;font-size:11px}.tier-filters{gap:6px;margin-bottom:16px}.tier-filter{display:grid;grid-template-columns:1fr auto;gap:4px;padding:8px 10px}.tier-filter>.icon{grid-column:1;grid-row:1;width:15px;height:15px}.tier-filter>span{grid-column:1/-1;grid-row:2;text-align:center;font-size:11px}.tier-filter>small{grid-column:2;grid-row:1;font-size:10px}.item-tier-bar{min-height:36px;padding:9px 8px;gap:3px}.item-tier-bar .item-rarity{font-size:9px;letter-spacing:.35px;gap:4px}.item-tier-bar .item-rarity>.icon{width:13px;height:13px}.tier-stars{gap:1px}.tier-stars>.icon{width:9px;height:9px}.item-card[data-item-rarity]>.item-preview{padding-top:25px}}

.equip-feedback{font-size:11px;line-height:1.6;color:#a34259;margin:9px 0 0}.fitting-room .equip-feedback{color:#a34259}

.character.character-avatar{width:44px;height:52px;max-width:none;flex:0 0 auto;margin:0;vertical-align:middle}.character.character-avatar.large{width:84px;height:98px}.character.character-avatar.small{width:36px;height:42px}