.landscape-ui .ui-stage .combined-game.trail-game .mini-board-area{container-type:size;align-items:center;justify-content:center;gap:6px}
.trail-board{min-height:0;position:relative;isolation:isolate;flex:none;width:min(100cqw,calc(100cqh - 82px),480px);aspect-ratio:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:6px;padding:9px;border:2px solid #aaac76;border-radius:24px;background:linear-gradient(#f4e7c4d9,#d9dda6ec),url('art/minus/pumpkin-hills.webp') center/cover;box-shadow:0 4px #73674930}
.trail-line{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px);z-index:-1;pointer-events:none}.trail-line polyline{fill:none;stroke:#b98446;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 3;opacity:.75}
.trail-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:3px;background:#fff9e2b8;border:2px solid #c4b68b;border-radius:18px;box-shadow:0 3px #89744930;color:#34563c}
.trail-cell:disabled{opacity:1;cursor:default}.trail-cell>.drawn-icon{height:clamp(24px,10cqw,54px);width:clamp(24px,10cqw,54px);opacity:.55}.trail-cell.revealed{background:#e3ebbbd9;border-color:#7a9953}.trail-cell.revealed>.drawn-icon,.trail-cell.visited>.drawn-icon{opacity:1}.trail-cell.visited{background:#c8dda7}.trail-cell.current{border-color:#426a40;background:#e9edbf;box-shadow:0 0 0 2px #a9bd78}.trail-cell.trail-end{border-color:#b88c43;background:#fff0c3}.trail-dino{width:90%;height:90%;object-fit:contain;min-height:0;position:absolute;inset:5%}.trail-cell small{z-index:1;position:absolute;bottom:2px;font-size:clamp(9px,2.5cqw,13px);font-weight:900;background:#fff8ddde;border-radius:7px;padding:0 4px}.trail-number{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#466d3e;color:#fff9de;font-size:14px;font-weight:900}.trail-cell.trail-miss{outline:3px dashed #bc8e50;outline-offset:-4px}.trail-cell:focus-visible{outline:3px solid #245f44;outline-offset:1px}
.trail-controls{min-height:40px;display:flex;align-items:center;justify-content:center;flex:none}.trail-controls button{min-height:36px;padding:7px 12px;font-size:13px}.trail-victory{text-align:center;padding:10px}.trail-victory>img{width:110px;height:110px;object-fit:contain}.trail-victory h2{font-size:23px}.trail-victory .primary{min-height:46px;font-size:16px}
html[data-game-orientation="portrait"] .landscape-ui .ui-stage .combined-game.trail-game .mini-workspace.no-task{grid-template-rows:minmax(0,1fr)}
html[data-tablet-layout="true"][data-game-orientation="portrait"] .landscape-ui .ui-stage .combined-game.trail-game .mini-workspace.no-task{grid-template-rows:minmax(0,1fr)}
@media(prefers-reduced-motion:no-preference){.trail-cell.current .trail-dino{animation:trail-arrive .4s ease-out}.trail-cell.trail-miss{animation:trail-wiggle .3s ease-out}}
@keyframes trail-arrive{from{transform:translateY(-15%) scale(.85)}65%{transform:translateY(2%) scale(1.04)}to{transform:none}}
@keyframes trail-wiggle{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

html:not([data-tablet-layout="true"])[data-game-orientation="portrait"] .landscape-ui .ui-stage .combined-game.trail-game .mini-workspace:not(.no-task){grid-template-rows:minmax(220px,1.1fr) minmax(220px,.9fr)}
.landscape-ui .ui-stage .combined-game.trail-game .mini-board-note{white-space:normal;overflow-wrap:anywhere;flex-shrink:0}

@media(max-height:740px) and (orientation:portrait){
 html:not([data-tablet-layout="true"])[data-game-orientation="portrait"] .landscape-ui .ui-stage .combined-game.trail-game .mini-workspace:not(.no-task){grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);gap:6px}
 .landscape-ui .ui-stage .combined-game.trail-game .mini-board-note{display:none}
 .trail-game .trail-board{width:min(100cqw,calc(100cqh - 38px),480px);padding:6px;gap:4px;border-radius:18px}
 .trail-game .trail-line{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}
 .trail-game .trail-controls{min-height:32px}.trail-game .trail-controls button{min-height:30px;font-size:11px;padding:5px 8px}
 .landscape-ui .ui-stage .combined-game.trail-game .mini-task-area .memory-math .keypad button{height:30px}
 .landscape-ui .ui-stage .combined-game.trail-game .mini-task-area .memory-math .equation{min-height:40px;font-size:29px}
 .landscape-ui .ui-stage .combined-game.trail-game .mini-task-area .memory-math .answer{height:40px;font-size:28px}
 .landscape-ui .ui-stage .combined-game.trail-game .mini-task-area .memory-math .mini-task-status{min-height:13px;font-size:9px;line-height:13px}
 .trail-game .trail-victory>img{width:65px;height:65px}.trail-game .trail-victory h2{font-size:18px}
}