:root{color-scheme:dark;--ink:#101922;--panel:#111c26;--cream:#edf3ed;--muted:#8da1ac;--lime:#c9f762;--blue:#32baf4;--red:#fc4f4b;--line:#647783}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:'Courier New',monospace;background:#dce8f5;color:var(--cream);font-size:14px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{-webkit-tap-highlight-color:transparent}#game{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden}#mountain{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.snow-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #87a8c127;z-index:1}.arcade-panel{background:var(--panel);border:2px solid #bdccd2;box-shadow:0 0 0 3px #17212c,5px 7px 0 #15243629;position:relative}.arcade-panel:before{content:"";position:absolute;inset:3px;border:1px solid #52616b;pointer-events:none}.brand-panel{position:absolute;left:30px;top:28px;width:356px;padding:15px 18px 12px;transform:rotate(-1deg);z-index:3}.brand-top{display:flex;align-items:center;justify-content:space-between;color:#b2c4ce;font-size:10px;letter-spacing:1.1px;font-weight:bold}.mountain-mark{font-size:35px;line-height:16px;color:white}.brand-panel h1{font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;letter-spacing:-2.5px;line-height:1;margin:14px 0 13px;font-size:55px;display:flex;gap:8px;filter:drop-shadow(3px 3px 0 #02090d)}.brand-panel h1 span{color:var(--blue)}.brand-panel h1 b{font-weight:900;color:var(--red);font-size:52px}.brand-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #475761;padding-top:10px;letter-spacing:.7px;font-size:11px;font-weight:bold}.little-snow{color:var(--lime);font-size:18px}.weather{position:absolute;top:36px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;white-space:nowrap;color:#506b80;font-size:11px;letter-spacing:.5px;font-weight:bold}.weather>span:first-child{font-size:23px;color:#5c8098}.weather i{height:12px;border-left:1px solid #93a9ba;margin:0 4px}.score-panel{position:absolute;right:30px;top:28px;width:275px;padding:19px 19px 12px;z-index:3}.score-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.5px;color:var(--muted);margin-bottom:15px}.score-title span:last-child{color:var(--lime);font-size:8px;align-self:center}.score-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.score-main>span{font-size:13px;letter-spacing:1px}.score-main strong{font-size:32px;letter-spacing:1px;line-height:1}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#aec0cc;font-size:13px;letter-spacing:1px}.stat-row b{color:var(--cream);font-size:17px;letter-spacing:0}.stat-row small{font-size:11px;color:var(--muted)}.style-row{border-top:1px solid #43545f;border-bottom:1px solid #43545f;display:flex;justify-content:space-between;padding:12px 0;margin-top:15px;font-size:12px}.style-row>span{color:var(--muted)}.style-row strong{color:var(--lime);letter-spacing:.4px}.best-row{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.6px;color:var(--muted);margin-top:12px}.best-row span:last-child{color:var(--cream);font-size:12px}.start-panel{position:absolute;left:30px;top:223px;width:326px;padding:20px 17px 13px;z-index:4}.section-heading{display:flex;justify-content:space-between;color:#a5b6be;font-size:11px;letter-spacing:1px;margin-bottom:15px}.section-heading>span:last-child{color:var(--lime)}.trail-list{display:flex;flex-direction:column;gap:6px}.trail{display:flex;align-items:center;width:100%;border:1px solid transparent;background:transparent;text-align:left;padding:13px 10px;gap:13px;transition:background .15s,border .15s}.trail:hover{background:#263441}.trail.selected{background:#24322e;border-color:#708552}.trail-symbol{font-size:23px;line-height:1;width:24px;text-align:center;text-shadow:2px 2px 0 #0004}.green{color:var(--lime)}.blue{color:#54b3ed}.diamond{color:#dce6ec}.trail-copy{display:flex;flex-direction:column;gap:6px}.trail-copy b{font-size:16px;letter-spacing:-.4px}.trail-copy small{font-size:10px;color:#a7b7bf}.trail-check{margin-left:auto;align-self:flex-start;visibility:hidden;color:var(--lime);font-size:19px}.selected .trail-check{visibility:visible}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 16px 15px;border:1px solid #dffca8;background:var(--lime);color:#1d2c19;font-weight:bold;font-size:16px;letter-spacing:1px;box-shadow:0 4px 0 #718c40;transition:background .1s,transform .1s;margin-top:20px}.primary-button:hover{background:#defd9a;transform:translateY(-1px)}.primary-button:active{transform:translateY(3px);box-shadow:0 1px 0 #718c40}.primary-button>span{font-size:24px;line-height:18px}.start-hint{font-size:9px;letter-spacing:.7px;text-align:center;color:var(--muted);padding-top:18px}kbd{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;border:1px solid #61727c;border-bottom-width:2px;border-radius:2px;min-width:22px;height:23px;font-size:12px;background:#23303b;color:#e4edf4}.start-hint kbd{height:17px;font-size:9px;padding:0 4px;margin:0 3px}.bottom-ui{position:absolute;left:30px;right:30px;bottom:28px;display:flex;gap:22px;align-items:end;z-index:3;pointer-events:none}.bottom-ui>*{pointer-events:auto}.audio-panel{padding:15px 18px;display:flex;gap:13px;align-items:center;text-align:left;flex-shrink:0;height:70px}.audio-panel>span:nth-child(2){display:flex;flex-direction:column;gap:7px}.audio-panel b{font-size:10px;letter-spacing:1px}.audio-panel small{font-size:10px;color:#9dafb9}.audio-icon{font-size:20px;color:#b8c9d3;padding-left:10px}.equalizer{height:28px;display:flex;gap:3px;align-items:end}.equalizer i{background:var(--blue);width:4px;height:10px}.equalizer i:nth-child(2){height:22px}.equalizer i:nth-child(3){height:28px}.equalizer i:nth-child(4){height:18px}.equalizer i:nth-child(5){height:11px}.audio-panel[aria-pressed=true] .equalizer i{animation:equalize .9s infinite alternate}.audio-panel[aria-pressed=true] .equalizer i:nth-child(2n){animation-delay:-.3s}.audio-panel[aria-pressed=true] .equalizer i:nth-child(3n){animation-delay:-.6s}@keyframes equalize{to{height:5px}}.controls{display:flex;gap:22px;padding:16px 21px;align-items:center;height:59px;margin-bottom:1px}.controls>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#bdc9d0;white-space:nowrap}.controls kbd+ kbd{margin-left:-3px}.space-key{padding:0 6px;font-size:10px}.mountain-note{color:#526d80;font-size:9px;letter-spacing:1px;line-height:1.8;position:absolute;bottom:85px;left:0;font-weight:bold}.mountain-note span{display:block;color:#758d9e;font-size:8px;letter-spacing:.5px}.minimap{position:absolute;right:30px;bottom:28px;padding:13px 13px 9px;z-index:3;width:176px}.minimap>div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:#a8bbc6}.map-live{color:var(--lime);font-size:8px}.minimap canvas{width:100%;height:156px;image-rendering:pixelated;margin:7px 0 2px}.map-caption{font-size:6px;letter-spacing:.4px;color:#8da1ac;display:block;text-align:center}.trail-badge{position:absolute;left:30px;top:221px;background:#15232deb;color:white;box-shadow:3px 3px 0 #32485725;display:flex;align-items:center;gap:12px;padding:12px 13px;font-size:11px;letter-spacing:1px;z-index:3}.trail-badge>span:first-child{color:var(--lime);font-size:18px}.trail-badge button{background:#2a3c49;border:1px solid #637886;margin-left:10px;height:28px;width:30px}.trick{position:absolute;top:39%;left:57%;transform:translateX(-50%);color:#192f40;font-size:24px;font-weight:bold;text-align:center;pointer-events:none;text-shadow:2px 2px 0 white;white-space:pre-line;transition:opacity .2s;z-index:3}.yeti-warning{position:absolute;top:85px;left:50%;transform:translateX(-50%);background:#172330;padding:12px 19px;color:#ffd185;border:1px solid #ffb458;box-shadow:3px 3px 0 #23344530;font-size:11px;letter-spacing:1px;z-index:4;white-space:nowrap}.yeti-warning span{background:#ffb458;color:#172330;font-weight:bold;padding:1px 5px;margin-right:7px}.dialog-wrap{position:absolute;inset:0;background:#b8cbd24a;backdrop-filter:blur(3px);z-index:8;display:flex;align-items:center;justify-content:center}.dialog{width:370px;padding:32px 28px;text-align:center}.dialog-eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--lime)}.dialog h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:52px;letter-spacing:.4px;margin:16px 0 10px;font-weight:400}.dialog p{color:#aabbc6;font-size:12px;line-height:1.7;margin-bottom:25px}.secondary-button{border:0;border-bottom:1px solid #5b6e79;background:transparent;color:#acbec8;font-size:10px;letter-spacing:.5px;padding:6px 0;margin-top:24px}.end-stats{display:flex;justify-content:space-around;padding:20px 0;border-top:1px solid #4c606c;border-bottom:1px solid #4c606c}.end-stats>div{display:flex;flex-direction:column;gap:10px}.end-stats span{font-size:10px;color:var(--muted)}.end-stats b{font-size:25px}.touch-controls{display:none}.loading{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);color:#425a6c;font-size:11px;font-weight:bold;letter-spacing:1px}.loading span{animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.hidden{display:none!important}
@media(min-width:1700px){.brand-panel,.start-panel{left:44px}.brand-panel,.score-panel{top:38px}.score-panel,.minimap{right:44px}.start-panel{top:243px}.bottom-ui{left:44px;right:44px;bottom:38px}.minimap{bottom:38px}.trail-badge{left:44px;top:234px}}
@media(max-width:1150px){.weather{top:185px;left:200px}.weather-extra{display:none}.controls{gap:13px;padding:13px}.audio-panel small{display:none}.audio-panel{height:59px}.minimap{width:146px}.map-caption{font-size:5px}.controls>span:last-child{display:none}.start-panel{top:225px;width:305px}.brand-panel{width:330px}.brand-panel h1{font-size:50px}.brand-panel h1 b{font-size:48px}}
@media(max-width:800px){.brand-panel{top:19px;left:18px;width:255px;padding:13px}.brand-panel h1{font-size:38px;gap:6px;margin:11px 0}.brand-panel h1 b{font-size:36px}.brand-top{font-size:7px}.brand-bottom{font-size:8px}.score-panel{right:18px;top:19px;width:202px;padding:16px 14px 10px}.score-main strong{font-size:23px}.score-title{font-size:8px}.score-title span:last-child{font-size:6px}.score-main>span{font-size:11px}.score-main{margin-bottom:12px}.stat-row{font-size:11px;margin-top:7px}.stat-row b{font-size:14px}.style-row{font-size:10px;padding:10px 0;margin-top:12px}.best-row{font-size:7px}.start-panel{left:18px;top:207px;width:270px;padding:17px 13px 12px}.trail{padding:12px 7px;gap:9px}.trail-copy b{font-size:14px}.trail-copy small{font-size:9px}.weather{left:142px;top:168px;font-size:9px}.minimap{right:18px;bottom:24px;width:123px;padding:10px}.minimap canvas{height:123px}.minimap>div{font-size:7px}.map-caption{display:none}.bottom-ui{left:18px;bottom:24px;gap:16px}.audio-panel{padding:12px}.audio-icon{display:none}.controls{gap:10px;padding:12px}.controls>span{font-size:8px}.controls kbd{font-size:10px;min-width:18px;height:21px}.mountain-note{bottom:74px}.trail-badge{left:18px;top:178px}.yeti-warning{top:285px}.trick{font-size:20px;left:60%}}
@media(max-height:720px) and (min-width:601px){.start-panel{top:198px;padding-top:14px}.trail{padding-top:9px;padding-bottom:9px}.primary-button{margin-top:13px;padding-top:13px;padding-bottom:12px}.section-heading{margin-bottom:8px}.start-hint{padding-top:13px}.weather{display:none}.mountain-note{display:none}.minimap canvas{height:110px}}
@media(max-width:600px){.brand-panel{width:211px;left:13px;top:17px;padding:11px}.brand-panel h1{font-size:32px;margin:9px 0;letter-spacing:-1.6px}.brand-panel h1 b{font-size:29px}.brand-bottom{font-size:6px;letter-spacing:.3px;padding-top:5px}.brand-top{font-size:6px;letter-spacing:.5px}.little-snow{font-size:12px}.mountain-mark{font-size:25px}.score-panel{right:13px;top:17px;width:132px;padding:11px 10px 9px}.score-title{margin-bottom:9px;font-size:7px}.score-title span:last-child{display:none}.score-main{display:block;margin-bottom:7px}.score-main>span{display:none}.score-main strong{font-size:24px}.stat-row{font-size:8px;letter-spacing:.3px;margin-top:5px}.stat-row b{font-size:11px}.stat-row small{font-size:8px}.style-row{font-size:8px;padding:8px 0 0;border-bottom:0;margin-top:8px}.style-row>span{display:none}.best-row{display:none}.weather{top:136px;left:120px;font-size:7px}.weather>span:first-child{font-size:18px}.start-panel{left:13px;top:auto;bottom:114px;width:251px;padding:15px 12px 11px}.section-heading{font-size:9px;margin-bottom:7px}.trail{padding:10px 7px}.trail-copy{gap:4px}.trail-copy b{font-size:13px}.trail-copy small{font-size:8px}.trail-symbol{font-size:20px}.primary-button{margin-top:12px;font-size:14px;padding:13px 12px}.start-hint{display:none}.minimap{width:88px;right:13px;bottom:117px;padding:8px}.minimap canvas{height:99px;margin-top:3px}.minimap>div{font-size:6px;letter-spacing:0}.map-live{display:none}.bottom-ui{bottom:24px;left:13px;right:13px}.audio-panel{height:49px;padding:10px 12px;gap:10px}.audio-panel b{font-size:8px}.equalizer{height:23px}.equalizer i{width:3px}.equalizer i:nth-child(3){height:23px}.controls{display:none}.mountain-note{left:auto;right:0;bottom:5px;font-size:6px}.mountain-note span{font-size:6px}.trail-badge{left:13px;top:133px;padding:8px 9px;font-size:8px;gap:8px}.trail-badge button{height:24px;width:26px;margin-left:4px}.touch-controls{position:absolute;bottom:24px;left:13px;right:13px;display:none;justify-content:center;gap:8px;z-index:5}.touch-controls button{background:#152533e8;border:2px solid #a4b8c6;width:57px;height:53px;font-size:21px;touch-action:none;box-shadow:2px 3px 0 #29445744}.touch-controls button:last-child{width:78px;font-size:12px;font-weight:bold;color:var(--lime);margin-left:auto}body.playing .touch-controls{display:flex}body.playing .bottom-ui{bottom:91px}body.playing .mountain-note{display:none}body.playing .audio-panel{height:33px;padding:6px 9px}body.playing .equalizer{height:16px}body.playing .equalizer i{max-height:16px}body.playing .minimap{bottom:102px}.trick{left:50%;top:32%;font-size:17px}.yeti-warning{top:185px;font-size:9px;padding:10px 12px}.dialog{width:calc(100% - 50px);max-width:350px}.loading{bottom:85px;font-size:8px}.start-panel .trail-check{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Readable trail descriptions and controls at every slope size. */
.trail-copy small{font-size:11px}.controls>span{font-size:11px}.start-hint{font-size:10px}.audio-panel small{font-size:11px}.map-caption{font-size:7px}
@media(max-width:800px){.trail-copy small{font-size:10px}.controls>span{font-size:9px}}
@media(max-width:600px){.stat-row{font-size:10px}.stat-row b{font-size:12px}.trail-copy small{font-size:10px}.section-heading{font-size:10px}.trail-badge{font-size:10px}.style-row{font-size:10px}.minimap{padding:7px}.score-title{font-size:9px}}
@media(pointer:coarse) and (min-width:601px){body.playing .touch-controls{position:absolute;display:flex;left:30px;right:220px;bottom:108px;gap:12px;z-index:5}.touch-controls button{background:#152533e8;border:2px solid #a4b8c6;width:64px;height:54px;font-size:24px;touch-action:none}.touch-controls button:last-child{margin-left:auto;width:92px;font-size:13px;color:var(--lime)}}
/* Shared golf-style timing meter for rhythm carves and cliff touchdowns. */
.new-moves{margin-top:13px;border-top:1px solid #40535e;padding-top:11px;color:#b5c7cf;font-size:10px;line-height:1.8;text-align:center}.timing-panel{position:absolute;z-index:4;left:50%;bottom:120px;transform:translateX(-50%);width:300px;display:grid;grid-template-columns:1fr 55px;gap:16px;padding:17px 17px 14px;pointer-events:none}.meter-title{color:var(--lime);font-size:11px;letter-spacing:1px;margin-bottom:9px}.timing-copy>strong{font-size:15px;line-height:1.35;display:block}.timing-copy>p{font-size:11px;line-height:1.5;color:#acbeca;margin:8px 0 11px}.meter-feedback{font-size:11px;font-weight:bold;color:#c8d6df;min-height:26px;line-height:1.4}.boost-line{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #405361;padding-top:9px;margin-top:4px;color:#9ab0bf}.boost-line>span:first-child{font-size:13px;color:var(--lime);font-weight:bold}.meter-column{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:8px;color:#aabdc8}.timing-track{height:111px;width:27px;position:relative;background:#ad5752;border:1px solid #d8e1e8;box-shadow:0 0 0 3px #060f17;overflow:visible}.meter-good{position:absolute;bottom:27%;height:46%;left:0;right:0;background:#e8b865}.meter-perfect{position:absolute;bottom:41%;height:18%;left:0;right:0;background:var(--lime);box-shadow:0 0 9px #c9f76244}.meter-center{position:absolute;bottom:50%;left:-4px;right:-4px;height:1px;background:#fff9}.meter-cursor{position:absolute;bottom:0;left:-7px;right:-7px;height:4px;transform:translateY(50%);background:white;border:1px solid #24333e;box-shadow:0 1px 4px #0008;will-change:bottom}.meter-green-label{white-space:nowrap;font-size:8px;color:var(--lime)}.timing-panel[data-grade=perfect] .meter-feedback{color:var(--lime)}.timing-panel[data-grade=good] .meter-feedback{color:#ffd181}.timing-panel[data-grade=bad] .meter-feedback{color:#ff9186}.timing-panel[data-mode=landing]{border-color:#ffda8a}.timing-panel[data-mode=landing] .meter-title{color:#ffda8a}.timing-panel[data-locked=true] .meter-cursor{background:#fff7c3;box-shadow:0 0 9px #ffe8a9}.air-guide{position:absolute;left:30px;top:285px;z-index:4;padding:16px;width:250px}.air-heading{display:flex;justify-content:space-between;color:#a6bac8;font-size:10px;letter-spacing:.6px;margin-bottom:13px}.air-heading b{color:var(--lime);font-size:10px}.combo-guide{display:flex;flex-direction:column;gap:8px}.combo-guide>span{display:flex;gap:5px;align-items:center;font-size:11px}.combo-guide kbd:last-of-type{margin-right:6px}.combo-input{margin-top:12px;padding-top:10px;border-top:1px solid #425664;font-size:9px;color:#a8bbc8;letter-spacing:.3px}.touch-tricks{display:none}.trick{top:27%;left:50%;font-size:21px;max-width:90%;white-space:normal;pointer-events:none}.timing-panel[data-mode=air] .meter-column{opacity:.35}.timing-panel[data-mode=air] .meter-title{color:#6bd2ff}
@media(max-width:1150px){.controls{gap:12px}.controls>span{font-size:9px}.timing-panel{bottom:104px}.air-guide{top:285px;left:30px;width:222px}}
@media(max-width:800px){.air-guide{top:232px;left:18px;width:204px;padding:13px}.air-heading{font-size:9px;letter-spacing:0}.combo-guide>span{font-size:10px}.timing-panel{width:274px;bottom:102px;padding:14px;gap:12px}.timing-copy>strong{font-size:14px}.trick{top:32%;font-size:17px}}
@media(pointer:coarse){.touch-tricks{display:flex;gap:6px;margin-top:13px}.touch-tricks button{width:42px;height:40px;flex:1;background:#243747;color:#dff79a;border:1px solid #748995;box-shadow:0 2px 0 #050d14;touch-action:none;font-size:16px;font-weight:bold}.timing-panel{bottom:176px}.combo-input{font-size:9px}}
@media(max-width:600px){.new-moves{font-size:9px;margin-top:9px;padding-top:7px}.timing-panel{left:13px;bottom:139px;transform:none;width:calc(100% - 122px);max-width:285px;grid-template-columns:1fr 40px;gap:8px;padding:11px 12px}.meter-title{font-size:9px;margin-bottom:6px}.timing-copy>strong{font-size:12px}.timing-copy>p{font-size:10px;margin:6px 0}.meter-feedback{font-size:10px;min-height:25px}.meter-column{gap:7px;font-size:7px}.timing-track{height:94px;width:22px}.meter-green-label{font-size:7px}.boost-line{font-size:9px;padding-top:6px;margin-top:4px}.boost-line>span:first-child{font-size:11px}.air-guide{left:13px;top:183px;width:200px;padding:11px}.air-heading{font-size:9px;margin-bottom:8px}.air-heading b{font-size:9px}.combo-guide{gap:5px}.combo-guide>span{font-size:9px}.combo-guide kbd{min-width:19px;height:20px;font-size:10px}.combo-input{margin-top:8px;padding-top:7px;font-size:8px}.touch-tricks{display:flex;gap:6px;margin-top:9px}.touch-tricks button{width:37px;height:34px;font-size:13px}.trick{top:44%;font-size:15px}.yeti-warning{top:174px;left:auto;right:13px;transform:none;font-size:8px;padding:8px;max-width:145px;white-space:normal}body.airborne .yeti-warning{display:none}.start-panel{bottom:104px}}
@media(max-height:690px) and (max-width:600px){.air-guide{top:179px;width:186px}.combo-guide{flex-direction:row;flex-wrap:wrap;gap:5px}.combo-guide>span{font-size:8px}.combo-guide kbd{min-width:16px;height:16px}.touch-tricks button{height:30px}.combo-input{display:none}.timing-panel{bottom:136px;padding:9px}.timing-copy>p{display:none}.timing-track{height:73px}.trick{top:49%;left:69%;max-width:54%;font-size:13px}}
@media(pointer:coarse) and (min-width:601px){.air-guide{top:275px}.timing-panel{bottom:178px}}

/* Keep trick callouts below the airborne skier. */
.fps-panel{margin-top:10px;padding-top:8px;border-top:1px solid #52616b;pointer-events:none}
.fps-heading{display:flex;align-items:baseline;justify-content:space-between;font-size:10px;color:#9eb4c3;margin-bottom:5px}
.fps-heading b{font-size:16px;color:var(--lime);font-variant-numeric:tabular-nums}
.fps-heading>span:last-child{font-size:8px}
.minimap #fps-chart{display:block;width:100%;height:32px;image-rendering:pixelated}
.touch-ui .fps-panel{display:none}
@media(max-width:600px),(pointer:coarse){.fps-panel{display:none}}
body.playing .trick{top:calc(51% + 30px);max-width:370px;width:80%;font-size:18px}
@media(max-width:600px){body.playing .trick{top:calc(51% + 20px);font-size:13px;width:75%}}