.trail-game[hidden],.trail-next[hidden]{display:none!important}.trail-game{height:100%;display:flex;flex-direction:column;padding:8px 14px;gap:8px;background:linear-gradient(140deg,#edf3dd,#fff5da);box-sizing:border-box}.trail-top{display:flex;justify-content:space-between;gap:10px;flex:none}.trail-game button{touch-action:manipulation;cursor:pointer;font-family:inherit;color:#173d31;border:2px solid #bfd0a7;border-radius:14px;background:#fffdf3;min-height:48px;font-weight:900}.trail-levels{display:flex;gap:8px}.trail-levels button{min-width:60px;font-size:19px}.trail-levels [aria-pressed=true]{background:#174c39;color:white;border-color:#174c39}.trail-restart{padding:5px 15px;font-size:22px}.trail-restart span{font-size:14px}.trail-layout{display:flex;flex:1;min-height:0;gap:20px;align-items:stretch}.trail-stage{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center}.trail-board{aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--cells),1fr);grid-template-rows:repeat(var(--cells),1fr);border:5px solid #b99c68;border-radius:20px;background:#f4dfaf;overflow:hidden;box-shadow:0 5px 0 #a5895c;box-sizing:border-box}.trail-board .trail-cell{min-height:0;min-width:0;border:1px solid #d8be8755;border-radius:0;display:flex;align-items:center;justify-content:center;background:#f9e9c6;font-size:var(--symbol-size,32px);padding:0;overflow:hidden;color:#bf9c5d}.trail-board .trail-wall{background:#cddd9d}.trail-toby{width:95%;height:95%;object-fit:cover;object-position:center;border-radius:50%;border:2px solid #f58227;box-sizing:border-box;pointer-events:none}.trail-controls{width:180px;display:flex;flex-direction:column;justify-content:center;gap:16px;flex:none}.trail-goal{text-align:center;display:grid;gap:8px}.trail-goal span{font-size:36px}.trail-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-items:center;text-align:center}.trail-pad button{font-size:38px;background:#ffcf54;border-color:#d8a02c;box-shadow:0 4px 0 #bb8521;min-height:56px}.trail-pad button:active{transform:translateY(3px);box-shadow:none}.trail-pad [data-move=up]{grid-column:2}.trail-pad [data-move=left]{grid-column:1;grid-row:2}.trail-pad [data-move=right]{grid-column:3;grid-row:2}.trail-pad [data-move=down]{grid-column:2;grid-row:3}.trail-pad span{grid-column:2;grid-row:2;font-size:28px}.trail-status{margin:0;text-align:center;font-size:14px;min-height:22px}.trail-next{background:#174c39!important;color:white!important}.trail-game button:focus-visible{outline:3px solid #f58227;outline-offset:2px}
@media(max-aspect-ratio:1/1){.trail-layout{flex-direction:column;gap:8px}.trail-controls{width:100%;flex-direction:row;align-items:center;justify-content:center;gap:14px}.trail-pad{width:174px;gap:4px;flex:none}.trail-pad button{min-height:46px;font-size:30px}.trail-goal{max-width:100px;font-size:13px}.trail-goal span{font-size:25px}.trail-next{max-width:90px}.trail-game{padding:6px 8px}.trail-status{font-size:12px}}
@media(max-height:450px){.trail-top button{min-height:40px}.trail-controls{width:155px;gap:6px}.trail-goal{display:none}.trail-pad button{min-height:44px;font-size:30px}.trail-game{gap:4px;padding:4px 10px}.trail-status{font-size:12px;min-height:16px}}
.trail-hud{flex:none;text-align:center;font-weight:800;font-size:14px;color:#174c39;background:#fff8df;border-radius:10px;padding:5px}.trail-power{padding:6px;font-size:14px;background:#f2dbff!important}.trail-power[aria-pressed=true]{outline:3px solid #b577d4}.trail-power:disabled{opacity:.5}@media(max-aspect-ratio:1/1){.trail-controls{flex-wrap:wrap;gap:6px}.trail-power{max-width:105px}.trail-goal{display:none}.trail-hud{font-size:12px}}@media(max-height:450px){.trail-hud{font-size:11px;padding:2px}.trail-power{min-height:40px!important}}