:root{font-family:Arial,Helvetica,sans-serif;color:#29463d;background:#e7ede7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer}#world{position:fixed;inset:0}canvas{display:block;outline:none;touch-action:none}header{position:absolute;top:42px;left:48px;pointer-events:none}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;display:flex;align-items:center;gap:12px}.mark{font-size:28px;line-height:20px}.division{opacity:.3;margin:0 4px}h1{font-family:Georgia,'Times New Roman',serif;font-size:74px;font-weight:400;line-height:.91;letter-spacing:-4px;margin:27px 0 18px}h1 em{font-weight:400}header p{font-size:12px;letter-spacing:.15px;opacity:.72;margin-bottom:23px}.place{font-size:8px;letter-spacing:1.45px;display:flex;align-items:center;gap:7px}.dot{width:5px;height:5px;display:inline-block;background:#537564;border-radius:50%}.sep{opacity:.4}.location{position:absolute;top:48px;right:48px;text-align:right;display:flex;flex-direction:column;font:9px/1.8 monospace;letter-spacing:1.4px;opacity:.68}.compass{margin-top:35px;align-self:flex-end;text-align:center;line-height:1.8}.compass span{font:28px Georgia}.bottom{position:absolute;bottom:0;left:0;right:0;padding:0 42px 22px;pointer-events:none}.hint{text-align:center;font-size:9px;letter-spacing:1.65px;margin-bottom:15px;opacity:.7}.hint i{font-style:normal;margin:0 12px;opacity:.5}nav{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;margin:0 auto 23px;padding:8px 10px;border:1px solid #fff9;border-radius:11px;background:#f9faf0d6;box-shadow:0 8px 40px #3d514414;backdrop-filter:blur(15px)}button,select{border:0;color:inherit;background:transparent;font-size:12px;border-radius:6px}nav button{height:36px;padding:0 12px}button:hover{background:#dde5d9}button:focus-visible,select:focus-visible{outline:2px solid #416e59;outline-offset:3px}.light-options{display:flex;gap:3px}.light-options button{font-size:15px}.light-options span{font-size:11px;margin-left:5px}button[aria-pressed=true]{background:#2f5447;color:#fbfaee}.icon{font-size:21px;padding:0!important;width:32px}.export{border:1px solid #c8d2c5!important;margin-left:7px;font-size:17px}.export span{font-size:10px;margin-left:4px}.rule{width:1px;height:20px;background:#bdcabb70;margin:0 5px}select{appearance:auto;padding:8px 5px;max-width:150px}footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.6px;opacity:.7}footer b{font-weight:400;margin-left:12px;opacity:.5}footer button{pointer-events:auto;font-size:9px;letter-spacing:.4px;padding:5px}footer button span{margin-left:12px}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:italic 19px Georgia;background:#f8faefeb;border-radius:15px;padding:23px;box-shadow:0 10px 60px #314f4120}#loading[hidden]{display:none}dialog{border:1px solid #fff;border-radius:14px;color:#284c3d;background:#f7f7eefd;max-width:460px;padding:38px;box-shadow:0 20px 90px #20392a30}dialog::backdrop{background:#33483c2a;backdrop-filter:blur(4px)}dialog h2{font:italic 32px Georgia;margin:28px 0 17px}dialog p{font-size:13px;line-height:1.65;opacity:.84}dialog a{color:inherit;text-underline-offset:3px}dialog .small{font-size:11px}#close-about{position:absolute;top:10px;right:13px;font-size:25px}#toast{position:fixed;top:30px;left:50%;transform:translateX(-50%);background:#294e41;color:#fbf9ec;padding:12px 18px;border-radius:8px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}body[data-light=dusk],body[data-dark=true]{color:#dee6d7}body[data-light=dusk],body[data-dark=true] nav{color:#274538}body[data-light=dusk],body[data-dark=true] .dot{background:#aec494}body[data-light=dusk],body[data-dark=true] button:hover{color:#294638}
@media(max-width:760px){header{top:25px;left:24px}h1{font-size:52px;margin-top:20px;letter-spacing:-2.5px}.eyebrow{font-size:8px;letter-spacing:1.5px;gap:7px}header p{font-size:10px;margin-bottom:15px}.place{font-size:7px}.location{top:27px;right:24px;font-size:7px}.bottom{padding:0 14px 14px}nav{gap:3px;padding:6px;margin-bottom:16px;flex-wrap:wrap;max-width:420px}.rule{display:none}.light-options button{padding:0 7px}.light-options span{font-size:9px}select{font-size:9px;max-width:128px}.export{padding:0 8px}.hint{font-size:6px;letter-spacing:1px;margin-bottom:12px}.hint i{margin:0 5px}footer{font-size:6px}.location .compass{margin-top:24px}.icon{width:29px}.export span{font-size:9px}}@media(max-width:430px){nav{max-width:360px}.light-options{flex-basis:100%;justify-content:center}.light-options button{padding:0 16px;height:30px}.location{display:none}.bottom{padding-bottom:10px}header p{display:none}.place{margin-top:16px}footer{letter-spacing:.9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Keep the landscape visible as the subject of this second field study. */
header{top:35px;left:40px;pointer-events:none}h1{font-size:clamp(40px,5.2vw,68px);line-height:.91;margin-top:16px}header p{font-size:11px;margin-top:15px}.eyebrow{font-size:8px}footer a{color:inherit;text-decoration:none;font-size:8px;letter-spacing:.035em;margin-left:10px}.location{display:none}header{filter:drop-shadow(0 1px 5px #ffffff80)}
@media(max-width:700px){header{left:22px;top:24px}h1{font-size:43px}header p,.place{display:none}footer a{display:none}}

body[data-light=dusk],body[data-dark=true] .light-options button[aria-pressed=true]{color:#e5eedd}

@media(max-width:700px){footer a{display:inline;font-size:6px;margin-left:5px;letter-spacing:0}}

.sound-toggle{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px}.sound-toggle>span:first-child{font-size:17px}body[data-light=dusk],body[data-dark=true] .sound-toggle[aria-pressed=true]{color:#e5eedd}button:disabled{cursor:wait;opacity:.65}

.place.live{margin-top:9px;opacity:.8;letter-spacing:1.25px}body[data-dark=true] .place.live{opacity:.85}
body[data-underwater=true] .hint{opacity:.35}

/* Clean mode: the introduction shows for a few seconds, then everything but the scene fades away. */
header,.bottom{transition:opacity .9s ease,visibility .9s}
body[data-ui=hidden] header,body[data-ui=hidden] .bottom{opacity:0;visibility:hidden;pointer-events:none}
#ui-toggle{position:fixed;right:18px;bottom:16px;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff66;background:#f9faf0b0;color:#29463d;font:22px/1 Georgia,serif;display:flex;align-items:center;justify-content:center;opacity:.32;transition:opacity .3s,transform .3s;backdrop-filter:blur(8px);z-index:5}
#ui-toggle:hover,#ui-toggle:focus-visible{opacity:.95;transform:scale(1.06)}
body[data-ui=hidden] #ui-toggle{opacity:.22}
body[data-light=dusk] #ui-toggle,body[data-dark=true] #ui-toggle{background:#1e2c2a99;color:#dee6d7;border-color:#ffffff33}
@media(max-width:700px){#ui-toggle{right:12px;bottom:12px;width:34px;height:34px}}

/* ---- Intro, player select, game HUD, walk HUD ---- */
[hidden]{display:none!important}
.overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0f221bcc 0%,#0a1713e6 70%);backdrop-filter:blur(6px);color:#f1f3e6;transition:opacity .9s ease,visibility .9s;opacity:1;visibility:visible}
.overlay[data-gone=true]{opacity:0;visibility:hidden;pointer-events:none}
.overlay.side{background:linear-gradient(90deg,#0a171300 0%,#0a171300 48%,#0e1f19e6 62%);backdrop-filter:none;justify-content:flex-end;align-items:stretch}
.intro-card{max-width:760px;padding:40px 48px;text-align:center}
.intro-eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:600;opacity:.75}.intro-eyebrow i{font-style:normal;opacity:.4;margin:0 8px}
.wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(64px,11vw,132px);line-height:.88;letter-spacing:-5px;margin:26px 0 22px;color:#f6f4e8}
.wordmark em{display:block;font-style:italic;color:#bfe3cf}
.intro-tag{font-size:16px;line-height:1.6;opacity:.85;max-width:560px;margin:0 auto 34px}
.choices{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.choices button{flex:1 1 280px;max-width:340px;text-align:left;padding:18px 20px;border:1px solid #ffffff2e;border-radius:14px;background:#ffffff12;color:inherit;transition:background .2s,transform .2s}
.choices button:hover{background:#ffffff26;transform:translateY(-2px)}
.choices b{display:block;font:italic 24px Georgia,serif;margin-bottom:6px}.choices span{font-size:12px;line-height:1.5;opacity:.75}
.intro-fine{font-size:10px;letter-spacing:1.2px;opacity:.5;margin-top:34px}
.panel{width:min(440px,92vw);padding:34px 30px;overflow:auto;pointer-events:auto}
.panel h2{font:italic 34px Georgia,serif;margin:10px 0 16px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{border:1px solid #ffffff2e;border-radius:20px;padding:7px 12px;background:#ffffff10;color:inherit;font-size:12px}
.chips button[aria-pressed=true]{background:#bfe3cf;color:#12312a;border-color:#bfe3cf}.chips.small button{font-size:11px;padding:5px 10px}
.blurb{font-size:13px;line-height:1.5;opacity:.8;min-height:38px;margin:10px 0 14px}
.row{display:flex;align-items:flex-start;gap:12px;margin:10px 0}.row label{font-size:10px;letter-spacing:1.6px;opacity:.65;width:58px;padding-top:7px}
.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatches button{width:26px;height:26px;border-radius:50%;border:2px solid #ffffff33;padding:0}.swatches button[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px #12312a}
.actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.actions button{border:1px solid #ffffff33;border-radius:9px;padding:11px 16px;background:#ffffff12;color:inherit;font-size:13px}
.actions .primary{background:#bfe3cf;color:#12312a;border-color:#bfe3cf;font-weight:600}
#hud{position:fixed;inset:0;pointer-events:none;z-index:15;color:#f1f3e6}
.say{position:absolute;top:34px;left:50%;transform:translateX(-50%);font:italic 19px/1.3 Georgia,serif;background:#12312acc;padding:10px 18px;border-radius:10px;max-width:min(92vw,620px);text-align:center}.say:empty{display:none}
.meter{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);width:min(420px,80vw);height:22px;border-radius:12px;background:#0b1b16cc;border:1px solid #ffffff33;overflow:hidden}
.meter .zone{position:absolute;left:67%;width:34%;top:0;bottom:0;background:linear-gradient(90deg,#4caf7a55,#4caf7acc 60%,#4caf7a55)}
.meter .marker{position:absolute;top:-2px;bottom:-2px;width:5px;background:#fff;border-radius:3px;left:0}
.meter-label{position:absolute;left:10px;top:4px;font-size:9px;letter-spacing:2px;opacity:.7}
.tricks{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto;flex-wrap:wrap;justify-content:center}
.tricks button{border:1px solid #ffffff44;border-radius:10px;background:#12312acc;color:inherit;font-size:14px;padding:12px 16px}.tricks kbd{margin-left:6px;font-size:10px;opacity:.6;border:1px solid #ffffff33;border-radius:4px;padding:1px 5px}
.result{position:absolute;left:6vw;top:50%;transform:translateY(-50%);pointer-events:auto;background:#0e1f19ee;border:1px solid #ffffff22;border-radius:16px;padding:28px 32px;text-align:center;min-width:min(420px,90vw)}
.cards{display:flex;gap:10px;justify-content:center;margin:16px 0 10px}.cards span{width:54px;height:72px;border-radius:6px;background:#fbfaf2;color:#1d2a25;font:bold 36px Arial,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0006;transform:translateY(18px);opacity:0;animation:card .5s forwards}
@keyframes card{to{transform:none;opacity:1}}
.total{font:italic 34px Georgia,serif;margin:8px 0 2px;animation:fadeUp .6s 1.1s both}.comment{font-size:15px;opacity:.9;margin:8px 0 0;animation:fadeUp .6s 1.5s both}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#walk-hud{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:12;display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:1.1px;color:#f1f3e6;background:#12312acc;padding:10px 14px;border-radius:12px;pointer-events:auto;max-width:94vw}#walk-hud button{white-space:nowrap}
#walk-hud i{font-style:normal;opacity:.4;margin:0 4px}#walk-hud button{border:1px solid #ffffff44;border-radius:8px;background:#ffffff14;color:inherit;font-size:11px;padding:8px 12px}#walk-hud .hold{display:none}
@media(hover:none){#walk-hud .hold{display:inline-block}#walk-hud span{display:none}}
body[data-game=true] header,body[data-game=true] .bottom,body[data-game=true] #ui-toggle{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:700px){.result{left:50%;top:auto;bottom:16px;transform:translateX(-50%);min-width:min(420px,94vw)}.intro-card{padding:30px 22px}.wordmark{letter-spacing:-3px}.intro-tag{font-size:14px}.panel{width:100vw;padding:26px 18px}.overlay.side{background:#0e1f19ee}.say{font-size:16px;top:16px}.tricks{bottom:90px}.meter{bottom:150px}}

body[data-tour=true] header,body[data-tour=true] .bottom{opacity:0;visibility:hidden;pointer-events:none}
#tour-hint{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:#f1f3e6;opacity:0;transition:opacity 1s;pointer-events:none;text-shadow:0 1px 8px #0008}body[data-tour=true] #tour-hint{opacity:.6}

.pop{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) scale(.6);font:italic 44px Georgia,serif;color:#f6f4e8;text-shadow:0 2px 18px #0009,0 0 2px #12312a;pointer-events:none;animation:pop 1.3s ease-out forwards}
@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-56%) scale(1.08)}30%{transform:translate(-50%,-60%) scale(1)}100%{opacity:0;transform:translate(-50%,-95%) scale(1)}}

.tricks button[aria-pressed=true]{background:#bfe3cf;color:#12312a}
.judges{display:flex;gap:10px;justify-content:center;margin:-4px 0 6px}.judges span{width:54px;font-size:9px;letter-spacing:1.1px;opacity:.7;text-align:center;text-transform:uppercase}
.meet{font-size:12px;letter-spacing:1.4px;opacity:.75;margin:2px 0 6px}
.tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0 4px}.tags span{font-size:10px;letter-spacing:1px;padding:4px 9px;border-radius:12px;background:#bfe3cf22;border:1px solid #bfe3cf55;color:#dfeee6}
.board{margin-top:12px;font-size:11px;opacity:.75;text-align:left}.board div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-top:1px solid #ffffff14}.board div.me{color:#bfe3cf;opacity:1}.board b{font-weight:600;min-width:38px;text-align:right}.board i{font-style:normal;opacity:.6}
.result{max-width:min(520px,92vw)}

/* ---- The hurdle, the thumb control, the replay, the daily dive ---- */
.thumb{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);width:108px;height:108px;pointer-events:auto;display:none;z-index:2}
.thumb svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.thumb .track{fill:none;stroke:#ffffff33;stroke-width:6}.thumb .fill{fill:none;stroke:#bfe3cf;stroke-width:6;stroke-dasharray:276.5;stroke-dashoffset:276.5;stroke-linecap:round}
.thumb.hot .fill{stroke:#7dffb0}
#thumb-btn{position:absolute;inset:13px;border-radius:50%;background:#12312aee;border:1px solid #ffffff44;color:#f1f3e6;font-size:13px;letter-spacing:1.5px;font-weight:600;touch-action:none;user-select:none;-webkit-user-select:none;padding:0}
#thumb-btn:active,.thumb.down #thumb-btn{background:#bfe3cf;color:#12312a}
body[data-touch=true] .thumb{display:block}body[data-touch=true] .tricks{bottom:24px;gap:6px}body[data-touch=true] #bouncing button,body[data-touch=true] #tricks button{font-size:12px;padding:9px 11px}body[data-touch=true] #hurdle-btn,body[data-touch=true] #tuck-btn{display:none}body[data-touch=true] .meter{bottom:270px}body[data-touch=true] .tricks kbd{display:none}
.daily{margin-top:12px;font-size:11px;opacity:.9;text-align:left;border-top:1px solid #ffffff14;padding-top:8px}.daily b{color:#bfe3cf;font-weight:600}.daily div{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.daily div:first-child{flex-direction:column;gap:2px;margin-bottom:4px}.daily i{font-style:normal;opacity:.6}.daily div.me{color:#bfe3cf}
.daily-line{font-size:12px;line-height:1.5;margin:0 0 6px;padding:10px 12px;border:1px solid #bfe3cf44;border-radius:10px;background:#bfe3cf12}.daily-line b{color:#bfe3cf;font-weight:600}.daily-line small{display:block;opacity:.7;font-size:11px;margin-top:2px}
.row input{flex:1;border:1px solid #ffffff2e;border-radius:8px;background:#ffffff10;color:inherit;font-size:12px;padding:7px 10px;min-width:0}
#walk-hud #climb{background:#bfe3cf;color:#12312a;border-color:#bfe3cf;font-weight:600}
#replay-badge{position:absolute;top:26px;right:28px;font-size:10px;letter-spacing:2.4px;color:#f1f3e6;background:#12312acc;padding:8px 12px;border-radius:8px;pointer-events:none;display:none}body[data-replay=true] #replay-badge{display:block}
#replay-badge i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e8402f;margin-right:8px;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}

/* ---- Design pass: key legend, peeking toolbar, segmented views, folded result, loading, tips, fade-in ---- */
.legend{position:absolute;left:22px;bottom:22px;font-size:11px;letter-spacing:.4px;color:#f1f3e6;background:#12312ab8;padding:9px 12px;border-radius:9px;line-height:1.9;max-width:min(60vw,520px)}.legend:empty{display:none}
.legend kbd{display:inline-block;min-width:18px;text-align:center;font:600 10px/1 Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;border:1px solid #ffffff55;border-radius:4px;padding:3px 6px;margin-right:5px;background:#ffffff14}.legend i{font-style:normal;opacity:.4;margin:0 8px}
body:not([data-touch=true]) #bouncing,body:not([data-touch=true]) #tricks{display:none!important}body[data-touch=true] .legend{display:none}
body[data-ui=hidden][data-peek=true] .bottom{opacity:1;visibility:visible;pointer-events:auto}
.segments{display:flex;gap:3px}.segments button{font-size:11px;padding:0 9px;height:32px;white-space:nowrap}
.play{background:#2f5447!important;color:#fbfaee!important;border-color:#2f5447!important;padding:0 14px!important}.play span{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15}.play small{font-size:8px;letter-spacing:.8px;opacity:.75;text-transform:uppercase;white-space:nowrap}.play small:empty{display:none}
.result{max-height:min(86vh,760px);overflow:auto;scrollbar-width:thin}
.result .actions{justify-content:center;margin-top:18px}.more{display:block;margin:14px auto 0;background:none;border:0;color:#bfe3cf;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;padding:6px 10px}.more i{font-style:normal;display:inline-block;transition:transform .25s}.more[aria-expanded=true] i{transform:rotate(180deg)}
.links{display:flex;justify-content:center;gap:18px;margin-top:10px}.link{background:none;border:0;color:#f1f3e6;opacity:.65;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:6px 4px}.link:hover{opacity:1;background:none}
#loading{min-width:260px;text-align:center}#loading .bar{height:3px;background:#2f544722;border-radius:2px;margin-top:14px;overflow:hidden}#loading-bar{display:block;height:100%;width:0;background:#2f5447;transition:width .3s ease}
canvas{opacity:0;transition:opacity 1.1s ease}body[data-ready=true] canvas{opacity:1}
#tips{position:fixed;left:22px;bottom:22px;max-width:min(70vw,420px);font-size:12px;line-height:1.5;color:#f1f3e6;background:#12312acc;padding:11px 14px;border-radius:10px;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;pointer-events:none;z-index:6}#tips[data-show=true]{opacity:1;transform:none}
@media(max-width:760px){.segments button{font-size:10px;padding:0 7px;height:30px}.play small{display:none}.legend{font-size:10px;left:12px;bottom:12px;max-width:82vw;line-height:1.8}}

/* ---- Round three: vignette, gold tags, shortcuts dialog ---- */
#vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,#0000 56%,#0c1e1736 100%)}
.tags span.gold{background:#f2c94c26;border-color:#f2c94c88;color:#ffe9a8}
#keys{max-width:400px}#keys ul{list-style:none;padding:0;margin:20px 0 0;font-size:13px;line-height:2.1}#keys li i{font-style:normal;opacity:.4;margin:0 6px}#keys kbd{display:inline-block;min-width:22px;text-align:center;font:600 11px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;border:1px solid #29463d55;border-radius:4px;padding:4px 6px;margin-right:6px;background:#29463d10}#close-keys{position:absolute;top:10px;right:13px;font-size:25px}
#keys-btn{font-size:16px;font-weight:600}

/* ---- Round five: respect reduced motion ---- */
@media(prefers-reduced-motion:reduce){.pop{animation:none;opacity:1}.cards span{animation:none;transform:none;opacity:1}.total,.comment{animation:none}canvas{transition:none}#tips{transition:none}.overlay{transition:none}}

/* ---- Phones: icon-only light buttons in portrait, a compact wrapped toolbar in landscape, tighter result type ---- */
nav button{white-space:nowrap}
@media(max-width:430px){.light-options span{display:none}.light-options button{padding:0 11px!important;height:32px}.intro-eyebrow{font-size:9px;letter-spacing:1.8px}.total{font-size:26px}.judges span{font-size:8px}}
@media(max-height:460px){header,.hint{display:none}.bottom{padding:0 10px 8px}nav{flex-wrap:wrap;max-width:96vw;padding:5px 6px;gap:3px;margin-bottom:8px}nav button{height:30px;padding:0 9px}.light-options span,.play small{display:none}.export{margin-left:3px}footer{display:none}.say{top:10px;font-size:15px}.meter{bottom:96px}.thumb{bottom:40px;width:84px;height:84px}#thumb-btn{inset:10px;font-size:11px}.tricks{bottom:6px}.result{max-height:92vh;padding:14px 18px}.cards span{width:40px;height:54px;font-size:26px}}