:root{
  --exp-status-size:13px;
  --exp-control-label:12px;
  --exp-cell-early-max:48px;
  --exp-modal-header:56px;
  --ui-surface:#17241ff0;
  --ui-surface-strong:#101a17f7;
  --ui-surface-raised:#20342df2;
}

 
.modal,.journey-card,.feature-button,.shop-item,.goal-row,.journal-goal,.pet-card,.collection-card{
  background-color:var(--ui-surface);
  border-color:var(--ui-border);
}
.feature-button:hover,.shop-item:hover{background-color:var(--ui-surface-raised)}
.primary{font-weight:800}
.secondary{color:var(--ui-ink)}

 
.board-area::after{
  content:"";position:absolute;inset:3% 2%;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at center,rgba(7,19,16,.28) 0%,rgba(7,19,16,.13) 48%,rgba(7,19,16,0) 76%);
  filter:saturate(.82);border-radius:24px;
}
.board-area>.board,.board-area>.bonus-strip{position:relative;z-index:1}

 
.game .cell{
  border-width:1px!important;border-radius:5px!important;
  box-shadow:0 2px 0 #8f7652,inset 0 0 0 1px #ffffff6e!important;
}
.game .cell.found{box-shadow:0 2px 0 #123d36,inset 0 1px 0 #d9fff04a!important}
.game .cell.revealed{outline:1px solid rgba(240,207,121,.68);outline-offset:-2px}
.game.target-hint-mode .cell.targetable{outline-width:2px;outline-offset:2px}

 
body.tutorial-active .screen.game .game-stage{padding-top:42px!important}
.tutorial-callout{
  top:auto;bottom:auto;min-width:0!important;width:max-content;max-width:min(300px,calc(100vw - 32px));
  min-height:34px;padding:6px 12px!important;display:flex;flex-direction:row;gap:10px!important;
  align-items:center;justify-content:center;white-space:nowrap;
}
.tutorial-callout strong{font-size:12px!important;line-height:1.1}
.tutorial-callout b{font-size:12px!important;line-height:1.1;letter-spacing:2px!important;margin:0!important}
.tutorial-hand{z-index:46}

 
#modal-root .modal[data-modal-type]{position:relative;isolation:isolate}
#modal-root .modal[data-modal-type]>.close-modal{
  z-index:30!important;top:10px!important;right:10px!important;margin:0!important;float:none!important;
  position:absolute!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
}
#modal-root .modal[data-modal-type].has-close-modal{padding-top:var(--exp-modal-header)!important}
#modal-root .modal[data-modal-type=story].surface.has-close-modal{padding-top:var(--exp-modal-header)!important}
#modal-root .modal[data-modal-type=story] .story-modal-hero,
#modal-root .chapter-intro-modal .chapter-intro-art{margin-top:0!important}
#modal-root .story-modal-hero,#modal-root .chapter-intro-art{z-index:1}

 
#modal-root .modal[data-modal-type=shop]{overscroll-behavior:contain}
#modal-root .modal[data-modal-type=shop]>.shop-scroll-body{overscroll-behavior:contain;scrollbar-width:none}
#modal-root .modal[data-modal-type=shop]>.shop-scroll-body::-webkit-scrollbar{width:0;height:0}
#modal-root .modal[data-modal-type=shop] .shop-hero{margin-top:0!important}
#modal-root .modal[data-modal-type=shop] .shop-group:first-of-type{margin-top:6px}

 
@media (min-width:701px) and (max-width:900px){
  .screen.home{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}
  .home-body{flex:0 0 auto!important;height:auto!important;min-height:max-content;align-items:center;gap:24px!important;padding-block:18px!important}
  .home-body>*{flex-shrink:0}
  .journey-card{flex-shrink:0!important}
  .home-bottom{flex:0 0 auto;margin-top:8px}
}
@media (max-width:900px){
  .screen.home.returning-player .hero-copy .hero-subtitle,
  .screen.home.returning-player .hero-copy .hero-stat{display:none}
  .screen.home.returning-player .hero-copy h1{font-size:clamp(27px,6vw,42px);margin:7px 0 4px;line-height:1.05}
  .screen.home.returning-player .hero-copy{max-width:100%;text-align:center}
}

 
@media (max-width:700px) and (orientation:portrait){
  .screen.game>.game-heading{
    display:block!important;flex:0 0 auto!important;min-height:20px!important;margin:1px 0 2px!important;
  }
  .screen.game>.game-heading>.eyebrow{display:none!important}
  .screen.game>.game-heading h2{font:700 12px/1.15 Golos,sans-serif!important;margin:0 0 3px!important;letter-spacing:0!important}
  .screen.game>.game-heading .progress-track{display:block!important;width:min(156px,48vw)!important;height:2px!important;margin:0 auto!important}
  body.tutorial-active .screen.game .game-stage{padding-top:42px!important}
}
@media (max-width:360px) and (max-height:520px) and (orientation:portrait){
  .screen.game>.game-heading{min-height:18px!important;margin:0!important}
  .screen.game>.game-heading h2{font-size:11px!important;margin-bottom:2px!important}
  body.tutorial-active .screen.game .game-stage{padding-top:36px!important}
}

