/* ChronoMerge STEP 5 standalone assets. Scoped; not installed into the game. */
.cm-kit{--cm-ink:#25364a;--cm-cream:#fff8eb;--cm-sky:#b8e5ff;--cm-mint:#c8eacf;--cm-peach:#ffd9bc;--cm-lavender:#e2d6ff;--cm-yellow:#ffe49a;--cm-outline:#d6ba94;--cm-radius:24px;--cm-panel-shadow:2px 4px 10px #25364a14;font-family:"Leelawadee UI","Noto Sans Thai",Tahoma,sans-serif;color:var(--cm-ink);line-height:1.5}
.cm-kit *{box-sizing:border-box}
.cm-button{--cm-button-color:var(--cm-ui-button-base,var(--cm-ui-button-primary,#bde58c));position:relative;display:inline-flex;isolation:isolate;align-items:center;justify-content:center;gap:10px;min-height:48px;min-width:48px;padding:10px 24px;border:0;border-radius:22px;background:transparent;color:var(--cm-ui-button-ink,var(--cm-ink));font-family:inherit;font-size:17px;font-weight:700;line-height:1.5;cursor:pointer;transition:transform 100ms ease,opacity 100ms ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.cm-button__background{position:absolute;z-index:-1;inset:0;border:2px solid color-mix(in srgb,var(--cm-button-color),#536176 22%);border-radius:inherit;background:linear-gradient(150deg,color-mix(in srgb,var(--cm-button-color),white 22%),var(--cm-button-color));box-shadow:inset 0 2px 0 #ffffff8f;pointer-events:none}
.cm-button__foreground{position:absolute;inset:5px 9px auto;height:34%;border-radius:18px 18px 65% 65%;background:linear-gradient(110deg,#ffffff52,#ffffff0a);pointer-events:none;z-index:1}
.cm-button__icon{width:30px;height:30px;object-fit:contain;flex:0 0 auto;pointer-events:none}
.cm-button__label{position:relative;z-index:2;font-family:inherit;font-size:17px;line-height:1.5;font-weight:700}
.cm-button[data-role=secondary]{--cm-button-color:var(--cm-ui-button-base,var(--cm-ui-button-secondary,var(--cm-sky)))}
.cm-button[data-role=danger]{--cm-button-color:var(--cm-ui-button-base,var(--cm-ui-button-danger,#ffd3d9))}
.cm-button[data-role=cancel]{--cm-button-color:var(--cm-ui-button-base,var(--cm-ui-button-cancel,var(--cm-cream)))}
.cm-button[data-role=confirm]{--cm-button-color:var(--cm-ui-button-base,var(--cm-ui-button-confirm,var(--cm-mint)))}
.cm-button:hover:not(:disabled) .cm-button__background,.cm-button[data-state=hover] .cm-button__background{background:linear-gradient(150deg,color-mix(in srgb,var(--cm-button-color),white 38%),color-mix(in srgb,var(--cm-button-color),white 14%))}
.cm-button:active:not(:disabled) .cm-button__background,.cm-button[data-state=pressed] .cm-button__background{transform:scale(.97)}
.cm-button:active:not(:disabled) .cm-button__background,.cm-button[data-state=pressed] .cm-button__background{background:color-mix(in srgb,var(--cm-button-color),#67768a 12%);box-shadow:inset 0 2px 3px #25364a17}
.cm-button:disabled,.cm-button[data-state=disabled]{cursor:default;color:var(--cm-ui-button-disabled-text,#59616b)}
.cm-button:disabled .cm-button__background,.cm-button[data-state=disabled] .cm-button__background{background:var(--cm-ui-button-disabled,#e3e6e8);border-color:#bdc4c9}
.cm-button:disabled .cm-button__icon,.cm-button[data-state=disabled] .cm-button__icon{filter:grayscale(1);opacity:.5}
.cm-button:focus-visible,.cm-tab:focus-visible{outline:3px solid #245fa5;outline-offset:4px}
.cm-icon-button{padding:9px;border-radius:18px}
.cm-panel,.cm-card,.cm-modal{border:2px solid var(--cm-ui-frame-edge,var(--cm-outline));border-radius:var(--cm-radius);background:linear-gradient(150deg,var(--cm-ui-frame-highlight,#fffdf6),var(--cm-ui-frame-fill,var(--cm-cream)));padding:20px;box-shadow:2px 4px calc(var(--cm-ui-shadow-blur,10)*1px) color-mix(in srgb,var(--cm-ui-shadow-color,#25364a) calc(var(--cm-ui-shadow-opacity,.08)*100%),transparent)}
.cm-card{padding:16px;border-radius:20px}
.cm-quest-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px}
.cm-quest-card img{width:64px;height:64px;object-fit:contain}
.cm-reward-card{display:flex;flex-direction:column;align-items:center;gap:10px;background:linear-gradient(#fffdf6,var(--cm-yellow))}
.cm-reward-card img{width:100px;height:100px;object-fit:contain}
.cm-modal{width:min(640px,100%);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;margin:auto}
.cm-navigation{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;padding:8px;background:var(--cm-ui-surface-primary,var(--cm-cream));border:2px solid var(--cm-ui-border-color,var(--cm-outline));border-radius:30px}
.cm-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;min-height:48px;border:2px solid transparent;border-radius:18px;background:transparent;color:var(--cm-ink);font-family:inherit;font-weight:700;cursor:pointer}
.cm-tab[aria-selected=true]{background:var(--cm-mint);border-color:#75ab7a}
.cm-tab img{width:36px;height:36px;object-fit:contain}
.cm-counter{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;background:var(--cm-ui-surface-primary,var(--cm-cream));border:2px solid var(--cm-ui-border-color,var(--cm-outline));border-radius:30px;font-variant-numeric:tabular-nums;font-weight:700}
.cm-counter img{width:32px;height:32px;object-fit:contain}
.cm-progress{height:20px;border:2px solid #b8bdc6;border-radius:999px;background:var(--cm-ui-surface-secondary,#dfe2e8);overflow:hidden}
.cm-progress__fill{height:100%;width:var(--cm-progress,0%);border-radius:999px;background:linear-gradient(#d5eead,var(--cm-ui-accent,#bde58c));box-shadow:inset 0 2px 0 #ffffff80}
.cm-tooltip{position:relative;border:1px solid var(--cm-outline);border-radius:14px;background:var(--cm-cream);padding:10px 14px;max-width:280px;font-size:14px;box-shadow:2px 4px calc(var(--cm-ui-shadow-blur,10)*1px) color-mix(in srgb,var(--cm-ui-shadow-color,#25364a) calc(var(--cm-ui-shadow-opacity,.08)*100%),transparent)}
.cm-tooltip:after{content:"";position:absolute;width:12px;height:12px;background:var(--cm-cream);border-right:1px solid var(--cm-outline);border-bottom:1px solid var(--cm-outline);transform:rotate(45deg);bottom:-7px;left:24px}
.cm-board-tile{background:#fff1d8;border:1px solid #ead9ba;border-radius:16px}
.cm-board-tile[aria-selected=true]{outline:3px solid #8c6a00;outline-offset:-3px}
.cm-plaque{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:70px}
.cm-plaque__cap{width:38px;height:70px;background:var(--cm-peach);border:2px solid var(--cm-outline);border-radius:20px 0 0 20px}
.cm-plaque__cap:last-child{border-radius:0 20px 20px 0}
.cm-plaque__center{height:70px;background:var(--cm-peach);border-block:2px solid var(--cm-outline);display:grid;place-items:center}
@media(max-width:600px){.cm-quest-card{grid-template-columns:48px minmax(0,1fr)}.cm-quest-card>.cm-button{grid-column:1/-1}.cm-panel{padding:14px}.cm-tab{padding:8px;font-size:14px}.cm-navigation{gap:3px}.cm-tab img{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.cm-button{transition:none}.cm-button:active:not(:disabled) .cm-button__background,.cm-button[data-state=pressed] .cm-button__background{transform:none}}

/* Presentation tokens extend existing layers; no new layout or artwork. */
.cm-button__icon{color:var(--cm-ui-icon-color,var(--cm-ink))}
.cm-button__foreground{opacity:calc(.85 + var(--cm-ui-decoration-intensity,.15))}
.cm-progress__fill{box-shadow:inset 0 2px 0 #ffffff80,0 0 4px color-mix(in srgb,var(--cm-ui-glow-color,#75ab7a) calc(var(--cm-ui-glow-opacity,.12)*100%),transparent)}
