.drifttrail-game{width:100%;max-width:680px;color:var(--ink);margin:0 auto}.drifttrail-game .drift-top{justify-content:space-between;align-items:center;gap:10px;min-height:44px;margin-bottom:8px;display:flex}.drifttrail-game .drift-pause{min-width:96px;min-height:44px}.drifttrail-game .drift-hud{color:var(--muted);align-items:center;gap:16px;margin:0;font-size:13px;font-weight:800;display:flex}.drifttrail-game .drift-hud strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:6px;font-size:22px;font-weight:900;line-height:1}.drifttrail-game .drift-score,.drifttrail-game .drift-mangoes{align-items:center;display:inline-flex}.drifttrail-game .drift-mangoes img{width:24px;height:24px}.drifttrail-game .drift-mangoes strong{margin-left:4px}.drifttrail-game[data-new-best] .drift-score strong{color:#b4610a}.drifttrail-game .drift-stage{width:100%;height:clamp(300px, calc(var(--play-height,100svh) - 252px), 640px);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#5e9b52;border:2px solid #35554a;border-radius:16px;position:relative;overflow:hidden}.drifttrail-game .drift-canvas{border:0;border-radius:0;width:100%;height:100%;display:block}.drifttrail-game .drift-canvas:focus{outline:none}.drifttrail-game .drift-stage:has(.drift-canvas:focus-visible){outline-offset:2px;outline:2px solid #117b77}.drifttrail-game .drift-hint{text-align:center;pointer-events:none;background:#fff6e3;border:2px solid #223144;border-radius:14px;width:max-content;max-width:calc(100% - 24px);padding:8px 16px 9px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 3px #223144}.drifttrail-game .drift-hint strong{font-size:19px;font-weight:900;line-height:1.2;display:block}.drifttrail-game .drift-hint span{color:#4d5c52;margin-top:2px;font-size:13px;font-weight:700;display:block}.drifttrail-game .drift-ready{cursor:pointer;width:max-content;min-width:120px;min-height:48px;margin:0 auto;padding:10px 24px;font-size:16px;position:absolute;bottom:14px;left:0;right:0;box-shadow:0 3px #0a5c56,0 6px 16px #22314440}.drifttrail-game .drift-count{color:#fff6e3;-webkit-text-stroke:2px #223144;text-shadow:0 4px #223144;pointer-events:none;place-items:center;font-size:68px;font-weight:900;display:grid;position:absolute;inset:0}.drifttrail-game .drift-panel{text-align:center;cursor:default;background:#fff6e3;border:2px solid #223144;border-radius:16px;width:min(300px,100% - 28px);max-height:calc(100% - 16px);padding:12px 16px 14px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 4px #223144}.drifttrail-game .drift-panel h2{font-size:19px;font-weight:900;line-height:1.2}.drifttrail-game .drift-total{margin:8px 0 2px}.drifttrail-game .drift-total span{letter-spacing:.6px;text-transform:uppercase;color:#5d6b60;font-size:12px;font-weight:800;display:block}.drifttrail-game .drift-total strong{font-variant-numeric:tabular-nums;font-size:42px;font-weight:900;line-height:1;display:block}.drifttrail-game .drift-breakdown{background:#f4e6c8;border-radius:10px;gap:3px;margin:8px 0 6px;padding:8px 10px;display:grid}.drifttrail-game .drift-breakdown div{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.drifttrail-game .drift-breakdown dt{color:#45544a;align-items:center;gap:4px;font-weight:700;display:inline-flex}.drifttrail-game .drift-breakdown dt em{color:#223144;background:#ffac43;border-radius:6px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:800}.drifttrail-game .drift-breakdown dd{font-variant-numeric:tabular-nums;margin:0;font-weight:900}.drifttrail-game .drift-best{color:#45544a;font-size:14px;font-weight:700}.drifttrail-game .drift-best strong{color:var(--ink);font-weight:900}.drifttrail-game .drift-best.is-new strong{background:#ffac43;border:2px solid #223144;border-radius:999px;padding:2px 10px;font-size:15px;display:inline-block}.drifttrail-game .drift-best.is-new span{color:#5d6b60;font-size:13px}.drifttrail-game .drift-actions{justify-content:center;gap:10px;margin-top:10px;display:flex}.drifttrail-game .drift-actions .game-button{min-width:112px;min-height:48px;font-size:16px}.drifttrail-game .drift-cue{text-align:center;min-height:18px;color:var(--muted);margin:7px 0 0;font-size:13px;font-weight:700}.drifttrail-game[data-phase=ready] .drift-cue{visibility:hidden}.drifttrail-game .drift-panel[data-kind=result]{animation:.22s ease-out drift-rise}@keyframes drift-rise{0%{opacity:0;transform:translate(-50%,-42%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.drifttrail-game .drift-panel[data-kind=result]{animation:none}}@media (max-height:620px){.drifttrail-game .drift-panel{padding:10px 14px 12px}.drifttrail-game .drift-panel h2{font-size:17px}.drifttrail-game .drift-total{margin-top:4px}.drifttrail-game .drift-total strong{font-size:34px}.drifttrail-game .drift-actions{margin-top:8px}}@media (max-width:380px){.drifttrail-game .drift-hud{gap:10px}.drifttrail-game .drift-hud strong{font-size:19px}.drifttrail-game .drift-pause{min-width:84px;padding-inline:10px}.drifttrail-game .drift-hint strong{font-size:17px}}.drifttrail-game .drift-tip{color:#117b77;margin-top:4px;font-size:14px;font-weight:800}.drifttrail-game .drift-note{color:#5d6b60;margin-top:2px;font-size:13px;font-weight:700}@media (min-width:761px) and (min-height:700px){.drifttrail-game .drift-panel{width:min(340px,100% - 28px);padding:16px 20px 18px}.drifttrail-game .drift-panel h2{font-size:22px}.drifttrail-game .drift-total strong{font-size:50px}.drifttrail-game .drift-breakdown div{font-size:15px}}