.tsm-page{--ink:#14171a;--teal:#7ac5b3;--tealdk:#558a7d;--orange:#e6530f;--paper:#f4f3ef;--red:#e24b4a;--card:#161616;--border:#2b2b2b;--grey:#b9bdb8;--dim:#868a85}.tsm-page *{box-sizing:border-box}.tsm-page html,.tsm-page{color:var(--paper);font-family:var(--font-source-sans), sans-serif;-webkit-tap-highlight-color:transparent;background:#000;margin:0;position:relative}.tsm-page:before{content:"";opacity:.05;pointer-events:none;z-index:0;background-image:url(/programme/games/trail-sign-match/assets/topo-bg.webp);background-repeat:repeat;background-size:480px;position:fixed;inset:0}.tsm-page #app{z-index:1;position:relative}.tsm-page .display,.tsm-page h1,.tsm-page h2,.tsm-page .brand,.tsm-page .btn-primary{font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.02em;font-weight:600}.tsm-page #app{flex-direction:column;align-items:center;min-height:100vh;padding:16px 12px 32px;display:flex}.tsm-page .topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 0 20px;display:grid}.tsm-page .topbar-back{font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.02em;color:var(--teal);white-space:nowrap;font-size:15px;text-decoration:none}.tsm-page .topbar-title{justify-content:center;align-items:center;gap:8px;display:flex}.tsm-page .topbar .mark{width:32px;height:32px}.tsm-page .topbar .brand{font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.08em;color:var(--paper);font-size:15px}.tsm-page .topbar .brand .accent{color:var(--orange)}.tsm-page .panel{width:100%;max-width:720px}.tsm-page #start-screen,.tsm-page #end-screen{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:28px 20px;display:flex}.tsm-page #start-screen[hidden],.tsm-page #end-screen[hidden]{display:none}.tsm-page #start-screen h1,.tsm-page #end-screen h2{margin:0 0 8px;font-size:clamp(22px,5vw,30px)}.tsm-page .lede{max-width:440px;color:var(--grey);margin:0 0 18px;font-size:16px;line-height:1.55}.tsm-page .stat-line{font-family:var(--font-barlow-condensed), sans-serif;color:var(--orange);margin:0 0 4px;font-size:18px}.tsm-page .best{color:var(--grey);margin:0 0 16px;font-size:15px}.tsm-page .btn-primary{background:var(--teal);color:var(--ink);cursor:pointer;border:none;border-radius:10px;padding:12px 30px;font-size:16px}.tsm-page .btn-primary:active{background:var(--tealdk)}.tsm-page .diff-picker{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.tsm-page .diff-btn{border:1px solid var(--border);color:var(--grey);font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.02em;cursor:pointer;background:#0d0d0d;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;font-size:15px;display:flex}.tsm-page .diff-btn span{font-family:var(--font-source-sans), sans-serif;color:var(--dim);font-size:13px;font-weight:400}.tsm-page .diff-btn.active{border-color:var(--teal);color:var(--paper);background:#7ac5b31f}.tsm-page .diff-btn.active span{color:var(--grey)}.tsm-page .first-hint{text-align:center;color:var(--tealdk);border:1px solid var(--teal);background:#7ac5b324;border-radius:999px;margin:0 0 12px;padding:8px 14px;font-size:15px}.tsm-page .first-hint[hidden]{display:none}.tsm-page .hud{font-family:var(--font-barlow-condensed), sans-serif;color:var(--grey);justify-content:space-between;margin-bottom:12px;padding:0 2px;font-size:16px;display:flex}.tsm-page .hud #hud-found{color:var(--orange)}.tsm-page .grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:8px;width:100%;height:min(45vh,440px);margin-bottom:18px;display:grid}.tsm-page .grid.grid-wide{grid-template-columns:repeat(5,1fr)}.tsm-page .card{perspective:900px;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0;min-height:0}.tsm-page .card-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;transition:transform .45s cubic-bezier(.3,.7,.25,1);position:relative}.tsm-page .card.flipped .card-inner,.tsm-page .card.matched .card-inner{transform:rotateY(180deg)}.tsm-page .card-face{backface-visibility:hidden;background:#101312;border-radius:10px;position:absolute;inset:0;overflow:hidden}.tsm-page .card-back{border:2px solid var(--paper);background-color:var(--paper);background-image:repeating-linear-gradient(45deg,#7ac5b314 0 1px,#0000 1px 13px),repeating-linear-gradient(-45deg,#7ac5b314 0 1px,#0000 1px 13px);justify-content:center;align-items:center;display:flex;transform:rotateY(0)translateZ(1px);box-shadow:0 2px 6px #00000080}.tsm-page .card-back:before{content:"";border:1.5px solid var(--teal);border-radius:6px;position:absolute;inset:6px}.tsm-page .card-back:after{content:"";background-image:url(/programme/games/trail-sign-match/assets/logo-on-white.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:60%;height:60%}.tsm-page .card-front{border:2px solid var(--teal);background:#0b0d0c;flex-direction:column;display:flex;transform:rotateY(180deg)translateZ(1px)}.tsm-page .card.matched .card-front{border-color:var(--orange)}.tsm-page .card-front .art{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.tsm-page .art-dark{background:#131513}.tsm-page .art-paper{background:linear-gradient(#f7f5ef 0%,#dcebe8 100%);align-items:flex-end}.tsm-page .art-tile{background-color:#131513;background-image:url(/programme/games/trail-sign-match/assets/topo-bg.webp);background-size:240px}.tsm-page .art-tile:before{content:"";pointer-events:none;border:2px dashed #e6530f99;border-radius:5px;position:absolute;inset:5px}.tsm-page .art-photo{background:#131513}.tsm-page .card-front .art img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.tsm-page .card-front .art-paper img{padding:4px 4px 0}.tsm-page .card-front .art img.cover{object-fit:cover}.tsm-page .card-front .icon-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tsm-page .card-tag{font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.06em;color:#0d0d0d;z-index:2;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:600;line-height:1.2;position:absolute;top:5px;left:5px}.tsm-page .card-tag.brand{background:var(--orange)}.tsm-page .card-tag.race{background:#3fb5ab}.tsm-page .card-tag.know{background:#f0665f}.tsm-page .card-front .card-label{font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--paper);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-top:2px solid var(--teal);background:#0b0d0c;flex:none;padding:5px 4px 6px;font-size:clamp(9.5px,2.6vw,13px);line-height:1.1;overflow:hidden}.tsm-page .card-front .card-label.brand{border-top-color:var(--orange)}.tsm-page .card-front .card-label.race{border-top-color:#3fb5ab}.tsm-page .card-front .card-label.know{border-top-color:#f0665f}.tsm-page .text-big{text-align:center;font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.02em;overflow-wrap:normal;padding:0 6px;font-size:clamp(15px,4.2vw,26px);font-weight:700;line-height:1.05;position:relative}.tsm-page .text-big.brand{color:var(--orange)}.tsm-page .text-big.race{color:#4fc7bc}.tsm-page .text-big.know{color:#f47b74}.tsm-page .card.matched{animation:.4s ease-out tsm-pop}.tsm-page .card.matched .card-front{box-shadow:inset 0 0 0 2px #e6530f59}.tsm-page .fact-log{background:var(--card);border:1px solid var(--border);border-radius:12px;width:100%;padding:14px 16px}.tsm-page .fact-log-title{color:var(--grey);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:14px;font-weight:700}.tsm-page .fact-log ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tsm-page .fact-log li{color:var(--paper);padding-left:18px;font-size:15px;line-height:1.5;position:relative}.tsm-page .fact-log li:before{content:"🏅";font-size:14px;position:absolute;top:0;left:0}.tsm-page .fact-log:empty,.tsm-page .fact-log ul:empty{color:var(--dim)}.tsm-page #fact-list:empty:after,.tsm-page #end-fact-list:empty:after{content:"Flip a matching pair to learn something.";color:var(--dim);font-size:15px}.tsm-page .motto-banner{opacity:.85;width:min(360px,80%);height:auto;margin-top:24px}.tsm-page .foot{color:var(--dim);text-align:center;max-width:480px;margin-top:10px;font-size:14px}@media (max-width:420px){.tsm-page .grid{gap:6px}.tsm-page .card-tag{padding:1px 4px;font-size:8px}}.tsm-page .diff-btn,.tsm-page .btn-primary,.tsm-page .topbar-back{min-height:44px}.tsm-page .learned{color:#1b8a82;margin:10px 0 0;font-size:16px;font-weight:600}.tsm-page .cheer{width:84px;height:84px;margin:0 auto 8px;animation:.9s ease-out tsm-bounce;display:block}@keyframes tsm-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes tsm-bounce{0%{transform:translateY(-14px)scale(.9)}60%{transform:translateY(4px)scale(1.05)}to{transform:none}}.confetti-bit{z-index:9999;pointer-events:none;border-radius:2px;width:9px;height:14px;animation:2.4s linear forwards tsm-fall;position:fixed;top:-12px}@keyframes tsm-fall{to{opacity:.9;transform:translateY(105vh)rotate(560deg)}}@media (prefers-reduced-motion:reduce){.tsm-page .cheer,.tsm-page .card.matched{animation:none}.tsm-page .card-inner{transition-duration:10ms}.confetti-bit{display:none}}