.trail-stage{--trail-board-h:min(84dvh, 42rem);width:100%;height:var(--trail-board-h);max-height:var(--trail-board-h);background:radial-gradient(70% 50% at 50% 110%,oklch(40% .07 70/.28),#0000 58%),radial-gradient(55% 40% at 50% -10%,oklch(34% .03 80/.18),#0000 55%),linear-gradient(165deg,#2a241c 0%,#1a1612 48%,#12100e 100%);border-radius:0 0 .85rem .85rem;justify-content:center;align-items:stretch;min-height:0;padding:.45rem .55rem .55rem;display:flex;position:relative;overflow:hidden}.mines-board:has(.trail-stage){border-radius:1rem;overflow:hidden}.mines-board>.trail-stage{height:var(--trail-board-h);max-height:var(--trail-board-h);border-radius:0 0 1rem 1rem;flex:none;min-height:0}.trail-stage:before{content:"";pointer-events:none;z-index:0;opacity:.4;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");position:absolute;inset:0}.trail-stage:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(50% 65%,#0000 35%,oklch(10% .02 50/.5) 100%);position:absolute;inset:0}.trail-grid{--trail-gap:4px;z-index:1;gap:var(--trail-gap);background:linear-gradient(160deg,oklch(24% .02 70/.55),oklch(16% .015 50/.72));border:1px solid oklch(100% 0 0/.08);border-radius:.75rem;flex-direction:column-reverse;width:100%;height:100%;max-height:100%;margin-inline:auto;padding:6px;display:flex;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.05),inset 0 0 40px oklch(0% 0 0/.35)}.trail-row{gap:var(--trail-gap);flex:1 1 0;min-height:0;display:grid}.trail-tile{width:100%;height:100%;min-height:0;aspect-ratio:unset;isolation:isolate;background-color:#1e2634;background-image:url(/games/trail/brick-tile.svg);background-position:50%;background-size:cover;border:1px solid oklch(42% .025 250/.55);border-radius:.55rem;place-items:center;transition:border-color .16s,box-shadow .16s,filter .16s,opacity .16s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(75% .03 250/.18),inset 0 -2px oklch(0% 0 0/.35),0 1px 4px -2px oklch(0% 0 0/.35)}.trail-tile--brick{background-image:url(/games/trail/brick-tile.svg);background-position:50%;background-size:cover}.trail-tile:before{content:"";z-index:0;pointer-events:none;opacity:.28;mix-blend-mode:screen;filter:brightness(1.35)contrast(1.15);background-image:url(/brand-logo.png);background-position:50%;background-repeat:no-repeat;background-size:48%;position:absolute;inset:-6%;transform:rotate(-28deg)}.trail-tile:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,oklch(100% 0 0/.12) 0%,oklch(100% 0 0/.03) 36%,#0000 55%,oklch(0% 0 0/.28) 100%);position:absolute;inset:0}.trail-tile>*{z-index:1;position:relative}.trail-tile--active{cursor:pointer;border-color:oklch(70% .1 245/.75);box-shadow:inset 0 1px oklch(100% 0 0/.2),inset 0 -2px oklch(0% 0 0/.22),0 0 0 1px oklch(62% .12 245/.4),0 3px 10px -3px oklch(50% .12 245/.45)}.trail-tile--auto-pick{cursor:pointer;background-image:linear-gradient(160deg,oklch(55% .14 245/.45),oklch(35% .1 245/.55)),url(/games/trail/brick-tile.svg);background-position:50%;background-size:cover;border-color:oklch(72% .14 245/.95);box-shadow:inset 0 1px oklch(100% 0 0/.22),0 0 0 1px oklch(66% .17 245/.55),0 0 14px oklch(55% .14 245/.4)}.trail-tile--active:hover:not(:disabled){border-color:oklch(78% .12 245/.95);box-shadow:inset 0 1px oklch(100% 0 0/.22),inset 0 -2px oklch(0% 0 0/.2),0 0 0 1px oklch(70% .12 245/.55),0 4px 12px -4px oklch(50% .12 245/.5)}.trail-tile--dim{opacity:.42}.trail-tile--pending{animation:.5s ease-in-out infinite alternate trail-pending-pulse}@keyframes trail-pending-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.02)}}.trail-tile--safe{background-color:#12261c;background-image:radial-gradient(70% 55% at 50% 35%,oklch(55% .14 155/.55),#0000 68%),linear-gradient(160deg,oklch(36% .08 155),oklch(22% .06 155));border-color:oklch(72% .17 155/.95);animation:.38s cubic-bezier(.22,1.2,.36,1) trail-safe-pop;box-shadow:inset 0 1px oklch(100% 0 0/.18),0 0 0 1px oklch(65% .16 155/.45),0 0 16px oklch(55% .16 155/.4)}.trail-tile--safe:before,.trail-tile--bomb:before,.trail-tile--revealed-safe:before,.trail-tile--revealed-bomb:before{content:none}.trail-tile--bomb{background-color:#2a1212;background-image:radial-gradient(70% 55% at 50% 35%,oklch(50% .18 25/.5),#0000 68%),linear-gradient(160deg,oklch(36% .1 25),oklch(20% .07 25));border-color:oklch(65% .2 25/.95);animation:.42s ease-out trail-bomb-pop;box-shadow:inset 0 1px oklch(100% 0 0/.12),0 0 0 1px oklch(60% .18 25/.5),0 0 16px oklch(55% .2 25/.45)}.trail-tile--revealed-safe{opacity:.7;background-color:#12201a;background-image:linear-gradient(160deg,oklch(28% .05 155/.75),oklch(18% .04 155/.85));border-color:oklch(55% .12 155/.35)}.trail-tile--revealed-bomb{opacity:.7;background-color:#201212;background-image:linear-gradient(160deg,oklch(28% .06 25/.75),oklch(18% .05 25/.85));border-color:oklch(50% .14 25/.35)}.trail-tile-icon{filter:drop-shadow(0 2px 5px oklch(0% 0 0/.4));width:56%;max-width:2.1rem;height:56%;max-height:2.1rem}.trail-tile-mult{letter-spacing:.02em;color:#d4ffe8;white-space:nowrap;background:oklch(26% .05 155/.92);border:1px solid oklch(60% .14 155/.5);border-radius:999px;padding:0 5px;font-size:8px;font-weight:700;line-height:1.3;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px oklch(0% 0 0/.35)}@keyframes trail-safe-pop{0%{opacity:.5;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes trail-bomb-pop{0%{transform:scale(.78)rotate(-5deg)}55%{transform:scale(1.08)rotate(3deg)}to{transform:scale(1)rotate(0)}}@media (width>=640px){.trail-stage{--trail-board-h:min(78dvh, 42rem);padding:.55rem 1rem .7rem}.trail-grid{--trail-gap:3px;width:min(100%,28rem);padding:7px}.trail-tile-icon{max-width:2.35rem;max-height:2.35rem}.trail-tile-mult{font-size:9px}}@media (width>=1024px){.trail-stage{--trail-board-h:min(80dvh, 46rem)}.trail-grid{width:min(100%,30rem)}.trail-tile-icon{max-width:2.5rem;max-height:2.5rem}}@media (width<=639px){.trail-stage{--trail-board-h:min(62dvh, 28rem)}.trail-stage:before{display:none}.trail-grid{--trail-gap:3px;box-shadow:none;padding:4px}.trail-tile{contain:layout paint style;box-shadow:none;background-color:#1e2634;transition:border-color .12s,opacity .12s,transform .12s}.trail-tile:before{display:none}.trail-tile:after{opacity:.55}.trail-tile--dim{filter:none;opacity:.4}.trail-tile--active,.trail-tile--auto-pick{filter:none}.trail-tile--pending{animation:.5s ease-in-out infinite alternate trail-pending-pulse-mobile}.trail-tile--safe{animation:.34s cubic-bezier(.22,1.15,.36,1) both trail-safe-pop}.trail-tile--bomb{animation:.38s ease-out both trail-bomb-pop}.trail-row--current .trail-tile--active{animation:1.1s ease-in-out infinite alternate trail-row-glow}.trail-tile .sidebar-nav-shine{display:none}.trail-tile-icon{filter:none;max-width:1.65rem;max-height:1.65rem}.trail-tile-mult{font-size:8px;bottom:2px}}@keyframes trail-pending-pulse-mobile{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}@keyframes trail-row-glow{0%{border-color:oklch(62% .1 245/.55)}to{border-color:oklch(78% .14 245/.95)}}@media (height<=760px) and (width>=640px){.trail-stage{--trail-board-h:min(70dvh, 34rem)}}@media (height<=640px) and (width>=640px){.trail-stage{--trail-board-h:min(62dvh, 28rem)}.trail-grid{--trail-gap:2px;padding:4px}.trail-tile-mult{display:none}}