:root{--ui-outline: #2a4187;--ui-ink: #1f305c;--ui-shared-background: url(/assets/aurora/background-shared-light-v1.webp);--ui-muted: #536784;--ui-surface-top: #feffff;--ui-surface-bottom: #edf4ff;--ui-surface: linear-gradient(180deg, var(--ui-surface-top), var(--ui-surface-bottom));--ui-row: #f5f8fe;--ui-line: #c7d6ed;--ui-available-reward-tint: #e8fff5;--ui-available-reward-outline: #33d175;--ui-progress-track: #e7eff7;--ui-progress-outline: #397565;--ui-progress-fill-top: #9ce2d6;--ui-progress-fill-bottom: #60c4b6;--ui-progress-fill: linear-gradient(180deg, var(--ui-progress-fill-top), var(--ui-progress-fill-bottom));--ui-accent: #426fc4;--ui-primary: #426fc4;--ui-primary-hover: #365fae;--ui-disabled: #e7edf5;--ui-radius: 20px;--ui-space: clamp(16px, 2.4vw, 24px);--ui-border-width: 2px;--ui-control-shadow: inset 0 1px 0 white;--ui-dialog-small-height: 420px;--ui-dialog-medium-height: 600px;--ui-dialog-large-height: 750px;--ui-dialog-tall-height: 860px;--ui-dialog-available-height: calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom))) ;--ui-dialog-limit: var(--ui-dialog-medium-height);--operational-dialog-width: min(840px, 100%);--ui-dialog-compact-width: min(620px, 100%);--ui-dialog-help-width: min(520px, 100%);--ui-dialog-width: var(--operational-dialog-width);--operational-dialog-height: auto;--operational-dialog-mobile-height: var(--ui-dialog-available-height)}@media(orientation:landscape){:root{--ui-shared-background: url(/assets/aurora/background-shared-light-desktop-v1.webp)}}wordbricks-game-panel .panel-utility-bar .gameplay-help-button{font-family:inherit;font-size:1.25rem;font-weight:1000}html.gameplay-help-open{overflow:hidden}wordbricks-help-dialog[hidden]{display:none!important}wordbricks-help-dialog.gameplay-help-overlay{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:clamp(10px,2.2vw,28px);background:#071938a8;backdrop-filter:blur(12px)}.gameplay-help-dialog{display:grid;width:var(--operational-dialog-width);height:min(var(--ui-dialog-large-height),var(--ui-dialog-available-height));max-height:calc(100svh - 24px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:var(--ui-border-width) solid var(--ui-outline);border-radius:clamp(22px,3vw,34px);color:#183653;background:var(--ui-surface);box-shadow:0 0 0 2px #ffffffb8,0 0 0 4px #9d7be54d,0 26px 80px #03142661}.gameplay-help-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(15px,2.3vw,24px) clamp(18px,3vw,30px) 12px}.gameplay-help-header small{color:#4678bd;font-size:.72rem;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.gameplay-help-header h1{margin:2px 0 0;font-size:clamp(1.65rem,4vw,2.5rem);line-height:1}.gameplay-help-header>button{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;padding:0;border:var(--ui-border-width) solid var(--ui-outline);border-radius:50%;color:#183653;background:var(--ui-surface);font:900 1.7rem/1 inherit;cursor:pointer}.gameplay-help-tabs{display:flex;gap:7px;padding:4px clamp(14px,2.5vw,28px) 13px;overflow-x:auto;scrollbar-width:none}.gameplay-help-tabs::-webkit-scrollbar{display:none}.gameplay-help-tabs button{min-width:max-content;padding:9px 14px;border:2px solid #d4e4ec;border-radius:999px;color:#567087;background:#fff;font:900 .78rem/1 inherit;cursor:pointer}.gameplay-help-tabs button[aria-selected=true]{border-color:#4f91e7;color:#fff;background:#4f91e7;box-shadow:0 5px 12px #4f91e73d}.gameplay-help-panels{min-height:0;border-block:2px solid #e3edf1;background:linear-gradient(145deg,#edf9ff,#faf7ff)}.gameplay-help-panel{height:100%;padding:clamp(16px,2.8vw,28px);overflow-y:auto;overscroll-behavior:contain}.gameplay-help-panel[hidden]{display:none}.gameplay-help-panel[data-help-panel=quests]{padding-inline:clamp(18px,3vw,30px)}.gameplay-help-rich-copy{display:grid;max-width:780px;gap:14px;margin:0 auto;padding:clamp(4px,1vw,10px)}.gameplay-help-rich-copy p{margin:0;color:#597086;font-size:clamp(.84rem,1.8vw,.96rem);font-weight:700;line-height:1.52}.gameplay-help-rich-copy b{color:#183653;font-weight:1000}.gameplay-help-shortcuts{display:flex;max-width:780px;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0;padding-top:14px;border-top:2px solid #d9e8ed}.gameplay-help-shortcuts kbd{display:inline-grid;min-width:42px;min-height:34px;place-items:center;padding:5px 10px;border:2px solid #c9dce7;border-radius:10px;color:#31536f;background:#fff;font:1000 .74rem/1 system-ui,sans-serif;box-shadow:0 3px #aec8d6}.gameplay-help-loading{min-height:180px;place-items:center}.gameplay-help-loader{width:48px;height:48px;border:6px solid #d8e7ee;border-top-color:#4f91e7;border-radius:50%;animation:gameplay-help-spin .75s linear infinite}.gameplay-help-panel-copy{margin:0 0 16px}.gameplay-help-panel-copy h2{margin:0;font-size:clamp(1.18rem,2.7vw,1.55rem)}.gameplay-help-panel-copy p{max-width:760px;margin:7px 0 0;color:#597086;font-size:.92rem;font-weight:700;line-height:1.45}.gameplay-help-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gameplay-help-item{display:grid;min-width:0;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;border:2px solid rgb(203 222 232 / 78%);border-radius:16px;background:#ffffffe0;box-shadow:0 5px 14px #1836530f}.gameplay-help-item>img,.gameplay-help-dot{display:grid;width:42px;height:42px;place-items:center;object-fit:contain;border-radius:11px}.gameplay-help-dot{color:#4f91e7;background:#e7f2ff;font-size:2rem;line-height:1}.gameplay-help-item strong{display:block;margin:1px 0 4px;color:#183653;font-size:.9rem;line-height:1.2}.gameplay-help-item p{margin:0;color:#60758a;font-size:.77rem;font-weight:650;line-height:1.38}.gameplay-help-item>small{padding:5px 7px;border-radius:999px;color:#2c7042;background:#e2f3e5;font-size:.62rem;font-weight:1000;white-space:nowrap}.gameplay-help-dialog>.gameplay-help-navigation{display:flex;align-items:center;gap:12px;margin:12px clamp(18px,3vw,30px) 16px;padding:6px 8px;border:var(--ui-border-width) solid var(--ui-outline);border-radius:var(--ui-radius);color:var(--ui-ink);background:var(--ui-surface)}.gameplay-help-navigation>button{width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:10px;color:inherit;background:transparent;font:inherit;font-size:28px;cursor:pointer}.gameplay-help-navigation .gameplay-help-tabs{flex:1;min-width:0;justify-content:center;padding:0;overflow:visible}.gameplay-help-navigation .gameplay-help-tabs button{width:100%;min-width:0;min-height:44px;padding:4px 0;border:0;border-radius:10px;color:var(--ui-ink);background:transparent;font-size:1rem;font-weight:600;box-shadow:none}.gameplay-help-navigation .gameplay-help-tabs button[aria-selected=false]{display:none}@media(max-width:620px){wordbricks-help-dialog.gameplay-help-overlay{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.gameplay-help-dialog{width:100%;height:var(--operational-dialog-mobile-height, calc(100dvh - 16px) );max-height:var(--operational-dialog-mobile-height, calc(100dvh - 16px) );border-radius:24px}.gameplay-help-items{grid-template-columns:1fr}.gameplay-help-header{padding-block-start:16px}.gameplay-help-panel{padding:16px}.gameplay-help-item{grid-template-columns:38px minmax(0,1fr) auto;padding:10px}.gameplay-help-item>img,.gameplay-help-dot{width:38px;height:38px}}@media(prefers-reduced-motion:no-preference){wordbricks-help-dialog.gameplay-help-overlay:not([hidden]) .gameplay-help-dialog{animation:gameplay-help-enter .18s ease-out both}@keyframes gameplay-help-enter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}}@keyframes gameplay-help-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.gameplay-help-loader{animation:none}}.gameplay-help-desktop-controls{max-width:780px;margin:0 auto 18px;padding:14px;border:1px solid #b9d7ec;border-radius:14px;background:#fff}.gameplay-help-desktop-controls dl{display:grid;gap:10px;margin-bottom:0}.gameplay-help-desktop-controls dl>div{display:flex;align-items:center;gap:14px}.gameplay-help-desktop-controls dt{min-width:84px}.gameplay-help-desktop-controls dd{margin:0;color:#526b80}.gameplay-help-desktop-controls kbd{font:800 .86rem system-ui,sans-serif}@media(hover:none)and (pointer:coarse){.gameplay-help-desktop-controls{display:none}}:root{--resource-card-amount-color: #1f305c}:is([data-session-resource],[data-overlay-resource],#craft-owned-resources b,#craft-owned-resources strong,#craft-balance,.craft-economy b,.craft-economy strong,.craft-economy span,.resource-grid b,.resource-strip b,.mobile-snake-resources b,.session-resources b,.resources-mobile b,.overlay-session-resources b,.resource-card b,.resource-card strong,.inventory-grid strong,.shop-item>strong,.shop-offer-resource-grid strong,.shop-progression-rewards b){color:var(--resource-card-amount-color)!important;text-shadow:none!important}[data-resource-rarity]{--resource-card-background: url(/assets/shop/commerce_card_common.png);--resource-card-accent: #33ba70;background:var(--resource-card-background) center / 100% 100% no-repeat!important;border-color:var(--resource-card-accent)!important;color:var(--ui-ink, #1f305c)}[data-resource-rarity=rare]{--resource-card-background: url(/assets/shop/commerce_card_rare.webp);--resource-card-accent: #38bbee}[data-resource-rarity=epic]{--resource-card-background: url(/assets/shop/commerce_card_very_rare.webp);--resource-card-accent: #b45cf8}[data-resource-rarity=legendary]{--resource-card-background: url(/assets/shop/commerce_card_legendary_amber.webp);--resource-card-accent: #efa733}[data-resource-rarity=mythic]{--resource-card-background: url(/assets/shop/commerce_card_legendary.webp);--resource-card-accent: #d33e46}.inventory-grid,.inventory-panel .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-grid :is(article,button)[data-resource-card]{position:relative;display:block;aspect-ratio:196/296;padding:0;overflow:hidden}.inventory-grid :is(article,button)[data-resource-card]>img{position:absolute;width:90%;height:59.6%;top:23%;left:5%;object-fit:contain}.inventory-grid :is(article,button)[data-resource-card] small{position:absolute;inset:3% 5% auto;margin:0;text-align:center;color:var(--ui-ink);font-size:clamp(.65rem,2.4vw,1rem)}.inventory-grid :is(article,button)[data-resource-card] strong{position:absolute;right:5%;bottom:3.5%;font-size:clamp(1rem,4vw,1.5rem)}.inventory-item-card{min-width:0;border:2px solid;border-radius:19px;font:inherit;cursor:pointer}.inventory-grid.inventory-item-preview{grid-template-columns:minmax(0,1fr);width:min(100%,196px)}[data-inventory-item-overlay] .weekly-chest-preview-body{grid-template-columns:minmax(0,32%) minmax(0,1fr);gap:16px}.craft-resource-tile img{top:2.5%!important;left:5%!important;width:90%!important;height:83%!important}.retention-quest-claim .retention-reward{position:relative;aspect-ratio:1}.retention-quest-claim .retention-reward img{width:90%;height:83%;object-fit:contain}.retention-quest-claim .retention-reward b{position:absolute;right:8%;bottom:8%;font-size:.85rem}.shop-progression-rewards li>div[data-resource-rarity]{display:flex;justify-content:center;border:2px solid var(--resource-card-accent);border-radius:12px}.shop-progression-rewards li>div[data-resource-rarity]>span{background:transparent;border:0}@media(max-width:600px){.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.inventory-grid [data-resource-card$=_talent_spheres]>img{transform:scale(1.173333)}@media(max-width:360px){.inventory-grid :is(article,button)[data-resource-card] small{font-size:clamp(9px,calc(5vw - 7px),11px);line-height:1.2}}:root{--ui-outline: #2a4187;--ui-ink: #1f305c;--ui-shared-background: url(/assets/aurora/background-shared-light-v1.webp);--ui-muted: #536784;--ui-surface-top: #feffff;--ui-surface-bottom: #edf4ff;--ui-surface: linear-gradient(180deg, var(--ui-surface-top), var(--ui-surface-bottom));--ui-row: #f5f8fe;--ui-line: #c7d6ed;--ui-available-reward-tint: #e8fff5;--ui-available-reward-outline: #33d175;--ui-progress-track: #e7eff7;--ui-progress-outline: #397565;--ui-progress-fill-top: #9ce2d6;--ui-progress-fill-bottom: #60c4b6;--ui-progress-fill: linear-gradient(180deg, var(--ui-progress-fill-top), var(--ui-progress-fill-bottom));--ui-accent: #426fc4;--ui-primary: #426fc4;--ui-primary-hover: #365fae;--ui-disabled: #e7edf5;--ui-radius: 20px;--ui-space: clamp(16px, 2.4vw, 24px);--ui-border-width: 2px;--ui-control-shadow: inset 0 1px 0 white;--ui-dialog-small-height: 420px;--ui-dialog-medium-height: 600px;--ui-dialog-large-height: 750px;--ui-dialog-tall-height: 860px;--ui-dialog-available-height: calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom))) ;--ui-dialog-limit: var(--ui-dialog-medium-height);--operational-dialog-width: min(840px, 100%);--ui-dialog-compact-width: min(620px, 100%);--ui-dialog-help-width: min(520px, 100%);--ui-dialog-width: var(--operational-dialog-width);--operational-dialog-height: auto;--operational-dialog-mobile-height: var(--ui-dialog-available-height)}@media(orientation:landscape){:root{--ui-shared-background: url(/assets/aurora/background-shared-light-desktop-v1.webp)}}#promo-overlay,.shop-ad-overlay{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:auto;background:#102a40b8;backdrop-filter:blur(8px)}#promo-overlay[hidden]{display:none!important}.browser-promo-card{position:relative;display:grid;width:var(--ui-dialog-compact-width);height:var(--operational-dialog-height);max-height:min(var(--ui-dialog-medium-height),var(--ui-dialog-available-height));justify-items:center;gap:16px;padding:24px;overflow:auto;border:var(--ui-border-width) solid var(--ui-outline);border-radius:var(--ui-radius);color:var(--ui-ink);background:var(--ui-surface);box-shadow:none;text-align:center}.browser-promo-card>header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left}.browser-promo-card>header small{color:var(--ui-muted);font-size:.8125rem;font-weight:600}.browser-promo-card :is(h1,h2,p){margin:0}.browser-promo-card :is(h1,h2){color:var(--ui-ink);font-size:1.5rem;line-height:1.3}.browser-promo-card>header button{display:grid;width:44px;min-height:44px;flex:0 0 44px;place-items:center;padding:0;border:var(--ui-border-width) solid var(--ui-outline);border-radius:50%;color:var(--ui-ink);background:var(--ui-row);font-size:1.6rem;line-height:1;box-shadow:none;cursor:pointer}.browser-promo-card p{color:var(--ui-muted);font-size:1rem;line-height:1.5;font-weight:400}.browser-promo-card .browser-promo-icon{width:104px;height:104px;margin:0;border:0;border-radius:24px;object-fit:contain;box-shadow:none}.browser-promo-card :is(.browser-promo-link,.browser-promo-confirm){display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;margin:0;padding:10px 14px;border:var(--ui-border-width) solid var(--ui-outline);border-radius:12px;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:none;cursor:pointer}.browser-promo-card .browser-promo-link{color:var(--ui-ink);background:var(--ui-row)}.browser-promo-card .browser-promo-confirm{color:#fff;background:var(--ui-primary)}.browser-promo-card .browser-promo-confirm:disabled{color:var(--ui-muted);background:var(--ui-disabled);border-color:var(--ui-line);cursor:default}.browser-promo-reward{color:var(--ui-muted);font-size:.875rem;line-height:1.4}.browser-promo-reward:empty{display:none}@media(max-width:620px){.browser-promo-card{padding:18px;gap:14px}}.gameplay-pearl-block{overflow:hidden;border:0!important;border-radius:0!important;color:#34456d;font-family:var(--wordbricks-font);font-weight:400;background-color:transparent!important;background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:none!important;text-shadow:none!important}.gameplay-pearl-block>b{font-weight:inherit}.gameplay-pearl-block>wordbricks-rune:not(.special-corner):not(.tower-block-special-cell-icon){color:#354675;filter:drop-shadow(0 1px 0 rgb(255 255 255 / 88%)) drop-shadow(0 -1px 0 rgb(35 51 94 / 34%))!important;transform:translateY(-4%)}.gameplay-pearl-block[data-pearl-special=bomb]>wordbricks-rune{color:#801426}.gameplay-pearl-block[data-pearl-special=fire]>wordbricks-rune{color:#a74218}.gameplay-pearl-block[data-pearl-special=ghost]>wordbricks-rune{color:#376b9b}.gameplay-pearl-block[data-pearl-special=drill]>wordbricks-rune{color:#704827}.gameplay-pearl-block[data-pearl-modifier=frozen]{color:#285b86}.gameplay-pearl-block[data-pearl-modifier=armor]{color:#2f5793}:root{--ui-outline: #2a4187;--ui-ink: #1f305c;--ui-shared-background: url(/assets/aurora/background-shared-light-v1.webp);--ui-muted: #536784;--ui-surface-top: #feffff;--ui-surface-bottom: #edf4ff;--ui-surface: linear-gradient(180deg, var(--ui-surface-top), var(--ui-surface-bottom));--ui-row: #f5f8fe;--ui-line: #c7d6ed;--ui-available-reward-tint: #e8fff5;--ui-available-reward-outline: #33d175;--ui-progress-track: #e7eff7;--ui-progress-outline: #397565;--ui-progress-fill-top: #9ce2d6;--ui-progress-fill-bottom: #60c4b6;--ui-progress-fill: linear-gradient(180deg, var(--ui-progress-fill-top), var(--ui-progress-fill-bottom));--ui-accent: #426fc4;--ui-primary: #426fc4;--ui-primary-hover: #365fae;--ui-disabled: #e7edf5;--ui-radius: 20px;--ui-space: clamp(16px, 2.4vw, 24px);--ui-border-width: 2px;--ui-control-shadow: inset 0 1px 0 white;--ui-dialog-small-height: 420px;--ui-dialog-medium-height: 600px;--ui-dialog-large-height: 750px;--ui-dialog-tall-height: 860px;--ui-dialog-available-height: calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom))) ;--ui-dialog-limit: var(--ui-dialog-medium-height);--operational-dialog-width: min(840px, 100%);--ui-dialog-compact-width: min(620px, 100%);--ui-dialog-help-width: min(520px, 100%);--ui-dialog-width: var(--operational-dialog-width);--operational-dialog-height: auto;--operational-dialog-mobile-height: var(--ui-dialog-available-height)}@media(orientation:landscape){:root{--ui-shared-background: url(/assets/aurora/background-shared-light-desktop-v1.webp)}}.player-level-celebration{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:auto;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#030814e6;opacity:0;transition:opacity .22s ease;isolation:isolate}.player-level-celebration.is-visible{opacity:1}.player-level-celebration__scene{position:fixed;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(.85) brightness(.62);pointer-events:none}.player-level-celebration__card{width:min(920px,96vw);max-height:calc(100dvh - 36px);overflow:auto;padding:clamp(24px,5vw,52px);border:1px solid rgba(121,228,255,.7);border-radius:34px;background:linear-gradient(145deg,#0a1b33f5,#21123af0);box-shadow:0 0 34px #4cd7ff75,0 0 90px #9d5bff57,inset 0 1px #ffffff38;color:#f8fbff;text-align:center;transform:translateY(26px) scale(.96);animation:player-level-glow 2.6s ease-in-out infinite;transition:transform .28s cubic-bezier(.2,.9,.2,1)}.player-level-celebration.is-visible .player-level-celebration__card{transform:none}.player-level-celebration__card h2{margin:0 0 24px;font-size:clamp(32px,6vw,64px);line-height:1;text-shadow:0 0 20px rgba(95,224,255,.8)}.player-level-celebration__hero{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,46px);min-height:220px;padding:24px;border-radius:26px;background:#08172fcc;box-shadow:inset 0 0 24px #4fd9ff33}.player-level-celebration__hero>img{width:clamp(120px,25vw,220px);filter:drop-shadow(0 0 24px rgba(86,225,255,.76))}.player-level-celebration__hero span,.player-xp-reward span,.player-level-badge span{display:grid;gap:6px;text-align:left}.player-level-celebration__hero strong{font-size:clamp(38px,8vw,82px);line-height:1}.player-level-celebration__hero small{color:#c9f3ff;font-size:clamp(17px,3vw,28px)}.player-level-celebration__pack{margin:22px 0 12px;color:#ffe07b;font-weight:900;letter-spacing:.08em}.player-level-celebration__rewards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:20px}.player-level-celebration__rewards article{display:flex;align-items:center;gap:12px;min-width:0;padding:13px;border:1px solid rgba(177,231,255,.26);border-radius:18px;background:#ffffff14;text-align:left}.player-level-celebration__rewards img{width:54px;height:54px;object-fit:contain}.player-level-celebration__rewards span{display:grid;min-width:0}.player-level-celebration__rewards strong{font-size:22px}.player-level-celebration__rewards small{overflow:hidden;color:#c8d7e9;text-overflow:ellipsis}.player-level-celebration__chests{display:flex;justify-content:center;gap:16px;margin-top:20px}.player-level-celebration__chests article{display:grid;justify-items:center;width:min(360px,46%);padding:12px 22px 16px;border:1px solid rgba(255,222,105,.38);border-radius:22px;background:#0a1f3adb;box-shadow:inset 0 0 26px #5bd5ff29}.player-level-celebration__chests img{width:min(230px,100%);height:150px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,218,86,.38))}.player-level-celebration__chests strong{color:#ffe174;font-size:28px}.player-level-celebration__benefits{margin:20px 0 0;padding:0;list-style:none;color:#ffe38a;font-size:clamp(17px,3vw,24px);font-weight:800}.player-level-celebration__claim{width:100%;min-height:76px;margin-top:24px;border:1px solid rgba(255,255,255,.45);border-radius:20px;background:linear-gradient(135deg,#34c8e7,#7658ee);box-shadow:0 12px 30px #35bfe84d;color:#fff;font:inherit;font-size:clamp(20px,4vw,30px);font-weight:900;cursor:pointer}.player-xp-reward,.player-level-badge{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(112,222,255,.42);border-radius:18px;background:#091b34d1;box-shadow:0 0 20px #45d3ff2e;color:#f8fbff}.player-xp-reward{margin:14px 0;padding:12px 18px}.player-xp-reward img{width:62px;height:62px;object-fit:contain}.player-xp-reward strong{font-size:24px}.player-xp-reward small{color:#bdefff}.player-level-badge{padding:8px 14px}.player-level-badge img{width:42px;height:42px;object-fit:contain}.player-level-badge strong{font-size:15px}.player-level-badge small{color:#bdefff;font-size:12px}.account-player-progress{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 20px 18px;border:var(--ui-border-width) solid var(--ui-outline);border-radius:20px;background:var(--ui-surface);box-shadow:inset 0 1px #ffffffe0;color:#183653}.account-player-progress--loading{min-height:92px;place-items:center;color:#667b8e;font-weight:800}.account-player-progress__summary{display:flex;align-items:center;gap:14px}.account-player-progress__summary img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 8px rgb(62 128 190 / 24%))}.account-player-progress__summary span{display:grid;gap:3px;min-width:0}.account-player-progress__summary strong{font-size:1.15rem}.account-player-progress__next-reward{display:grid;grid-template-columns:minmax(0,1fr) 108px;align-items:start;gap:8px;width:100%;min-width:0;min-height:64px;box-sizing:border-box;padding-top:6px;border-top:1px solid rgba(86,112,138,.2)}.account-player-progress__next-reward strong{color:#183653}.account-player-progress__next-reward span{color:#60758a;font-size:.88rem;font-weight:800}.account-player-progress__summary small{color:#60758a;font-weight:800}.account-player-progress__bar{--ui-progress-fill-top: #bfe1ff;--ui-progress-fill-bottom: #77b2ed;--ui-progress-outline: #3a67a1;--ui-progress-fill: linear-gradient(180deg, var(--ui-progress-fill-top), var(--ui-progress-fill-bottom))}.account-player-progress__bar,.skill-upgrade-copy progress{width:100%;height:18px;overflow:hidden;border:1px solid var(--ui-progress-outline);border-radius:999px;appearance:none;background:var(--ui-progress-track)}.account-player-progress__bar::-webkit-progress-bar,.skill-upgrade-copy progress::-webkit-progress-bar{border-radius:999px;background:var(--ui-progress-track)}.account-player-progress__bar::-webkit-progress-value,.skill-upgrade-copy progress::-webkit-progress-value{border-radius:999px;background:var(--ui-progress-fill);box-shadow:inset 0 2px #ffffff70}.account-player-progress__bar::-moz-progress-bar,.skill-upgrade-copy progress::-moz-progress-bar{border-radius:999px;background:var(--ui-progress-fill);box-shadow:inset 0 2px #ffffff70}@keyframes player-level-glow{50%{box-shadow:0 0 48px #4cd7ff9e,0 0 112px #9d5bff75,inset 0 1px #ffffff47}}@media(max-width:620px){.player-level-celebration__hero{align-items:center;min-height:0}.player-level-celebration__rewards{grid-template-columns:repeat(2,minmax(0,1fr))}.player-level-celebration__rewards article{display:grid;justify-items:center;text-align:center}.player-level-celebration__rewards article:only-child{width:min(100%,220px);grid-column:1 / -1;justify-self:center}.player-level-celebration__rewards span{text-align:center}.player-level-celebration__chests{flex-wrap:wrap}.player-level-celebration__chests article{width:min(100%,260px)}}@media(prefers-reduced-motion:reduce){.player-level-celebration,.player-level-celebration__card{transition:none;animation:none}}.account-next-reward-copy{min-width:0;display:grid;gap:6px;overflow-wrap:break-word}.account-player-progress .account-next-reward-resources{justify-self:end;display:grid;grid-template-columns:repeat(var(--reward-count),52px);width:max-content;min-height:0;box-sizing:content-box;padding:0;gap:0;box-shadow:none;font:inherit;border:2px solid var(--resource-card-accent);border-radius:12px;overflow:hidden}button.account-next-reward-resources{cursor:pointer}button.account-next-reward-resources:focus-visible{outline:3px solid var(--ui-outline);outline-offset:3px}.account-next-reward-slot{position:relative;display:block;aspect-ratio:1;min-width:0}.account-next-reward-slot img{position:absolute;left:5%;top:2.5%;width:90%;height:83%;object-fit:contain}.account-next-reward-slot b{position:absolute;right:8%;bottom:8%;color:var(--ui-ink);font-size:clamp(.7rem,2.3vw,1rem)}.account-next-reward-copy>strong{font-size:clamp(.85rem,3.5vw,1rem);line-height:1.3}.account-player-progress .player-level-reward-preview{width:min(92vw,580px);max-height:85dvh;box-sizing:border-box}.player-level-reward-preview>.shop-ad-close{display:grid;position:absolute;top:12px;right:12px;width:36px;height:36px;min-height:36px;padding:0;place-items:center;border:2px solid var(--ui-outline);border-radius:50%;box-shadow:none;background:var(--ui-surface);color:var(--ui-ink);font-size:1.7rem;line-height:1}.account-player-progress .player-level-reward-preview>h2{margin:0;padding-right:44px;font-size:1.25rem;line-height:1.3;text-align:left}.player-level-reward-preview>img{width:160px;height:160px;object-fit:contain;justify-self:center}.player-level-reward-preview>ul{margin:0;padding-left:22px;display:grid;gap:12px;font-size:1rem;line-height:1.4}.has-avatar-frame.has-avatar-frame{position:relative;overflow:visible}.has-avatar-frame>img:not(.avatar-frame){border-radius:inherit}.avatar-frame{position:absolute;inset:-8%;width:116%;height:116%;pointer-events:none;overflow:visible}.has-avatar-frame>.avatar-frame{border-radius:0;object-fit:contain}.retention-quest-list,.retention-items,.retention-activity{display:grid;gap:12px}.retention-quest,.retention-chest,.retention-frame-card,.retention-expert,.talent-level-card{position:relative;padding:14px;border:2px solid var(--ui-outline, #d4e4ec);border-radius:18px;color:#183653;background:var(--ui-surface, #fff)}.retention-quest{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:stretch;gap:12px;padding:10px}.retention-quest-details{display:flex;flex-direction:column;min-width:0;gap:6px;text-align:left}.retention-quest-details>strong{font-size:1rem;line-height:1.3;font-weight:400}.retention-quest small,.retention-chest small,.retention-frame-card small{display:block;color:#60758a}.retention-quest small{font-size:1.125rem;line-height:1.2;font-weight:600;color:var(--ui-ink)}.retention-quest-progress{position:relative;display:grid;place-items:center;width:100%;min-height:24px;margin-top:auto;overflow:hidden;border:1px solid var(--ui-progress-outline);border-radius:999px;background:var(--ui-progress-track)}.retention-quest-progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--ui-progress-fill);box-shadow:inset 0 2px #ffffff70}.retention-quest-progress-label{position:relative;padding:1px 8px;color:var(--ui-ink);font-size:.75rem;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:none}.retention-quest-claim.ui-button{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;aspect-ratio:1;align-self:center;padding:6px;border-radius:16px;color:var(--ui-ink);background:url(/assets/shop/commerce_card_rare.webp) center / 100% 100% no-repeat;border-color:#38bbee;font-weight:400}.retention-quest-claim .retention-rewards{flex:1;align-items:center;width:100%;min-height:0;gap:4px}.retention-quest-claim .retention-reward{position:relative;display:grid;place-items:center;flex:1;height:100%;min-width:0}.retention-quest-claim .retention-reward img{width:100%;height:100%;max-height:none;object-fit:contain}.retention-quest-claim .retention-reward b{position:absolute;bottom:0;right:0;font-size:1.125rem;font-weight:800;line-height:1.2}.retention-rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.retention-reward{display:inline-flex;align-items:center;gap:4px;font-size:.8rem}.retention-reward img{width:30px;height:30px;object-fit:contain}.retention-frame-grid,.retention-chest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.retention-chest,.retention-frame-card,.retention-expert{display:grid;justify-items:center;gap:10px;text-align:center}.retention-frame-preview{position:relative;display:grid;place-items:center;width:86px;height:86px;margin:8px;border-radius:50%;background:#e8f0f4}.retention-frame-preview>.empty-account-glyph{width:60%;height:60%}.retention-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:#eb4353;pointer-events:none}.retention-chest,.retention-expert{min-width:0;align-content:start}.retention-chest{padding:8px;aspect-ratio:196 / 296;border-color:#38bbee;background:url(/assets/shop/commerce_card_rare.webp) center / 100% 100% no-repeat}.retention-chest{grid-template-rows:minmax(0,1fr);align-content:stretch;gap:0}.retention-chest-open{display:grid;width:100%;height:100%;min-height:0;grid-template-rows:minmax(34px,18%) minmax(0,1fr) minmax(44px,18%);justify-items:center;align-items:center;padding:0;border:0;color:var(--ui-ink);background:transparent;font:inherit;cursor:pointer}.retention-chest-open>strong{max-width:100%;font-size:1rem;line-height:1.2;text-align:center}.retention-chest-art{width:100%;height:100%;min-height:0;object-fit:contain}.retention-chest-open .ui-button{display:grid;place-items:center;width:94%;min-height:44px;padding:4px 6px;border:var(--ui-border-width) solid var(--ui-outline);border-radius:12px;color:var(--ui-ink);background:var(--ui-surface);font:inherit}.retention-chest-open .ui-button{grid-row:3;align-self:end;margin-bottom:6px}.retention-chest-open:disabled{opacity:.65;cursor:default}.retention-expert .ui-button{width:100%}.retention-chest.claimed,.retention-expert.claimed,.retention-quest.complete{border-color:var(--ui-line)}.retention-reward-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.retention-reward-card{display:grid;justify-items:center;align-content:center;min-width:0;padding:6px;aspect-ratio:196 / 218;border:2px solid #38bbee;border-radius:12px;background:url(/assets/shop/commerce_card_rare.webp) center / 100% 100% no-repeat}.retention-reward-card img{width:100%;aspect-ratio:1;object-fit:contain}.retention-reward-card b{font-size:1.1rem;color:var(--ui-ink)}@media(max-width:600px){.retention-chest-grid{gap:10px}.retention-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.retention-frame-card{padding:10px}.retention-frame-preview{width:62px;height:62px}.retention-chest-open>strong{font-size:.875rem}.retention-chest-open .ui-button{min-height:36px;font-size:.8125rem}.retention-quest{grid-template-columns:minmax(0,1fr) 80px;gap:10px;padding:8px}.retention-quest-details{gap:2px}.retention-quest-details>strong{font-size:.875rem;line-height:1.25}.retention-quest-details>small{font-size:1rem}.retention-quest-progress{min-height:20px}.retention-quest-claim.ui-button{padding:6px;border-radius:14px}.retention-quest-claim .retention-reward img{max-height:72px}.retention-quest-claim .retention-reward b{font-size:.9375rem}}.shop-section-header.commerce-refresh-header{--refresh-edge: 16px;grid-template-columns:minmax(0,1fr) auto;padding-inline:var(--refresh-edge);row-gap:0;padding-block:calc(6px - var(--ui-border-width) / 2)}.shop-section-header.commerce-refresh-header h3{grid-column:1;grid-row:1;text-align:left;margin:0}.commerce-refresh{position:relative;grid-column:2;grid-row:1;display:grid;align-content:center;justify-items:center;align-items:center;grid-template-columns:minmax(0,1fr) 28px;grid-template-rows:28px minmax(0,1fr);gap:2px 4px;width:136px;height:68px;min-height:68px;min-width:136px;margin:0;padding:6px;border:var(--ui-border-width) solid var(--ui-outline);border-radius:14px;color:var(--ui-ink);background:var(--ui-surface);font-family:inherit;font-size:1.2rem;font-weight:600;white-space:nowrap;cursor:pointer}.commerce-refresh-action{grid-column:1 / -1;grid-row:1;line-height:1.25;text-align:center}.commerce-refresh-arrow{grid-column:2;grid-row:1;display:block;width:28px;height:28px;background:currentColor;mask:url(/assets/runtime-menu-icons/refresh_glyph.png) center / contain no-repeat}.commerce-refresh-timer{grid-column:1 / -1;grid-row:2;color:var(--ui-muted);font-size:.75rem;font-weight:400;line-height:1.25;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%}.commerce-refresh-timer b{font-weight:400}.retention-weekly-timer{color:var(--ui-muted);font-weight:400;text-align:center}.commerce-refresh:disabled{color:var(--ui-muted);opacity:.65;cursor:default}.commerce-refresh[aria-busy=true],.commerce-refresh:disabled:not(:has(.commerce-refresh-cost)){font-size:1rem;white-space:normal}.commerce-refresh-ad{flex:0 0 auto;width:14px;height:14px;background:currentColor;clip-path:polygon(25% 10%,85% 50%,25% 90%)}.commerce-refresh-cost{position:static;grid-column:1;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:24px;min-width:0;padding:2px;border-radius:7px;background:#e7ecf0;font-size:.75rem;line-height:1.25}.commerce-refresh-cost img{width:19px;height:19px;object-fit:contain}.commerce-refresh-status{grid-column:1 / -1;color:var(--ui-muted);font-weight:400}.retention-activity>section{display:grid;gap:16px}@media(max-width:500px){.shop-section-header.commerce-refresh-header{--refresh-edge: 12px;grid-template-columns:minmax(0,1fr) auto;column-gap:8px}.shop-section-header.commerce-refresh-header h3{font-size:1rem;line-height:1.35;overflow-wrap:normal}.commerce-refresh{min-width:124px;width:124px;height:62px;min-height:62px;font-size:1.1rem}.commerce-refresh-cost{font-size:.6875rem}.commerce-refresh-cost img{width:16px;height:16px}.commerce-refresh-timer{font-size:.6875rem}}.weekly-chest-preview[data-retention-dialog]{gap:18px;padding:22px}.weekly-chest-preview[data-retention-dialog] h2{display:flex;align-items:center;min-height:44px;padding-right:54px}.weekly-chest-preview[data-retention-dialog] .shop-ad-close{top:22px;right:22px}.weekly-chest-preview[data-retention-dialog] .weekly-chest-preview-body{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:16px}.weekly-chest-preview[data-retention-dialog] .retention-preview-card{display:flex;flex-direction:column;gap:8px;padding:10px;background:url(/assets/shop/commerce_card_very_rare.webp) center / 100% 100%;border-color:#b464fa}.weekly-chest-preview[data-retention-dialog] .retention-preview-card>strong{font-size:.875rem;line-height:1.3;text-align:center}.weekly-chest-preview[data-retention-dialog] .retention-preview-card>img{width:100%;aspect-ratio:1;object-fit:contain}.weekly-chest-preview[data-retention-dialog] .retention-preview-card .weekly-chest-price{min-height:34px;font-size:.8125rem}.weekly-chest-preview[data-retention-dialog] .weekly-chest-contents{gap:12px;max-height:min(440px,54dvh);overflow-y:auto;text-align:left}.weekly-chest-preview[data-retention-dialog] .retention-reward-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.weekly-chest-preview[data-retention-dialog] .retention-reward-card{width:calc((100% - (var(--reward-columns) - 1) * 12px) / var(--reward-columns));max-width:128px;aspect-ratio:98 / 148;flex:0 0 auto}.retention-chest-description{display:grid;gap:8px}.retention-chest-description p{margin:0;font-size:.875rem;line-height:1.3}@media(max-width:500px){.weekly-chest-preview[data-retention-dialog]{padding:18px}.weekly-chest-preview[data-retention-dialog] .retention-reward-cards{--reward-columns: 1 !important}}.retention-frame-collection{display:grid;gap:24px}.retention-frame-collection section+section{padding-top:20px;border-top:2px solid var(--ui-line)}.retention-frame-collection h3{margin:0 0 12px;color:var(--ui-ink);font-size:1rem;font-weight:600}.retention-frame-card{aspect-ratio:1;display:block;min-width:0;padding:0;border:var(--ui-border-width) solid var(--ui-outline);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-control-shadow)}.retention-frame-details{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;padding:12px 8px;border:0;border-radius:inherit;background:transparent;color:var(--ui-ink);font:inherit;cursor:pointer}.retention-frame-details .retention-frame-preview{width:62%;height:auto;aspect-ratio:1;flex-shrink:0;margin:0}.retention-frame-details>strong{display:block;max-width:100%;font-size:.9rem;font-weight:600;line-height:1.2}.customization-selection{position:absolute;top:7px;right:7px;width:30px;height:30px;padding:0;border:4px solid #a5b6c7;border-radius:50%;background:#17274f;color:#fff;font:inherit;cursor:pointer}.customization-selection.selected{border-color:#47b983;background:#47b983;font-size:19px}.customization-selection:disabled{cursor:default}.retention-frame-lock{position:absolute;top:8px;right:8px;font-size:18px}.retention-frame-card .retention-dot{top:8px;left:8px;right:auto}.retention-frame-dialog{display:grid;justify-items:center;gap:18px;max-height:90dvh;overflow:auto;color:var(--ui-ink)}.retention-frame-dialog h2{margin:0;padding:0 25px}.retention-frame-dialog .retention-frame-preview{width:min(240px,58vw);height:auto;aspect-ratio:1;margin:16px}.retention-frame-dialog p{margin:0;line-height:1.45}.retention-frame-condition{padding:12px 16px;border-radius:16px;background:var(--ui-surface)}.retention-frame-dialog .ui-button{width:100%}@media(max-width:600px){.retention-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.retention-frame-card{padding:0}.retention-frame-details{gap:8px;padding:8px 4px}.retention-frame-details>strong{font-size:.75rem}.customization-selection{width:25px;height:25px;top:4px;right:4px;border-width:3px}}:root{--ui-outline: #2a4187;--ui-ink: #1f305c;--ui-shared-background: url(/assets/aurora/background-shared-light-v1.webp);--ui-muted: #536784;--ui-surface-top: #feffff;--ui-surface-bottom: #edf4ff;--ui-surface: linear-gradient(180deg, var(--ui-surface-top), var(--ui-surface-bottom));--ui-row: #f5f8fe;--ui-line: #c7d6ed;--ui-available-reward-tint: #e8fff5;--ui-available-reward-outline: #33d175;--ui-progress-track: #e7eff7;--ui-progress-outline: #397565;--ui-progress-fill-top: #9ce2d6;--ui-progress-fill-bottom: #60c4b6;--ui-progress-fill: linear-gradient(180deg, var(--ui-progress-fill-top), var(--ui-progress-fill-bottom));--ui-accent: #426fc4;--ui-primary: #426fc4;--ui-primary-hover: #365fae;--ui-disabled: #e7edf5;--ui-radius: 20px;--ui-space: clamp(16px, 2.4vw, 24px);--ui-border-width: 2px;--ui-control-shadow: inset 0 1px 0 white;--ui-dialog-small-height: 420px;--ui-dialog-medium-height: 600px;--ui-dialog-large-height: 750px;--ui-dialog-tall-height: 860px;--ui-dialog-available-height: calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom))) ;--ui-dialog-limit: var(--ui-dialog-medium-height);--operational-dialog-width: min(840px, 100%);--ui-dialog-compact-width: min(620px, 100%);--ui-dialog-help-width: min(520px, 100%);--ui-dialog-width: var(--operational-dialog-width);--operational-dialog-height: auto;--operational-dialog-mobile-height: var(--ui-dialog-available-height)}.ui-button{display:inline-flex;min-width:0;min-height:44px;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:var(--ui-border-width) solid var(--ui-outline);border-radius:12px;color:#fff;background:var(--ui-primary);box-shadow:none;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}.ui-button:hover:not(:disabled){background:var(--ui-primary-hover)}.ui-button:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}.ui-button:disabled{color:var(--ui-muted);background:var(--ui-disabled);border-color:var(--ui-line);opacity:1;cursor:default}@media(orientation:landscape){:root{--ui-shared-background: url(/assets/aurora/background-shared-light-desktop-v1.webp)}}.background-issue-status{position:fixed;z-index:9999;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(620px,calc(100vw - 32px));box-sizing:border-box;padding:12px 18px;border-radius:12px;color:#fff;background:#081529f0;font-size:.9rem;line-height:1.4;text-align:center;pointer-events:none}.background-issue-overlay{position:fixed;z-index:10000;inset:0;display:grid;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));place-items:center;background:#020c1fd1;backdrop-filter:blur(13px)}.background-issue-dialog{display:grid;position:relative;width:var(--operational-dialog-width);height:var(--operational-dialog-height);max-height:min(var(--ui-dialog-medium-height),var(--ui-dialog-available-height));gap:12px;padding:20px;overflow:auto;border:var(--ui-border-width) solid var(--ui-outline);border-radius:28px;color:var(--ui-ink);background:var(--ui-surface);box-shadow:0 28px 90px #0000007a,inset 0 0 0 1px #ffffff1a}.background-issue-help{position:absolute;top:14px;right:14px;width:42px;height:42px;border:var(--ui-border-width) solid var(--ui-outline);border-radius:50%;color:#073257;background:var(--ui-surface);font-size:1.25rem;font-weight:1000;cursor:pointer}.background-issue-summary{display:grid;justify-items:center;gap:10px;text-align:center}.background-issue-glyph{display:grid;width:62px;height:62px;place-items:center;border:var(--ui-border-width) solid var(--ui-outline);border-radius:50%;color:#071a34;background:var(--ui-surface);box-shadow:none;font-size:2rem;font-weight:1000}.background-issue-dialog h2,.background-issue-dialog h3,.background-issue-dialog p,.background-issue-dialog li,.background-issue-dialog small{color:var(--ui-ink)}.background-issue-dialog h2{margin:0;font-size:clamp(1.4rem,4vw,2rem)}.background-issue-dialog p{margin:0;line-height:1.5}.background-issue-details{padding:18px;border:var(--ui-border-width) solid var(--ui-outline);border-radius:18px;background:var(--ui-surface)}.background-issue-details h3{margin:0 0 10px}.background-issue-details ul{margin:0;padding-left:22px;line-height:1.48}.background-issue-details small{display:block;margin-top:14px;opacity:.58}.background-issue-details a{display:block;margin-top:16px;color:var(--ui-outline);font-weight:900;text-align:center}.background-issue-understood{min-height:58px;border:var(--ui-border-width) solid var(--ui-outline);border-radius:18px;color:#12365a;background:var(--ui-surface);box-shadow:0 5px #4d83b7;font-size:1.05rem;font-weight:1000;cursor:pointer}@media(max-width:620px){.background-issue-overlay{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.background-issue-dialog{width:100%;height:auto;max-height:min(var(--ui-dialog-medium-height),var(--ui-dialog-available-height))}}.tutorial-stage{--tutorial-demo-height: min(560px, 72svh);--tutorial-demo-header-height: 40px;--tutorial-art-inset: 0px;position:fixed;z-index:9000;inset:0;overflow:auto;isolation:isolate;color:#fff;background:#020b20}.tutorial-stage:before{position:fixed;z-index:-1;inset:0 var(--tutorial-art-inset) 0 0;background:linear-gradient(90deg,#020b20 8%,rgb(2 11 32 / 88%) 25%,transparent 65%),url(/assets/tutorials/echo-wide-v1.webp) calc(100% + 100px) center / auto 100svh no-repeat;content:"";pointer-events:none}.tutorial-stage-frame{display:grid;box-sizing:border-box;width:min(1800px,calc(100% - 64px));min-height:100svh;margin-inline:auto;padding:clamp(24px,3vw,54px) 0;grid-template-areas:"copy demo ." "button demo .";grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.7fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:clamp(24px,2.5vw,52px);row-gap:24px;animation:tutorial-frame-enter .26s ease-out both}.tutorial-stage.leaving .tutorial-stage-frame{animation:tutorial-frame-exit .22s ease-in both}.tutorial-stage-copy{display:grid;grid-area:copy;min-width:0;max-width:620px;align-content:start;gap:12px;text-shadow:0 3px 12px rgb(0 0 0 / 75%)}.tutorial-stage-copy small{color:#73e5ff;font-size:.9rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tutorial-stage-copy h2{margin:0;color:#fff;font-size:clamp(2rem,3.2vw,3.8rem);line-height:1.08;overflow-wrap:anywhere}.tutorial-stage-copy p{margin:0;color:#fff;font-size:clamp(1rem,1.25vw,1.25rem);font-weight:600;line-height:1.45}.tutorial-stage-copy strong{color:#72defc;font-size:.95rem;font-weight:600;line-height:1.4}.tutorial-demo-slot{grid-area:demo;min-width:0;width:min(560px,100%);height:var(--tutorial-demo-height);justify-self:center}.tutorial-demo-window{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;margin:0;overflow:hidden;border:2px solid rgb(110 222 255 / 88%);border-radius:22px;color:#12375c;background:#eef8fff5;box-shadow:0 20px 70px #0000006b}.tutorial-demo-window>header{display:flex;box-sizing:border-box;flex:0 0 var(--tutorial-demo-header-height);min-height:0;padding:0 16px;align-items:center;justify-content:space-between;gap:14px;color:#fff;background:linear-gradient(90deg,#0d2b55,#143b72);font-size:.78rem;font-weight:900;line-height:1.2}.tutorial-demo-window>header i,.tutorial-demo-window>header i:before,.tutorial-demo-window>header i:after{display:block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#80eaff;content:""}.tutorial-demo-window>header i:before{transform:translate(-9px)}.tutorial-demo-window>header i:after{transform:translate(9px,-5px)}.tutorial-demo-content{display:grid;position:relative;box-sizing:border-box;flex:1;min-height:0;padding:12px;place-items:stretch;overflow:hidden;background:radial-gradient(circle at 50% 10%,rgb(83 204 255 / 18%),transparent 45%),linear-gradient(#f7fcff,#e6f3ff)}.tutorial-demo-runtime{display:grid;position:relative;min-width:0;min-height:0;place-items:center;isolation:isolate;container-type:size}.tutorial-stage-ok{grid-area:button;box-sizing:border-box;width:min(280px,100%);min-height:56px;padding:10px 20px;justify-self:start;align-self:start;border:2px solid #70c8ef;outline:none;border-radius:18px;color:#12365a;background:linear-gradient(#fff,#dff5ff);box-shadow:0 4px #4e82b8,0 12px 28px #00000042;font-size:1rem;font-weight:900;cursor:pointer}.tutorial-stage-ok:focus-visible{outline:none;border-color:#315f9f}.tutorial-stage-account{--tutorial-demo-height: min(380px, 56svh)}@keyframes tutorial-frame-enter{0%{opacity:0;transform:scale(1.02)}}@keyframes tutorial-frame-exit{to{opacity:0;transform:scale(.99)}}.tutorial-menu-clone{position:absolute;width:560px!important;max-width:none!important;height:auto!important;top:50%;left:50%;min-height:0!important;max-height:none!important;margin:0!important;transform:translate(-50%,-50%) scale(var(--tutorial-menu-scale, .5))!important;transform-origin:center center;pointer-events:auto}.tutorial-menu-clone .mode-options{gap:5px!important}.tutorial-menu-clone .mode-card-shell{min-height:0!important}.tutorial-menu-clone .menu-logo{max-height:72px;object-fit:contain}.tutorial-menu-clone button:not(.menu-account-button),.tutorial-menu-clone a{cursor:default}.tutorial-account-panel{position:absolute!important;z-index:20;inset:4% 7%;width:auto!important;max-height:92%;overflow:auto;animation:tutorial-panel-open .26s ease-out both}.tutorial-account-panel .panel-content{padding:12px 18px 20px}.tutorial-account-panel .empty-state{padding:6px 18px 12px}.tutorial-account-panel .empty-account-glyph{transform:scale(.7)}.tutorial-account-fallback{display:grid;width:70%;min-height:70%;padding:30px;place-items:center;border-radius:28px;background:#fff}.tutorial-account-fallback>img{width:min(280px,70%)}.tutorial-demo-choice{filter:brightness(1.12);transform:translateY(2px)}.tutorial-demo-pointer{--pointer-size: clamp(40px, 14cqw, 76px);--pointer-hotspot-x: calc(var(--pointer-size) * 27 / 76);--pointer-hotspot-y: calc(var(--pointer-size) * 8 / 76);position:absolute;z-index:60;top:0;left:0;width:var(--pointer-size);height:var(--pointer-size);filter:drop-shadow(0 5px 7px rgb(4 31 74 / 48%));transform:translate(calc(var(--pointer-x, 40px) - var(--pointer-hotspot-x)),calc(var(--pointer-y, 40px) - var(--pointer-hotspot-y)));transform-origin:var(--pointer-hotspot-x) var(--pointer-hotspot-y);transition:transform .72s cubic-bezier(.2,.8,.2,1);pointer-events:none}.tutorial-demo-pointer img{display:block;width:100%;height:100%;object-fit:contain}.tutorial-demo-pointer.clicking{animation:tutorial-pointer-click .76s .7s ease both}.tutorial-inventory-panel{display:flex;position:absolute;inset:0;box-sizing:border-box;width:100%!important;height:100%;max-height:none;padding:6px;overflow:hidden;border-width:2px;border-radius:16px}.tutorial-stage .tutorial-inventory-panel>header{display:none!important}.tutorial-inventory-panel .panel-content,.tutorial-inventory-panel .inventory-section{flex:1;height:100%;min-width:0;min-height:0;padding:0}.tutorial-inventory-panel .inventory-grid{display:grid;height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:6px}.tutorial-inventory-panel .inventory-grid article{display:flex;min-width:0;min-height:0;padding:4px;align-items:center;gap:4px;border:2px solid #d5e5f0;border-radius:16px;background:#ffffffe5}.tutorial-inventory-panel .inventory-grid img{flex-shrink:0;width:clamp(24px,10cqh,48px);height:clamp(24px,10cqh,48px);object-fit:contain}.tutorial-inventory-panel .inventory-grid article>div{min-width:0}.tutorial-inventory-panel .inventory-grid small,.tutorial-inventory-panel .inventory-grid strong{display:block}.tutorial-inventory-panel .inventory-grid small{color:#60748a;font-size:clamp(.6rem,3cqw,.78rem);line-height:1.15;overflow-wrap:anywhere}.tutorial-inventory-panel .inventory-grid strong{margin-top:3px;color:#183653;font-size:clamp(.7rem,4cqw,1.15rem);overflow-wrap:anywhere}.tutorial-inventory-panel [data-recently-earned=true]{border-color:#55cdec!important;box-shadow:0 0 0 3px #55cdec2e;animation:tutorial-resource-earned 2.2s ease-in-out infinite}.tutorial-runtime-game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.tutorial-game-board{--demo-columns: 10;--demo-rows: 14;--demo-gap: 2px;position:relative;box-sizing:border-box;flex:none;padding:7px;overflow:hidden;border:5px solid rgb(255 255 255 / 94%);border-radius:22px;background:#d6e7ef;box-shadow:inset 0 0 0 2px #9fc6d8,0 12px 30px #19436e2e;touch-action:none;outline:none}.tutorial-board-grid{display:grid;position:relative;width:100%;height:100%;grid-template-columns:repeat(var(--demo-columns),minmax(0,1fr));grid-template-rows:repeat(var(--demo-rows),minmax(0,1fr));gap:var(--demo-gap)}.tutorial-board-slot{min-width:0;min-height:0;border-radius:18%;background:linear-gradient(145deg,#f8fdffd1,#bedbee99);box-shadow:inset 0 1px #fffc}.tutorial-tetris-board .tutorial-board-slot{border-radius:22%;background:#eaf3fa;box-shadow:none}.tutorial-tower-board .tutorial-board-grid{background:#fff}.tutorial-tower-board .tutorial-board-slot{border-radius:0;background:#d6e7ef;box-shadow:none}.tutorial-pearl-block{display:grid;place-items:center;position:absolute;z-index:3;top:calc(var(--demo-row) * ((100% + var(--demo-gap)) / var(--demo-rows)));left:calc(var(--demo-column) * ((100% + var(--demo-gap)) / var(--demo-columns)));width:calc(var(--demo-width) * ((100% + var(--demo-gap)) / var(--demo-columns)) - var(--demo-gap));height:calc(var(--demo-height) * ((100% + var(--demo-gap)) / var(--demo-rows)) - var(--demo-gap));padding:0;overflow:hidden;border:0;color:#34456d;background-color:transparent;background-position:center;background-size:100% 100%;font-family:var(--wordbricks-font);font-size:var(--demo-word-size, 14px);font-weight:400;line-height:1;text-align:center;white-space:nowrap;cursor:pointer;touch-action:none}.tutorial-tetris-active{cursor:grab;transition:top .12s linear,left .1s ease-out}.tutorial-tetris-active:active{cursor:grabbing}.tutorial-line-cleared:after{position:absolute;z-index:12;right:7px;bottom:7px;left:7px;height:calc(100% / var(--demo-rows) - 4px);border-radius:8px;background:#fff;box-shadow:0 0 22px #68dfff;content:"";animation:tutorial-line-flash .62s ease-out both}.tutorial-demo-controls{display:flex;flex:none;justify-content:center;gap:7px;pointer-events:none}.tutorial-demo-controls kbd,.tutorial-demo-controls button{min-width:34px;padding:6px 9px;border:1px solid #b6cada;border-radius:8px;color:#2e5171;background:#fff;box-shadow:0 3px #b8cfdd;font:800 .68rem/1 system-ui,sans-serif;text-align:center}.tutorial-demo-controls button{pointer-events:auto;cursor:pointer}.tutorial-demo-controls button:active{transform:translateY(2px);box-shadow:0 1px #b8cfdd}.tutorial-word-board,.tutorial-word-board .tutorial-letter-cell{-webkit-user-select:none;user-select:none}.tutorial-letter-cell{transition:transform .12s ease,filter .12s ease}.tutorial-letter-cell.selected{z-index:8;outline:3px solid #fff333;outline-offset:-3px;filter:brightness(1.1)}.tutorial-letter-cell{color:#534096;font-size:var(--demo-letter-size, 18px)}.tutorial-word-selection{position:absolute;z-index:9;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.tutorial-word-selection polyline{fill:none;stroke:#fff333;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tutorial-tetris-ghost{opacity:.22;pointer-events:none}.tutorial-word-resolving .selected{animation:tutorial-word-pop .52s ease-in both}.tutorial-snake-segment{z-index:7;pointer-events:none}.tutorial-snake-segment img{width:78%;height:78%;max-width:78%;max-height:78%;object-fit:contain;transform-origin:center;filter:drop-shadow(0 1px 2px rgb(3 19 56 / 28%))}.tutorial-snake-entity img{width:84%;height:84%;object-fit:contain}.tutorial-snake-entity{font-size:var(--demo-letter-size, 18px)}.tutorial-snake-entity:disabled{filter:saturate(.45) brightness(1.08);cursor:not-allowed}.tutorial-tower-board{max-width:100%}.tutorial-tower-block{top:auto;bottom:calc(var(--demo-row) * ((100% + var(--demo-gap)) / var(--demo-rows)));cursor:grab}.tutorial-tower-block .tower-block-special-cell-icon{position:absolute;left:var(--special-segment-position);top:50%;width:var(--special-segment-width);height:68%;transform:translate(-50%,-50%)}.tutorial-tower-preview{display:flex;flex:none;height:16px;gap:2px}.tutorial-tower-preview>i{flex:1;background:#eaf3fa;border-radius:2px}.tutorial-tower-preview>.occupied{background:#aac9dd}.tutorial-tower-block.dragging{z-index:12;filter:brightness(1.15);cursor:grabbing}.tutorial-tower-block wordbricks-rune{width:min(78%,38px);height:min(78%,38px)}.tutorial-craft-card{width:min(590px,96%)!important;max-height:100%;overflow:auto;transform:scale(.84);transform-origin:center}.tutorial-craft-card .craft-types{margin-bottom:0}.tutorial-craft-card .tutorial-craft-success{animation:tutorial-craft-confirm .6s ease-out both}.tutorial-demo-unavailable{display:grid;width:min(430px,80%);min-height:220px;place-items:center;border:2px dashed #8dbbd5;border-radius:22px;color:#3b6485;background:#ffffffb3;font-size:1.6rem;font-weight:1000}@keyframes tutorial-panel-open{0%{opacity:0;transform:translateY(14px) scale(.96)}}@keyframes tutorial-pointer-click{55%{scale:.84;filter:brightness(1.25)}}@keyframes tutorial-resource-earned{50%{transform:translateY(-3px);box-shadow:0 7px 18px #31a8d338}}@keyframes tutorial-line-flash{to{opacity:0;transform:scaleX(.08)}}@keyframes tutorial-word-pop{to{opacity:0;transform:scale(.25)}}@keyframes tutorial-craft-confirm{50%{transform:scale(1.04);filter:brightness(1.14)}}.tutorial-stage-account .tutorial-account-panel{inset:3%}.tutorial-stage-account .tutorial-account-panel>header{min-height:0;padding:8px 12px;background:linear-gradient(#f3f8ff,#e9f2ff)}.tutorial-stage-account .tutorial-account-panel .panel-title-group small{display:none}.tutorial-stage-account .tutorial-account-panel .panel-title-group h2{font-size:clamp(1rem,3cqw,1.4rem);color:#24416d}.tutorial-stage-account .tutorial-account-panel .panel-content{display:flex;flex-direction:column;justify-content:center;padding:8px 12px}.tutorial-stage-account .tutorial-account-panel .empty-state{padding:0}.tutorial-stage-account .tutorial-account-panel .empty-state>h2{display:none}.tutorial-stage-account .tutorial-account-panel .empty-account-glyph{width:clamp(32px,20cqh,88px);transform:none}.tutorial-stage-account .tutorial-account-panel .account-provider-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.tutorial-stage-account .tutorial-account-panel [data-sign-in-provider]{min-height:clamp(38px,12cqh,56px);padding:5px 8px;font-size:clamp(.78rem,3.2cqw,1.125rem)}@media(max-width:820px),(orientation:portrait){.tutorial-stage{--tutorial-demo-height: clamp(260px, 36svh, 350px);--tutorial-demo-header-height: 34px}.tutorial-stage-account{--tutorial-demo-height: clamp(214px, 28svh, 248px)}.tutorial-stage:is(.tutorial-stage-tetris,.tutorial-stage-wordLines,.tutorial-stage-snake,.tutorial-stage-tower){--tutorial-demo-height: clamp(340px, 44svh, 430px)}.tutorial-stage:before{inset:0 0 auto;height:min(350px,42svh);background:linear-gradient(180deg,transparent 40%,#020b20 100%),url(/assets/tutorials/echo-wide-v1.webp) 76% top / auto min(350px,42svh) no-repeat}.tutorial-stage-frame{width:min(600px,100%);padding:clamp(100px,18svh,164px) 18px 22px;grid-template-areas:"copy" "demo" "button";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;gap:14px}.tutorial-stage:is(.tutorial-stage-tetris,.tutorial-stage-wordLines,.tutorial-stage-snake,.tutorial-stage-tower) .tutorial-stage-frame{padding-top:clamp(80px,12svh,120px)}.tutorial-stage-copy{gap:9px}.tutorial-stage-copy small{font-size:.8rem}.tutorial-stage-copy h2{font-size:clamp(1.6rem,7.3vw,2.6rem)}.tutorial-stage-copy p{font-size:.95rem;line-height:1.4}.tutorial-stage-copy strong{font-size:.82rem;line-height:1.35}.tutorial-demo-slot{width:100%}.tutorial-demo-window>header{font-size:.7rem}.tutorial-demo-content{padding:8px}.tutorial-stage-ok{width:100%;min-height:50px}.tutorial-account-panel{inset:3%}}@media(max-width:820px)and (max-height:700px){.tutorial-stage-frame{padding-top:72px}}@media(max-width:360px){.tutorial-stage .tutorial-inventory-panel .panel-content{overflow:auto}.tutorial-inventory-panel .inventory-section{height:auto}.tutorial-inventory-panel .inventory-grid{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(64px,auto)}}@media(max-height:600px)and (orientation:landscape){.tutorial-stage{--tutorial-demo-height: min(360px, 80svh)}.tutorial-stage-frame{width:calc(100% - 40px);padding:20px 0;grid-template-areas:"copy demo" "button demo";grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;row-gap:16px}.tutorial-stage-copy{gap:8px}.tutorial-stage-copy h2{font-size:1.65rem}.tutorial-stage-copy p{font-size:.9rem}.tutorial-stage-copy strong{font-size:.8rem}.tutorial-stage-ok{min-height:48px}}@media(min-width:2200px)and (orientation:landscape){.tutorial-stage{--tutorial-demo-height: min(780px, 74svh);--tutorial-demo-header-height: 50px;--tutorial-art-inset: max(0px, calc((100vw - 2400px)/2) )}.tutorial-stage-account{--tutorial-demo-height: min(540px, 60svh)}.tutorial-stage:before{background-size:auto,auto min(1320px,100svh);background-position:0 0,right center}.tutorial-stage-frame{width:min(2400px,calc(100% - 160px));padding-block:64px;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr) minmax(0,.9fr);column-gap:52px;row-gap:32px}.tutorial-stage-copy{max-width:680px;gap:18px}.tutorial-stage-copy small{font-size:1.1rem}.tutorial-stage-copy h2{font-size:clamp(3.8rem,2.2vw,5rem)}.tutorial-stage-copy p{font-size:1.5rem}.tutorial-stage-copy strong{font-size:1.15rem}.tutorial-demo-slot{width:min(720px,100%)}.tutorial-demo-window>header{font-size:1rem;padding-inline:24px}.tutorial-demo-content{padding:18px}.tutorial-stage-ok{width:340px;min-height:68px;font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.tutorial-stage *,.tutorial-stage{animation-duration:1ms!important;animation-iteration-count:1!important}}