.tool-button>span:not(.tool-icon),.tool-button>b,.coin-pack-price,.shop-item-action button{font-size:var(--exp-control-label)!important;line-height:1.15}
.tool-button b,.coin-pack-price,.portal-price{white-space:nowrap}
.tool-button.is-active{border-color:var(--ui-copper-light)!important;background:#31554b!important;box-shadow:0 0 0 2px #e6c99142}
@media (min-width:361px) and (max-width:700px) and (orientation:portrait){
  .letter{min-width:40px;min-height:40px}
}
@media (max-width:360px) and (max-height:520px) and (orientation:portrait){
  .screen.game:not(.grid-dense) .controls-area{--wheel:max(128px,var(--wheel-touch-floor,128px))!important}
  .screen.game:not(.grid-dense) .letter{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
}

 


.game.target-hint-mode .board-area{overflow:visible}
.game.target-hint-mode .cell.targetable:focus-visible{transform:scale(1.12)}

 
.collection-card.locked{opacity:1!important}
.collection-card.locked img{filter:saturate(.35) brightness(.55)!important;opacity:.78!important}
.collection-card.locked .caption{opacity:1!important}
.collection-card.locked .caption b,.collection-card.locked .caption .small{color:var(--ui-muted-strong)!important}
.collection-card[data-current=true]{border-color:var(--ui-border-active)!important}


 
.map-overview{display:none!important}
.chapter-card[data-current="true"]{border-color:var(--ui-copper-light)!important;box-shadow:0 0 0 1px #e6c99130,0 14px 28px #03080755}
.chapter-card.locked:not([data-current="true"]) .level-nodes{display:none}
.chapter-card.locked:not([data-current="true"]) .chapter-art{max-height:132px;object-position:center 42%}

 
.collection-card .caption{display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.collection-card .collection-state{font:800 10px/1.1 Golos,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--ui-muted-strong)}
.collection-card .collection-state.is-collected{color:var(--ui-seaglass)}
.collection-card .collection-state.is-current{color:var(--ui-copper-light)}
.collection-card .collection-state.is-locked{color:var(--ui-muted)}
.collection-card .caption b,.collection-card .caption .small{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}

 
.pet-card>.bond-copy,.pet-card>.bond-unlock{display:none}
.pet-card .bond-meter{margin-top:8px}
.pet-card .bond-meter-label{font-size:10px;color:var(--ui-muted)}

 
.journal-goal.is-ready{border-color:var(--ui-copper-light)!important;box-shadow:inset 0 0 0 1px #e6c99142,0 8px 18px #050a093d}

 
.result-modal.result-compact .result-body>p:not(.eyebrow){max-width:42ch;margin-inline:auto}
.result-modal.result-compact .compact-rewards{margin-block:12px}
.result-modal.result-compact .result-footer{gap:8px}

 
.inline-currency,.inline-heart{width:1.12em!important;height:1.12em!important;filter:drop-shadow(0 1px 2px #0005)}
.reward-box>.icon,.compact-rewards .icon{object-fit:contain}

 
.story-scroll-hint{display:none;color:var(--ui-seaglass);font-size:10px;letter-spacing:.4px;margin:3px 0 8px}
@media (max-height:620px){
  #modal-root .modal[data-modal-type=story] .story-modal-hero{min-height:82px!important;max-height:112px}
  #modal-root .modal[data-modal-type=story] .surface-body{padding-top:0!important}
  #modal-root .modal[data-modal-type=story] .story-scroll-hint{display:block}
  #modal-root .chapter-intro-modal .chapter-intro-art{min-height:90px!important}
}

 
@media (max-width:920px) and (max-height:430px) and (orientation:landscape){
  .screen.game .board-area{padding:2px 4px!important;gap:6px!important;overflow:hidden!important}
  .screen.game .board{gap:4px!important}
  body.tutorial-active .screen.game .game-stage,
  .screen.game.level-1.early-onboarding .game-stage{padding-top:38px!important}
  .tutorial-callout{min-height:30px;padding:4px 10px!important}
}

@media (min-width:921px) and (max-height:430px) and (orientation:landscape){
  .screen.game.level-1.early-onboarding .game-stage{padding-top:42px}
}

 
.screen.home,#modal-root .modal,.scroll-page{scrollbar-width:none}
.screen.home::-webkit-scrollbar,#modal-root .modal::-webkit-scrollbar,.scroll-page::-webkit-scrollbar{width:0;height:0}
 
@media (max-width:360px) and (max-height:520px) and (orientation:portrait){
  .screen.game .wheel-actions .tool-button b,
  .screen.game .wheel-actions .tool-button>span:not(.tool-icon){font-size:12px!important;line-height:1.1!important}
}

 
.pet-card .companion-limit{display:block;margin-top:5px;color:var(--ui-seaglass);font-size:10px;line-height:1.3;font-weight:700}


 
.screen.game.mode-campaign.level-1 .board-area::after,
.screen.game.mode-campaign.level-2 .board-area::after,
.screen.game.mode-campaign.level-3 .board-area::after,
.screen.game.mode-campaign.level-4 .board-area::after,
.screen.game.mode-campaign.level-5 .board-area::after,
.screen.game.mode-campaign.level-6 .board-area::after,
.screen.game.mode-campaign.level-7 .board-area::after,
.screen.game.mode-campaign.level-8 .board-area::after{
  background:radial-gradient(ellipse at center,rgba(7,19,16,.38) 0%,rgba(7,19,16,.19) 50%,rgba(7,19,16,0) 78%);
}
 
.game .cell.new{animation-duration:180ms!important;animation-delay:calc(var(--i)*28ms)!important}
 
.first-chapter-result .victory-badge{width:42px!important;height:42px!important;opacity:.72;margin-bottom:2px!important}
.first-chapter-result .stars{transform:scale(.9);transform-origin:center}
.chapter-one-discovery{display:grid;gap:10px;margin:12px 0}
.chapter-one-relic,.chapter-one-owl{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--ui-border);border-radius:14px;background:linear-gradient(135deg,rgba(31,60,52,.96),rgba(17,34,29,.96));text-align:left}
.chapter-one-relic{border-color:rgba(232,196,119,.62);box-shadow:inset 0 0 0 1px rgba(232,196,119,.12)}
.chapter-one-relic>img,.chapter-one-owl>.icon,.chapter-one-owl>img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 9px #0007)}
.chapter-one-relic span,.chapter-one-owl span{display:flex;flex-direction:column;gap:2px;min-width:0}
.chapter-one-relic small,.chapter-one-owl small{font-size:10px;color:var(--ui-muted-strong);text-transform:uppercase;letter-spacing:.05em}
.chapter-one-relic b,.chapter-one-owl b{font:700 17px/1.15 Playfair,serif;color:var(--ui-ink)}
.chapter-one-owl em{font:500 11px/1.3 Golos,sans-serif;color:var(--ui-seaglass);font-style:normal}
@media (max-width:360px){
  .chapter-one-relic,.chapter-one-owl{grid-template-columns:52px minmax(0,1fr);gap:9px;padding:9px}
  .chapter-one-relic>img,.chapter-one-owl>.icon,.chapter-one-owl>img{width:52px;height:52px}
  .chapter-one-relic b,.chapter-one-owl b{font-size:15px}
}


 
.journal-progress-beat,.owl-foreshadow{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin:9px 0;padding:9px 10px;border:1px solid rgba(150,190,176,.28);border-radius:12px;background:rgba(14,34,29,.58);text-align:left}
.journal-progress-beat>.icon,.owl-foreshadow>.icon,.owl-foreshadow>img{width:42px;height:42px;object-fit:contain}
.journal-progress-beat span,.owl-foreshadow span{display:flex;flex-direction:column;gap:2px;min-width:0}
.journal-progress-beat b,.owl-foreshadow b{font:700 13px/1.25 Golos,sans-serif;color:var(--ui-ink)}
.journal-progress-beat small,.owl-foreshadow small{font:500 10px/1.35 Golos,sans-serif;color:var(--ui-muted-strong)}
.owl-foreshadow{border-color:rgba(105,185,167,.35)}
.owl-foreshadow>.asset-icon{filter:drop-shadow(0 4px 7px #0005)}
.chapter-one-journal-art{position:relative;width:72px;height:72px;display:grid;place-items:center}
.chapter-one-journal-art>img,.chapter-one-journal-art>.icon{width:68px!important;height:68px!important;object-fit:contain;filter:drop-shadow(0 5px 9px #0007)}
.journal-route-trace{position:absolute;inset:12px 8px 10px 9px;pointer-events:none}
.journal-route-trace::before{content:"";position:absolute;left:13%;top:67%;width:68%;height:2px;background:linear-gradient(90deg,rgba(232,196,119,.18),rgba(232,196,119,.95));transform:rotate(-24deg);transform-origin:left center;box-shadow:0 0 7px rgba(232,196,119,.45);animation:route-reveal .65s ease-out both}
.journal-route-trace i{position:absolute;width:6px;height:6px;border-radius:50%;background:#e8c477;box-shadow:0 0 8px rgba(232,196,119,.75);opacity:0;animation:route-dot .28s ease-out forwards}
.journal-route-trace i:nth-child(1){left:10%;top:66%;animation-delay:.15s}.journal-route-trace i:nth-child(2){left:45%;top:45%;animation-delay:.36s}.journal-route-trace i:nth-child(3){left:77%;top:27%;animation-delay:.56s}
.chapter-one-relic em,.early-chapter-discovery em{font:500 11px/1.3 Golos,sans-serif;color:var(--ui-seaglass);font-style:normal}
.early-chapter-discovery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;align-items:center;margin:12px 0;padding:12px;border:1px solid rgba(232,196,119,.48);border-radius:14px;background:linear-gradient(135deg,rgba(31,60,52,.96),rgba(17,34,29,.96));text-align:left}
.early-chapter-discovery>img,.early-chapter-discovery>.icon{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 5px 9px #0007)}
.early-chapter-discovery span{display:flex;flex-direction:column;gap:3px;min-width:0}
.early-chapter-discovery small{font-size:10px;color:var(--ui-muted-strong);text-transform:uppercase;letter-spacing:.05em}
.early-chapter-discovery b{font:700 18px/1.15 Playfair,serif;color:var(--ui-ink)}
@keyframes route-reveal{from{transform:rotate(-24deg) scaleX(0);opacity:.1}to{transform:rotate(-24deg) scaleX(1);opacity:1}}
@keyframes route-dot{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
body.reduced-motion .journal-route-trace::before,body.reduced-motion .journal-route-trace i{animation:none!important;opacity:1!important}
@media (prefers-reduced-motion:reduce){.journal-route-trace::before,.journal-route-trace i{animation:none!important;opacity:1!important}}
@media (max-width:360px){.journal-progress-beat,.owl-foreshadow{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:8px}.journal-progress-beat>.icon,.owl-foreshadow>.icon,.owl-foreshadow>img{width:36px;height:36px}.early-chapter-discovery{grid-template-columns:60px minmax(0,1fr);gap:9px;padding:9px}.early-chapter-discovery>img,.early-chapter-discovery>.icon{width:60px;height:60px}.early-chapter-discovery b{font-size:15px}}


 
.chapter-episode-beat{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin:9px 0;padding:9px 10px;border:1px solid rgba(232,196,119,.32);border-radius:12px;background:linear-gradient(135deg,rgba(28,51,44,.78),rgba(15,31,27,.72));text-align:left}
.chapter-episode-beat>.icon,.chapter-episode-beat>img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 7px #0005)}
.chapter-episode-beat span{display:flex;flex-direction:column;gap:2px;min-width:0}
.chapter-episode-beat b{font:700 13px/1.25 Golos,sans-serif;color:var(--ui-ink)}
.chapter-episode-beat small{font:500 10px/1.35 Golos,sans-serif;color:var(--ui-muted-strong)}
@media (max-width:360px){.chapter-episode-beat{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:8px}.chapter-episode-beat>.icon,.chapter-episode-beat>img{width:36px;height:36px}}
.scroll-page>.topbar{z-index:10!important;padding-block:4px!important;margin-bottom:8px!important}.map-title-row{margin-bottom:14px!important}.map-chapters{margin-top:0!important}#modal-root .modal.result-modal{display:flex!important;flex-direction:column!important;overflow:hidden!important;max-height:calc(100vh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;}#modal-root .modal.result-modal .result-body,#modal-root .modal.result-compact .result-body{flex:1 1 auto!important;min-height:0!important;justify-content:flex-start!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-bottom:18px!important;}#modal-root .modal.result-modal .result-footer{flex:0 0 auto!important;position:relative!important;z-index:3!important;}@media (min-width:701px) and (max-height:470px){#modal-root .modal.result-modal{width:min(760px,calc(100vw - 22px))!important}#modal-root .modal.result-modal .result-body{padding:10px 18px 12px!important}#modal-root .modal.result-modal .result-footer.has-ad-double>[data-action="next"],#modal-root .modal.result-modal .result-footer.has-ad-double>[data-action="ad-double"],#modal-root .modal.result-modal .result-footer.has-ad-double>[data-action="home"]{grid-column:auto!important;grid-row:auto!important;order:initial!important;}}@media (min-width:701px) and (max-height:430px){.screen.game{padding:5px 14px max(5px,env(safe-area-inset-bottom))!important;overflow:hidden!important}.screen.game .topbar{min-height:36px!important}.screen.game .game-heading{display:block!important;height:18px!important;overflow:hidden}.screen.game .game-heading h2{font-size:13px!important;margin:1px 0!important}.screen.game .game-heading>.eyebrow,.screen.game .game-heading>.progress-track,.screen.game .game-heading>.chapter-mini-progress{display:none}.screen.game .game-stage{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important;gap:8px!important;min-height:0!important}.screen.game:not(.level-1.early-onboarding) .game-stage{padding-top:0!important}.screen.game .board-area{padding:1px 2px!important;gap:4px!important;min-height:0!important;overflow:hidden!important}.screen.game .controls-area{--wheel:clamp(126px,48vh,164px)!important;gap:0!important;min-height:0!important;justify-content:flex-end!important}.screen.game .word-preview{min-height:30px!important;margin:0 0 2px!important;padding:1px 10px!important;font-size:14px!important}.screen.game .wheel-actions{margin-top:-4px!important;gap:12px!important}.screen.game .wheel-actions .tool-icon{width:30px!important;height:30px!important}.screen.game .tool-button{gap:0!important;font-size:9px!important}.screen.game .tool-button b{display:none}.screen.game .shuffle-center{width:36px!important;height:36px!important}.screen.game .game-footer{display:none!important}}.screen.home{overflow-x:hidden!important}.home-body,.home-bottom,.journey-card{max-width:100%!important;min-width:0!important}.home-bottom>*{min-width:0!important}@media (min-width:701px) and (max-height:430px){.screen.home{padding-inline:14px!important}.home-body{gap:14px!important;min-width:0!important}.journey-card{width:min(315px,34vw)!important;min-width:250px!important}.home-bottom{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.home .feature-button{min-width:0!important;padding:7px 8px!important;gap:7px!important}.home .feature-button>.icon{width:28px!important;height:28px!important}.home .feature-button strong{font-size:10px!important}.home .feature-button span{font-size:9px!important}}.modal.has-goals-journal-hero{width:min(940px,calc(100vw - 20px))!important}.goals-journal-hero{display:flex;align-items:center;gap:14px;padding:2px 0 14px!important;border-bottom:1px solid var(--ui-border)!important;}.goals-journal-seal{width:62px!important;height:62px!important;border-radius:18px!important;flex:0 0 62px;background:radial-gradient(circle at 35% 30%,#d7b77b32,#18352d 66%)!important;box-shadow:inset 0 1px #ffffff18,0 8px 22px #03080745;}.goals-journal-heading{min-width:0;flex:1}.goals-journal-heading h2{margin:1px 0 7px!important;font-size:clamp(24px,3vw,32px)!important}.goals-rank-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ui-muted);font-size:11px}.rank-badge{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid #d7b77b55;border-radius:999px;background:#d7b77b12;color:#f0d39b;font-weight:800}.goals-overview-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;margin:14px 0 6px}.goals-route-card,.next-goal{margin:0!important;min-height:128px}.goals-route-card{display:flex;flex-direction:column;justify-content:center;padding:15px 16px!important;border:1px solid #ffffff10;background:linear-gradient(145deg,#ffffff08,#79ad9209)!important}.goals-route-card .progress-track{height:8px!important;margin-top:10px!important}.goals-route-foot{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--ui-muted);font-size:10px}.next-goal{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px!important;background:linear-gradient(125deg,#c3985121,#79ad9212)!important;box-shadow:inset 0 1px #ffffff0c}.next-goal.is-ready{border-color:#e2bd72!important;box-shadow:inset 0 0 0 1px #e6c99134,0 8px 24px #03080742}.next-goal-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#0e1916a6;border:1px solid #d7b77b2e}.next-goal-icon>.icon,.next-goal-icon>.asset-icon{width:30px;height:30px}.next-goal-copy{min-width:0}.next-goal h3{margin:3px 0 4px!important;font-size:17px!important}.next-goal p{margin:0!important;color:var(--ui-muted);font-size:11px!important;line-height:1.4}.next-goal-progress{display:grid;grid-template-columns:minmax(90px,1fr) auto;align-items:center;gap:8px;margin-top:8px}.next-goal-progress .progress-track{height:6px}.next-goal-progress span{color:var(--ui-muted-strong);font-size:10px;font-weight:700}.next-goal-action{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:82px}.next-goal-action .primary{min-width:112px;min-height:44px!important;padding:6px 7px!important;font-size:12px}.goal-reward-value{display:inline-flex;align-items:center;gap:5px;color:#f3d69b}.goal-reward-value strong{font-size:15px}.goal-reward-coin{width:20px!important;height:20px!important;object-fit:contain}.goal-category-tabs{gap:7px!important;padding:12px 0 8px!important;margin:0!important;border-bottom:1px solid #ffffff0c}.goal-category-chip{min-height:32px;padding:6px 10px!important;border-radius:999px!important;font-size:10px!important;background:#0f1916a8!important}.goal-category-chip.active{background:#2c564b!important;border-color:#78b6a4!important;color:#f4eee2!important;box-shadow:inset 0 1px #ffffff12}.journal-goal-group{margin-top:13px!important}.journal-goal-group-title{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ui-border);padding:0 2px 7px;margin-bottom:2px}.journal-goal-group-title h3{border:0!important;margin:0!important;padding:0!important;color:#e8cf9a!important;font-size:13px!important}.journal-goal-group-title span{color:var(--ui-muted);font-size:10px;font-weight:800}.journal-goal{display:grid!important;grid-template-columns:44px minmax(0,1fr) minmax(82px,auto)!important;align-items:center;gap:11px!important;min-height:74px;padding:10px 6px!important;border-bottom:1px solid #ffffff10!important;background:transparent!important}.journal-goal:hover{background:#ffffff04!important}.journal-goal.is-ready{background:linear-gradient(90deg,#c3985112,#0000 75%)!important}.journal-goal.is-done{opacity:.72}.journal-goal-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:#10201bbd;display:grid;place-items:center;border:1px solid #ffffff0e}.journal-goal-icon>.icon,.journal-goal-icon>.asset-icon{width:25px!important;height:25px!important}.journal-goal-copy{min-width:0}.journal-goal-title-row{display:flex;align-items:center;gap:7px;min-width:0}.journal-goal-title-row>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.journal-goal-copy>span{display:block;color:var(--ui-muted);font-size:11px;line-height:1.35;margin-top:2px}.goal-state{flex:none;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.goal-state.ready{color:#15241f;background:#e6c991}.goal-state.done{color:#a7cbbc;background:#31594d}.journal-goal-progress{display:grid;grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:7px;margin-top:6px}.journal-goal-progress .progress-track{height:5px}.journal-goal-progress small{color:var(--ui-muted-strong);font-size:10px;font-weight:800;white-space:nowrap}.journal-goal-reward{display:flex!important;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px!important;min-width:80px}.journal-goal-reward>small{color:var(--ui-muted);font-size:10px}.journal-goal-reward .primary{min-width:112px;min-height:44px!important;padding:7px 10px!important;font-size:12px!important;white-space:nowrap;margin-top:2px}@media (max-width:700px){.modal.has-goals-journal-hero{width:calc(100vw - 12px)!important}.goals-journal-hero{gap:10px!important}.goals-journal-seal{width:50px!important;height:50px!important;flex-basis:50px}.goals-journal-seal .icon{width:34px!important;height:34px!important}.goals-journal-heading h2{font-size:23px!important}.goals-overview-grid{grid-template-columns:1fr;gap:8px;margin-top:10px}.goals-route-card,.next-goal{min-height:auto}.goals-route-card{padding:11px 12px!important}.next-goal{grid-template-columns:40px minmax(0,1fr);padding:11px!important;overflow:hidden}.next-goal-icon{width:40px;height:40px}.next-goal-action{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(104px,112px);align-items:center;gap:8px;width:100%;min-width:0}.next-goal-action .primary{min-width:104px;width:100%;max-width:112px;justify-self:end}.goals-route-foot{font-size:9px}.journal-goal{grid-template-columns:36px minmax(0,1fr)!important;align-items:center;gap:7px!important;padding:9px 2px!important}.journal-goal-icon{width:36px!important;height:36px!important}.journal-goal-copy,.journal-goal-reward{min-width:0}.journal-goal-reward{grid-column:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:100%}.journal-goal-reward .goal-reward-value{justify-content:flex-start;gap:2px;flex:1;flex-wrap:wrap}.journal-goal-reward .primary{min-width:90px;width:auto;max-width:112px;flex:0 0 auto;white-space:normal}.goal-reward-value strong{font-size:12px}.goal-reward-coin{width:17px!important;height:17px!important}.journal-goal-title-row>b{font-size:12px;white-space:normal}.journal-goal-copy>span{font-size:11px}.goal-state,.journal-goal-reward>small{display:none}}@media (max-width:430px){.next-goal-action>small{display:none}.goals-rank-line>span:last-child{display:none}.goal-category-tabs{margin-inline:-2px!important}.journal-goal-progress{grid-template-columns:minmax(55px,1fr) auto}.next-goal p{font-size:10px!important}}@media (max-width:360px){.next-goal-action .primary{min-width:108px;width:108px;max-width:108px}}#modal-root .modal.result-modal .result-footer{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:7px!important;padding:9px 14px calc(9px + env(safe-area-inset-bottom))!important;}#modal-root .modal.result-modal .result-footer>.primary{grid-column:1/-1!important;grid-row:auto!important;width:auto!important;order:initial!important;}#modal-root .modal.result-modal .result-footer>.secondary{grid-column:auto!important;grid-row:auto!important;width:auto!important;order:initial!important;}#modal-root .modal.result-modal .result-footer>.primary,#modal-root .modal.result-modal .result-footer>.secondary{min-height:44px!important}#modal-root .modal.result-modal .result-footer [data-action="victory-words"],#modal-root .modal.result-modal .result-footer [data-action="chapter-story"]{display:flex!important;}@media (min-width:701px) and (max-height:470px){#modal-root .modal.result-modal .result-footer{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;}#modal-root .modal.result-modal .result-footer>.primary,#modal-root .modal.result-modal .result-footer>.secondary{grid-column:auto!important;grid-row:auto!important;width:auto!important;min-height:44px!important;padding:6px 8px!important;font-size:11px!important;line-height:1.2;order:initial!important;}}@media (max-width:700px) and (max-height:520px){#modal-root .modal.result-modal .result-footer{gap:4px!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;}#modal-root .modal.result-modal .result-footer>.primary,#modal-root .modal.result-modal .result-footer>.secondary{padding:7px 8px!important;font-size:12px!important;line-height:1.2!important;}#modal-root .modal.result-modal .result-body{padding-top:8px!important;padding-bottom:8px!important}}
 
 
#modal-root .modal[data-modal-type=shop]{
  position:relative!important;display:block!important;overflow:hidden!important;padding-top:0!important;
}
#modal-root .modal[data-modal-type=shop]>.modal-fixed-header{
  position:absolute!important;z-index:40!important;top:8px!important;right:8px!important;
  width:48px!important;height:48px!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;display:block!important;pointer-events:none!important;
}
#modal-root .modal[data-modal-type=shop]>.modal-fixed-header>.close-modal{
  position:static!important;pointer-events:auto!important;margin:0!important;float:none!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  background:rgba(18,34,29,.94)!important;box-shadow:0 3px 14px #0007!important;
}
#modal-root .modal[data-modal-type=shop]>.shop-scroll-body{
  height:100%!important;max-height:inherit!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  padding-top:16px!important;
}
#modal-root .modal[data-modal-type=shop] .shop-hero{padding-right:54px!important}
@media (max-width:700px){
  #modal-root .modal[data-modal-type=shop]>.modal-fixed-header{top:6px!important;right:6px!important}
  #modal-root .modal[data-modal-type=shop]>.shop-scroll-body{padding-top:12px!important}
  #modal-root .modal[data-modal-type=shop] .shop-hero{padding-right:50px!important}
}

 
#modal-root .modal[data-modal-type=profile]>.profile-hero-captain{display:none!important}
#modal-root .modal[data-modal-type=profile]>.eyebrow{margin-top:0!important}

 
#modal-root .version-note{letter-spacing:.01em}


 
 
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
  .screen.game .bonus-strip-desktop{display:none}
  .screen.game .wheel-actions{
    position:static;display:grid;
    grid-template-columns:minmax(68px,1fr) auto minmax(68px,1fr);
    align-items:start;justify-items:center;gap:12px;
    width:min(100%,310px);height:auto;margin:7px auto 0;
  }
  .screen.game .wheel-actions>[data-action="hint"]{grid-column:1;position:static;display:flex}
  .screen.game .wheel-actions>[data-action="bonus"]{grid-column:2;position:static;display:inline-flex}
  .screen.game .wheel-actions>[data-action="target-hint"],
  .screen.game .wheel-actions>[data-action="help"]{grid-column:3;position:static;display:flex}
  .screen.game .bonus-strip-mobile{
    display:inline-flex;position:static;inset:auto;transform:none;
    width:auto;min-width:58px;max-width:none;min-height:48px;margin:0;padding:6px 10px;
    flex-direction:column;gap:3px;align-items:center;justify-content:center;
    border-radius:17px;background:#14241fd9;border:1px solid #d7b77b66;
    box-shadow:0 5px 14px #050a0952;
  }
  .screen.game .bonus-strip-mobile .icon{width:24px;height:24px;flex:0 0 24px}
  .screen.game .bonus-strip-mobile b{font-size:11px;line-height:1;color:#f3d48e}
}

body.tutorial-active .tutorial-callout{z-index:47}
@media (max-width:360px) and (max-height:620px) and (orientation:portrait){
  body.tutorial-active .tutorial-callout{top:100px!important;bottom:auto!important}
  body.tutorial-active .screen.game .game-stage,
  .screen.game.level-1.early-onboarding .game-stage{padding-top:50px!important}
}

.pet-card .companion-effect{display:grid;gap:5px;margin:7px 0 0;line-height:1.35}
.pet-card .companion-effect>strong{font-size:11px;color:var(--ui-ink)}
.pet-card .companion-details{margin-top:8px;padding-top:7px;border-top:1px solid var(--ui-border)}
.pet-card .companion-details summary{cursor:pointer;font:700 10px/1.3 Golos,sans-serif;color:var(--ui-muted-strong);list-style-position:inside}
.pet-card .companion-details[open] .bond-copy,.pet-card .companion-details[open] .bond-unlock{display:block;margin-top:6px;font-size:10px;line-height:1.35;color:var(--ui-muted)}
.pet-card .companion-details .bond-meter{display:block}

 
.coin-pack .coin-pack-utility{display:block;min-height:2.6em;margin-top:4px;font-size:10px;line-height:1.3;color:var(--ui-seaglass);font-style:normal}
@media (max-width:700px){.coin-pack .coin-pack-utility{font-size:9px}}
:root{--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:24px;--ui-focus:#f1d38f;--ui-copy-max:58ch;}.screen button,.modal button,.letter,.cell.targetable{touch-action:manipulation}.modal p:not(.eyebrow):not(.small),.chapter-story-copy,.story-copy{max-width:var(--ui-copy-max)}#modal-root .surface-body>p,#modal-root .chapter-story-copy{margin-inline:auto}.shop-item,.journal-goal,.pet-card,.collection-card,.chapter-card{scroll-margin-block:12px}.shop-item:focus-within,.journal-goal:focus-within,.pet-card:focus-within,.collection-card:focus-within{border-color:var(--ui-border-active)}.tool-button:focus-visible,.bonus-strip:focus-visible,.letter:focus-visible,.cell.targetable:focus-visible,.map-overview-chip:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px;}.map-screen .chapter-card,.album-screen .collection-card,.journal-goals-list .journal-goal{content-visibility:auto;contain-intrinsic-size:auto 190px}.result-modal.result-compact .result-body{gap:var(--ui-space-2)}.result-modal.result-compact .stars{margin-block:var(--ui-space-1)}.result-modal:not(.result-compact) .result-artifact img{filter:drop-shadow(0 10px 24px #0008)}.wheel.shake{animation-duration:.36s}.cell.new{animation-duration:.34s}@media (prefers-reduced-motion:reduce){.wheel.shake,.cell.new,.celebrate,.tutorial-hand{animation:none;transition:none}}@media (max-width:700px){.primary{min-height:52px}.secondary{min-height:46px}.tool-button{min-height:44px}.story-copy,.chapter-story-copy{line-height:1.48}}@media (pointer:coarse){.goal-category-chip{min-height:44px}.screen.game .icon-button,.screen.game .shuffle-center,.screen.game .tool-button,.screen.game .letter{min-width:44px;min-height:44px;}}.first-victory-rewards small{max-width:92px;line-height:1.15;text-align:center}.first-camp-after-l8 .feature-button{order:4}.first-camp-after-l8 .camp-now{order:1}.first-camp-after-l8 .camp-new{order:2}.first-camp-after-l8 .camp-weekly-button{position:static;margin:0}@media (max-width:700px),(aspect-ratio<=3/4){.first-camp-after-l8 .hero-copy{display:none}.first-camp-after-l8 .home-bottom{grid-template-columns:1fr}}@media (max-width:360px),(max-height:520px){.first-camp-after-l8 .journey-card .story-teaser{display:none}}
.wheel-dock{display:grid;grid-template-columns:minmax(58px,78px) var(--wheel) minmax(58px,78px);align-items:center;justify-content:center;gap:clamp(8px,1.5vw,16px);width:100%;max-width:calc(var(--wheel) + 188px);margin-inline:auto;position:relative}.target-hint-status{position:absolute;z-index:8;left:50%;top:calc(100% + 6px);transform:translateX(-50%);width:min(330px,calc(100vw - 32px));min-height:32px;padding:6px 12px;border:1px solid #d7b77b55;border-radius:14px;color:#f4dfaa;background:#14241fee;text-align:center;font-size:11px;line-height:1.2;font-weight:700;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}.game.target-hint-mode .target-hint-status{opacity:1;visibility:visible}@media (max-width:700px){.target-hint-status{position:fixed;top:auto;bottom:max(52px,calc(env(safe-area-inset-bottom) + 52px));width:min(320px,calc(100vw - 24px))}}@media (min-width:701px) and (max-height:430px){.target-hint-status{position:fixed;top:auto;bottom:8px}}
.pill [data-coins]{font-variant-numeric:tabular-nums;white-space:nowrap}.pill[data-action=wallet]{width:auto;min-width:92px;max-width:132px;justify-content:flex-start}.pill[data-action=wallet] [data-coins]{flex:0 0 auto;min-width:0;text-align:right;overflow:visible;text-overflow:clip}.game-footer{white-space:nowrap}.game-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis}