/* Presentation layer: one DOM, phone dock and desktop side panels. */
:root{--ui-ink:#38485c;--ui-muted:#6a7d87;--ui-paper:#fffdf6;--ui-mint:#d7eee5;--ui-purple:#8265bf;--ui-gold:#ffd277;--ui-shadow:0 5px 18px #315b5c14}
html:has(.ui-refresh),body:has(.ui-refresh){height:100%!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none;background:radial-gradient(ellipse at 12% 15%,#f9eacb,transparent 45%),radial-gradient(ellipse at 90% 85%,#b4dbcf,transparent 50%),#e4eee7!important;color:var(--ui-ink)}
.game.ui-refresh{width:min(100%,1440px)!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;aspect-ratio:auto!important;overflow:hidden!important;margin:0 auto!important;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))!important;display:grid!important;grid-template-columns:238px minmax(0,1fr) 208px!important;grid-template-rows:58px auto minmax(0,1fr) 38px!important;grid-template-areas:'wallet wallet wallet' 'mission board orders' 'nav board orders' 'evo board orders';gap:14px!important;align-content:stretch!important;color:var(--ui-ink)}
.game.ui-refresh .command-head{display:contents!important}.ui-refresh .brand-orbit,.ui-refresh #dev{display:none!important}
.game.ui-refresh .command-head .res{grid-area:wallet!important;display:grid!important;grid-template-columns:1.2fr repeat(3,1fr)!important;gap:12px!important;padding:0!important;margin:0!important;width:min(100%,720px)!important;justify-self:center;align-self:stretch;background:none!important;border:0!important;height:auto!important}
.game.ui-refresh .command-head .res>.resource-capsule{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;height:100%!important;padding:6px 12px!important;background:var(--ui-paper)!important;border:2px solid #fff!important;border-radius:20px!important;box-shadow:0 3px 0 #bcd2c8,var(--ui-shadow)!important;color:var(--ui-ink)!important}
.game.ui-refresh .res>.resource-capsule>span{position:static!important;translate:none!important;transform:none!important;font-size:24px!important;width:auto!important;height:auto!important;filter:none!important}
.game.ui-refresh .res>.resource-capsule>b{font-size:18px!important;color:var(--ui-ink)!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.game.ui-refresh .res>.level-capsule{padding-left:12px!important;background:#eee5fc!important}
.game.ui-refresh .level-star{position:relative!important;flex:none!important;width:34px!important;height:34px!important;font-size:34px!important;color:#ffd36c!important;text-shadow:0 2px #d8a845!important}
.game.ui-refresh .level-star b{font-size:13px!important;color:#67478c!important}
.game.ui-refresh .level-capsule>div{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;min-width:35px!important;flex:1}
.game.ui-refresh .level-prefix{color:#72559b!important;font-size:11px!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.game.ui-refresh .level-progress{height:7px!important;background:#d5c7eb!important}.ui-refresh .level-progress em{background:#9b7bd2!important}
.game.ui-refresh .evolution-hud{grid-area:evo!important;width:100%!important;height:100%!important;margin:0!important;padding:7px 10px!important;background:#eee5fc!important;color:#654c8c!important;border:1px solid #d4c4e9!important;border-radius:12px!important;box-shadow:none!important}
.game.ui-refresh .evolution-hud span,.game.ui-refresh .evolution-hud small{font-size:11px!important}.ui-refresh .evolution-hud i{background:#d8cbea!important}.ui-refresh .evolution-hud em{background:linear-gradient(90deg,#9e80d1,#cc9edc)!important;box-shadow:none!important}
.game.ui-refresh .command-head .head-actions.single-row-menu{grid-area:nav!important;position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:64px!important;gap:10px!important;max-width:none!important;min-height:0!important;width:100%!important;margin:0!important;padding:4px!important;align-content:start!important;overflow:auto!important;background:none!important;border:0!important;box-shadow:none!important}
.game.ui-refresh .head-actions .head-action{width:100%!important;min-width:0!important;height:64px!important;padding:8px 4px!important;display:grid!important;grid-template-rows:1fr auto!important;gap:5px!important;border:1px solid #fff!important;border-radius:18px!important;background:linear-gradient(#fffef9,#f7f2e7)!important;color:#536977!important;box-shadow:0 3px 0 #c6d8cd!important}
.game.ui-refresh .head-actions .head-action i{font-size:24px!important;color:#8270ab!important;filter:none!important}.game.ui-refresh .head-actions .head-action small{display:block!important;font-size:11px!important;color:#526573!important;line-height:1.2!important}
.game.ui-refresh .head-actions #eraProjectButton span{top:2px!important;right:3px!important;font-size:9px!important;padding:2px 4px!important;background:#e6d8f6!important;color:#6b4d92!important}
.game.ui-refresh .mission-panel{grid-area:mission!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:14px!important;background:var(--ui-paper)!important;border:1px solid #fff!important;border-radius:22px!important;box-shadow:var(--ui-shadow)!important;overflow:hidden!important}
.game.ui-refresh .mission-heading{height:auto!important;min-height:28px!important;gap:6px!important}.game.ui-refresh .mission-heading #questName{font-size:15px!important;line-height:1.3!important;color:var(--ui-ink)!important}
.game.ui-refresh .mission-details{min-height:32px!important;padding:4px 8px!important;background:#ede5f8!important;color:#76559a!important;border:0!important;font-size:11px!important;border-radius:10px!important;white-space:nowrap}
.game.ui-refresh .mission-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.game.ui-refresh .mission-check{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;min-height:36px!important;height:auto!important;padding:7px!important;background:#eef3ec!important;border:0!important;border-radius:10px!important;color:#536c65!important}.game.ui-refresh .mission-check b,.game.ui-refresh .mission-check em{font-size:11px!important;color:#536c65!important;line-height:1.35!important}.game.ui-refresh .mission-check i{font-size:11px!important;background:#d1e6d4!important;color:#547b60!important}.game.ui-refresh .mission-check.done{background:#d9eed1!important}
.game.ui-refresh .mission-footer{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;margin:0!important;padding-top:8px!important;min-height:0!important;border-top:1px solid #e9ede3!important}.game.ui-refresh .mission-footer>small{display:block!important;color:var(--ui-muted)!important;font-size:11px!important}
.game.ui-refresh .mission-footer #claimLevel{width:100%!important;min-width:0!important;height:38px!important;padding:7px 10px!important;font-size:12px!important;border-radius:12px!important;background:linear-gradient(#ffdf8c,#ffc65d)!important;color:#705021!important;box-shadow:0 3px 0 #d6a74d!important;border:0!important;letter-spacing:0!important}.game.ui-refresh .mission-footer #claimLevel:disabled{background:#e8ece3!important;color:#809183!important;box-shadow:none!important;opacity:1!important}.game.ui-refresh #claimLevel.level-clear::after{display:none!important}
.game.ui-refresh .orders{grid-area:orders!important;height:auto!important;max-height:none!important;min-height:0!important;padding:14px!important;margin:0!important;border:1px solid #fff!important;border-radius:22px!important;background:#fffdf4!important;box-shadow:var(--ui-shadow)!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;align-self:stretch!important}
.game.ui-refresh .orders>header{display:grid!important;height:auto!important;gap:4px!important;margin:0!important}.game.ui-refresh .orders>header b{font-size:15px!important;color:var(--ui-ink)!important}.game.ui-refresh .orders>header small{font-size:11px!important;color:var(--ui-muted)!important;line-height:1.5!important}
.game.ui-refresh .orders>#orderList{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;height:auto!important;overflow:visible!important;align-content:start!important;padding:0!important}
.game.ui-refresh .visual-order{position:relative!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto auto!important;justify-items:center!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:132px!important;max-height:none!important;flex:none!important;margin:0!important;padding:10px!important;border:2px solid #e0e9dc!important;border-radius:18px!important;background:#f1f5e9!important;color:var(--ui-ink)!important;box-shadow:0 3px 0 #dae3cf!important}
.game.ui-refresh .visual-order .order-item{grid-column:1/-1!important;width:66px!important;height:66px!important;min-width:0!important;min-height:0!important;margin:0!important}.game.ui-refresh .visual-order strong{position:absolute!important;top:8px!important;right:9px!important;bottom:auto!important;left:auto!important;color:#536d64!important;background:#fff!important;font-size:12px!important;border-radius:8px!important;padding:2px 5px!important;text-shadow:none!important}
.ui-refresh .order-label,.ui-refresh .order-prize{grid-column:1/-1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4}.ui-refresh .order-prize{color:#8b6529;font-weight:800}.game.ui-refresh .visual-order.ready{border-color:#8cbd71!important;background:#e2f2cf!important;box-shadow:0 3px 0 #8cb568!important}.game.ui-refresh .visual-order.ready::after{content:'ส่งของ ✓'!important;position:static!important;grid-column:1/-1!important;transform:none!important;font-size:11px!important;background:#6ca35d!important;color:#fff!important;padding:3px 9px!important;border-radius:8px!important}
.game.ui-refresh .board-wrap{grid-area:board!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:12px!important;overflow:hidden!important;border:1px solid #ffffffa8!important;border-radius:28px!important;background:#bddbce80!important;box-shadow:inset 0 2px 8px #58877615!important}
.game.ui-refresh .board-wrap #board{background:#acc9b6!important;box-shadow:0 6px 0 #96b6a5,0 12px 28px #52766324!important;border-radius:14px!important;outline:5px solid #f5f3dd!important}
.game.ui-refresh #board .cell.checker-light{background:#f4f2dd!important}.game.ui-refresh #board .cell.checker-dark{background:#e0e9cc!important}.game.ui-refresh #board .cell{border-radius:8px!important;box-shadow:inset 0 2px #fff9,inset 0 -2px #a3b49735!important}.game.ui-refresh #board .cell.permanent-lock{background:#aec2b3!important;opacity:1!important;box-shadow:inset 0 2px 5px #52705d25!important}.game.ui-refresh #board .cell.captive{background:#bfcdc0!important}.game.ui-refresh .captive .item{filter:saturate(.6) brightness(.9)!important}
.game.ui-refresh button{touch-action:manipulation}.game.ui-refresh #board .cell{touch-action:none}.ui-refresh button:focus-visible,body:has(.ui-refresh) dialog button:focus-visible{outline:3px solid #8563bc!important;outline-offset:2px}.ui-refresh button:active:not(:disabled){filter:brightness(.96)}
body:has(.ui-refresh) dialog{border:3px solid #fff7!important;border-radius:24px!important;max-height:calc(100dvh - 24px)!important;overflow:auto;overscroll-behavior:contain}body:has(.ui-refresh) dialog::backdrop{background:#28463f85;backdrop-filter:blur(5px)}
body:has(.ui-refresh) .fd-praise strong,body:has(.ui-refresh) .fd-burst-fly strong,body:has(.ui-refresh) .feedback-burst strong{font-style:normal;letter-spacing:0;text-shadow:0 2px #875833,0 4px 0 #875833,0 6px 14px #6d4f3840;filter:none}
body:has(.ui-refresh) #toast{max-width:calc(100vw - 24px);width:max-content;background:#fffdf4;color:#52665e;box-shadow:var(--ui-shadow);font-size:13px;text-align:center}
@media(max-width:899px) and (min-height:521px){
 .game.ui-refresh{width:min(100%,620px)!important;padding:max(7px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:42px 24px 48px 66px minmax(0,1fr) 58px!important;grid-template-areas:'wallet' 'evo' 'mission' 'orders' 'board' 'nav';gap:6px!important}
 .game.ui-refresh .command-head .res{gap:6px!important}.game.ui-refresh .command-head .res>.resource-capsule{padding:4px 6px!important;border-radius:15px!important;gap:3px!important}.game.ui-refresh .res>.resource-capsule>b{font-size:14px!important}.game.ui-refresh .res>.resource-capsule>span{font-size:20px!important}.game.ui-refresh .res>.level-capsule{padding-left:5px!important}.game.ui-refresh .level-star{font-size:28px!important;width:27px!important;height:27px!important}.game.ui-refresh .level-star b{font-size:11px!important}.game.ui-refresh .level-capsule>div{min-width:20px!important}.game.ui-refresh .level-prefix{font-size:9px!important}.game.ui-refresh .evolution-hud{padding:3px 9px!important;border-radius:9px!important}.game.ui-refresh .evolution-hud span,.game.ui-refresh .evolution-hud small{font-size:10px!important}
 .game.ui-refresh .mission-panel{display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:6px!important;padding:4px 8px!important;border-radius:14px!important;align-items:center!important}.game.ui-refresh .mission-heading #questName{font-size:12px!important}.game.ui-refresh .mission-details{font-size:10px!important;padding:3px 5px!important}.game.ui-refresh .mission-grid,.game.ui-refresh .mission-footer>small{display:none!important}.game.ui-refresh .mission-footer{padding:0!important;border:0!important}.game.ui-refresh .mission-footer #claimLevel{height:34px!important;font-size:10px!important;padding:4px!important}
 .game.ui-refresh .orders{padding:3px!important;border-radius:14px!important;overflow:visible!important}.game.ui-refresh .orders>header{display:none!important}.game.ui-refresh .orders>#orderList{height:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.game.ui-refresh .visual-order{grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:1fr 1fr!important;height:58px!important;min-height:0!important;padding:4px!important;gap:0 3px!important;border-radius:12px!important}.game.ui-refresh .visual-order .order-item{grid-column:1!important;grid-row:1/3!important;width:36px!important;height:36px!important}.game.ui-refresh .visual-order strong{top:1px!important;right:2px!important;font-size:9px!important;padding:0 2px!important}.ui-refresh .order-label{display:none}.ui-refresh .order-prize{grid-column:2!important;grid-row:2!important;font-size:9px;white-space:normal;text-align:center;line-height:1.3}.game.ui-refresh .visual-order.ready::after{position:absolute!important;top:3px!important;left:3px!important;padding:1px 3px!important;font-size:9px!important}
 .game.ui-refresh .board-wrap{padding:9px!important;border-radius:18px!important}.game.ui-refresh .command-head .head-actions.single-row-menu{grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-auto-rows:52px!important;gap:3px!important;padding:2px 0 4px!important;overflow:visible!important}.game.ui-refresh .head-actions .head-action{height:52px!important;border-radius:12px!important;padding:6px 1px!important;gap:4px!important}.game.ui-refresh .head-actions .head-action i{font-size:20px!important}.game.ui-refresh .head-actions .head-action small{font-size:9px!important}.game.ui-refresh .head-actions #eraProjectButton span{font-size:7px!important;top:-3px!important;right:-1px!important}
}
@media(max-height:520px){.game.ui-refresh{grid-template-columns:180px minmax(0,1fr) 160px!important;grid-template-rows:42px auto minmax(0,1fr) 26px!important;padding:6px!important;gap:6px!important}.game.ui-refresh .mission-grid,.game.ui-refresh .mission-footer>small{display:none!important}.game.ui-refresh .mission-panel{padding:6px!important;gap:3px!important}.game.ui-refresh .command-head .head-actions.single-row-menu{grid-auto-rows:44px!important;gap:5px!important}.game.ui-refresh .head-actions .head-action{height:44px!important;padding:4px!important;gap:1px!important}.game.ui-refresh .head-actions .head-action i{font-size:18px!important}.game.ui-refresh .head-actions .head-action small{font-size:10px!important}.game.ui-refresh .orders{padding:6px!important;gap:5px!important}.game.ui-refresh .orders>header small{display:none!important}.game.ui-refresh .orders>#orderList{gap:6px!important}.game.ui-refresh .visual-order{min-height:0!important;padding:5px!important;grid-template-columns:40px 1fr!important;grid-template-rows:1fr!important}.game.ui-refresh .visual-order .order-item{grid-column:1!important;width:38px!important;height:38px!important}.ui-refresh .order-label{display:none}.ui-refresh .order-prize{grid-column:2;font-size:10px;white-space:normal}.game.ui-refresh .board-wrap{padding:8px!important}.game.ui-refresh .evolution-hud{padding:3px!important}.game.ui-refresh .evolution-hud span,.game.ui-refresh .evolution-hud small{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){body:has(.ui-refresh) *,body:has(.ui-refresh) *::before,body:has(.ui-refresh) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Neutralize legacy geometry on the shared shell, including ID selectors. */
.game.ui-refresh .command-head::before,.game.ui-refresh .command-head::after{display:none!important;content:none!important}
.game.ui-refresh .board-wrap:has(#board[style]){min-height:0!important}
.game.ui-refresh .command-head .res>.level-capsule>.level-star{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:34px!important;height:34px!important;font-size:34px!important;flex:none!important}
.game.ui-refresh #evolutionButton i{background:#d8cbea!important;box-shadow:none!important;border:0!important;height:7px!important}
.game.ui-refresh #evolutionValue{color:#765795!important;text-shadow:none!important}
.game.ui-refresh #eraProjectButton{background:linear-gradient(#f0e6fc,#e3d4f5)!important;box-shadow:0 3px 0 #c5b3da!important}
.game.ui-refresh .visual-order .order-prize,.game.ui-refresh .visual-order .order-label{position:static!important;display:block!important;width:auto!important;height:auto!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;transform:none!important;translate:none!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important;text-shadow:none!important}
.game.ui-refresh .visual-order .order-prize{white-space:normal!important}
@media(max-width:899px) and (min-height:521px){.game.ui-refresh .visual-order .order-label{display:none!important}.game.ui-refresh .command-head .res>.level-capsule>.level-star{width:26px!important;height:26px!important;font-size:26px!important}}
@media(max-height:520px){.game.ui-refresh .visual-order .order-label{display:none!important}}
@media(min-width:900px) and (min-height:521px){.game.ui-refresh .mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.game.ui-refresh .mission-check{grid-template-columns:minmax(0,1fr) auto!important;padding:7px 5px!important;min-height:46px!important;gap:3px!important}.game.ui-refresh .mission-check i{display:none!important}.game.ui-refresh .mission-check b,.game.ui-refresh .mission-check em{font-size:10px!important}}