/* Reuse generated paper/wood surfaces and character art; no rule or hit-area changes. */
#game[data-route="care"] .actions{top:604px;gap:7px 8px;grid-auto-rows:113px}
#game[data-route="care"] .action{height:113px;min-height:0;padding:6px 7px;gap:0;border:0;background:transparent;box-shadow:none;isolation:isolate;justify-content:center}
#game[data-route="care"] .action::before,.training-help::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--panel-surface-image);background-size:100% 100%;background-repeat:no-repeat}
#game[data-route="care"] .action .action-icon{display:grid;place-items:center;height:60px;flex-shrink:0;line-height:1}
.action-illustration{display:block;width:76px;height:60px;object-fit:contain;pointer-events:none}
#game[data-route="care"] .action strong{font-size:17px;line-height:1.2;letter-spacing:1px}
#game[data-route="care"] .action .effects{font-size:9.3px;line-height:1.1;min-height:20.5px;max-width:100%;display:flex;align-items:center;justify-content:center;white-space:pre-line}
#game[data-route="care"] .action.wished{border:0;background:transparent;box-shadow:0 0 0 2px #ffca3b,0 0 12px #ffd241a0}
#game[data-route="care"] .action.wished::before{filter:sepia(.16) saturate(1.3) brightness(1.03)}
#game[data-route="care"] .action:active:not(:disabled){transform:translateY(2px) scale(.97)}
#game[data-route="care"] .action:disabled{filter:grayscale(1);opacity:.62}
#game[data-route="training"] .training-title{top:51px;left:65px;right:65px;height:108px;padding:0 28px;margin:0;display:flex;align-items:center;justify-content:center;background:url('assets/title-board.webp') center/contain no-repeat;font-size:28px;letter-spacing:2px;line-height:1.2}
#game[data-route="training"] .train-status{top:173px}
#game[data-route="training"] .training-help{background:transparent;border:0;box-shadow:none;isolation:isolate;padding:20px 18px}
.overlay>.panel>h2{width:250px;max-width:100%;height:96px;display:flex;align-items:center;justify-content:center;margin:-10px auto 8px;padding:0 27px;background:url('assets/title-board.webp') center/contain no-repeat;font-size:25px;letter-spacing:2px;line-height:1.2}
@media(max-width:360px) and (max-height:650px) and (orientation:portrait){
 #game[data-route="care"] .actions{top:593px;grid-auto-rows:116px;gap:7px 8px}
 #game[data-route="care"] .action{height:116px;padding:6px 7px}
 #game[data-route="care"] .action .action-icon{height:58px}
 #game[data-route="care"] .action .effects{font-size:max(9.5px,calc(10px / var(--scale)));line-height:1.1;min-height:23px}
}

#game[data-route="care"] .action .effects{flex-wrap:wrap;align-content:center;column-gap:4px;row-gap:0;white-space:normal}
#game[data-route="care"] .action .effects .effect-part{white-space:nowrap;display:inline-block}

@media(max-width:360px) and (max-height:650px) and (orientation:portrait){#game[data-route="care"] .action .effects{column-gap:2px}}

@media(max-width:360px) and (max-height:650px) and (orientation:portrait){#game[data-route="care"] .action .effects{font-size:max(9.5px,calc(9.6px / var(--scale)))}}