@import url('./polish.css');
@font-face{font-family:Baloo;src:url('/assets/fonts/baloo.woff2') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Nunito;src:url('/assets/fonts/nunito.woff2') format('woff2');font-weight:400 900;font-display:swap}
:root{color-scheme:light;--cream:#fff7e7;--ink:#174655;--fern:#365f4a;--coral:#b2432b;--gold:#edc785}*{box-sizing:border-box}[hidden],#game[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 6% 80%,#dfe9cf88,transparent 48%),var(--cream);color:var(--ink);font:17px/1.65 Nunito,sans-serif}a{color:inherit;text-underline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 5vw;border-bottom:1px solid #17465520}.brand{font:800 23px/.9 Baloo,cursive;text-decoration:none}.brand span{display:block;color:var(--coral)}nav{display:flex;gap:30px;font-size:14px;font-weight:800}main{max-width:1240px;margin:10px auto 35px;display:grid;grid-template-columns:minmax(270px,1fr) minmax(0,650px);gap:44px;padding:0 28px}.intro{padding:35px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:var(--coral)}h1{font:800 clamp(56px,6vw,86px)/.88 Baloo,cursive;letter-spacing:-.035em;margin:20px 0 24px;color:var(--fern)}h1 span{display:block;color:var(--coral)}.lede{font-size:23px;line-height:1.5}.desktop-note{max-width:330px;font-size:16px}#help{max-width:350px;margin:18px 0;font-size:14px}summary{min-height:44px;cursor:pointer;font-weight:900;padding:9px 0}.pace-choice{max-width:350px;margin:18px 0}.pace-choice label{display:block;font-weight:900;font-size:14px;margin-bottom:7px}select{width:100%;min-height:46px;padding:8px 12px;border:1px solid #17465560;border-radius:10px;background:var(--cream);color:var(--ink);font:800 14px Nunito,sans-serif}.pace-choice p{font-size:12px;margin:6px 0}.field-notes{border-top:1px solid #17465525;padding-top:14px;max-width:350px}.field-notes>div{display:flex;align-items:center;gap:16px}.field-notes img{width:54px;height:54px;object-fit:contain;flex-shrink:0}.field-notes p{font-size:13px;line-height:1.5}.field-notes strong,.field-notes span{display:block}.field-notes strong{font-size:15px}#game{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.hud{width:100%;display:flex;gap:13px;align-items:center;margin:0 0 10px;text-align:left}.hud>span{flex:1;font-size:12px;line-height:1.25}.hud strong{display:block;font:800 25px/1.2 Baloo,cursive;margin-top:2px}.hud button{font-size:13px;padding:7px 10px;flex-shrink:0}button{min-height:46px;min-width:44px;border:1px solid #17465565;border-radius:12px;padding:8px 14px;color:var(--ink);background:var(--cream);font:900 16px Nunito,sans-serif;cursor:pointer;touch-action:none;box-shadow:0 3px 0 #9f946c55}button:active{box-shadow:none;transform:translateY(2px)}button:disabled,select:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}canvas:focus-visible{outline-offset:-5px}.board{width:min(100%,calc((100svh - 300px)*.75));min-width:min(100%,300px);border:5px solid #d6b77c;border-radius:20px;overflow:hidden;background:#aac37e;box-shadow:0 22px 46px #52643a25,0 0 0 1px #9373334a;isolation:isolate}canvas{display:block;width:100%;height:auto;touch-action:none}.controls{width:100%;max-width:580px}.steering-row{display:flex;gap:10px;margin-top:12px;align-items:stretch}#start{flex:1;background:linear-gradient(#f8e4b7,#edc785);border-color:#b5965c;min-width:0;font-size:14px}.directions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.directions button{font-size:24px;padding:4px 10px}#status{font-size:14px;line-height:1.4;min-height:40px;margin:10px 0 0}#art-note{font-size:13px;color:#853725}#load-note{align-self:center;padding:20px}.music-controls{padding-top:10px!important;padding-bottom:10px!important}.sound-options{position:relative;font-size:13px}.sound-options summary{display:flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:4px}.sound-options summary:after{content:'+'}.sound-options[open] summary:after{content:'-'}.sound-body{min-width:230px;padding:16px;background:var(--cream);border:1px solid #b6bba2;border-radius:14px;margin-bottom:6px}.sound-body .music-note{display:block}.sound-body label{margin-bottom:8px}
#game:fullscreen,#game.expanded{height:100dvh;width:100%;max-width:none;background:var(--cream);padding:8px max(10px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;overflow:auto}#game.expanded{position:fixed;inset:0;z-index:20}body:has(#game.expanded){overflow:hidden}#game:fullscreen .board,#game.expanded .board{flex:0 0 auto;min-height:0;min-width:0;width:min(100%,calc((100dvh - 216px)*.75));aspect-ratio:3/4}#game:fullscreen .hud,#game.expanded .hud{width:min(580px,100%);flex-shrink:0}#game:fullscreen .music-controls,#game.expanded .music-controls{padding:0 0 6px!important;flex-shrink:0}#game:fullscreen #status,#game.expanded #status{font-size:12px;min-height:28px;margin:8px 0 0}.fade-in{animation:enter .45s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:850px){header{padding:13px 20px}.brand{font-size:21px}nav{gap:20px}main{display:flex;flex-direction:column;gap:8px;max-width:580px;margin-top:2px;padding:0 14px}.intro{display:contents}.eyebrow{font-size:10px;margin:0;text-align:center;order:0}h1{font-size:clamp(34px,9vw,44px);text-align:center;margin:0;line-height:1;order:1}h1 span{display:inline;margin-left:.13em}.lede,.desktop-note{display:none}#game,#load-note{order:2}#help{order:3;margin:4px 8px;max-width:none}.pace-choice{order:4;max-width:none;width:calc(100% - 16px);margin:6px 8px 12px}.field-notes{order:5;max-width:none;width:100%;display:flex;gap:18px}.field-notes>div{flex:1;gap:8px}.field-notes img{width:36px;height:36px}.field-notes p{font-size:11px}.field-notes strong{font-size:12px}.hud{gap:8px;margin-top:8px}.hud>span{font-size:11px}.hud strong{font-size:23px}.hud button{font-size:12px;padding:6px 8px}.board{width:min(100%,calc((100svh - 310px)*.75));min-width:min(100%,288px);border-width:4px;border-radius:16px}.steering-row{flex-wrap:wrap;gap:8px;margin-top:10px}#start{flex-basis:100%;min-height:44px}.directions{width:100%}.directions button{min-height:44px}#status{font-size:13px;min-height:36px;margin-top:8px}body>.music-controls{justify-content:center!important;padding-top:6px!important;padding-bottom:6px!important;gap:8px 20px!important}#game:fullscreen .board,#game.expanded .board{width:min(100%,calc((100dvh - 260px)*.75))}}
@media(max-width:350px){nav{gap:16px}.brand{font-size:19px}nav a{font-size:12px}.hud{gap:5px}.hud strong{font-size:20px}.hud button{font-size:11px}.field-notes img{display:none}}
@media(orientation:landscape) and (max-height:600px){#game:fullscreen,#game.expanded{display:grid;grid-template-columns:auto minmax(230px,340px);grid-template-rows:auto auto auto;justify-content:center;align-content:center;align-items:center;column-gap:22px;row-gap:8px}#game:fullscreen .board,#game.expanded .board{grid-column:1;grid-row:1/4;width:calc((100dvh - 24px)*.75);min-width:0;aspect-ratio:3/4;align-self:center}#game:fullscreen .music-controls,#game.expanded .music-controls{grid-column:2;grid-row:1;justify-content:center;padding:0!important}#game:fullscreen .hud,#game.expanded .hud{grid-column:2;grid-row:2;gap:7px;margin:0}#game:fullscreen .controls,#game.expanded .controls{grid-column:2;grid-row:3}.steering-row{flex-wrap:wrap}#start{flex-basis:100%}.directions{width:100%}}
.sample-timber,.sample-enamel{display:block;width:58px;height:28px;flex-shrink:0;border:2px solid #ab8450;border-radius:4px;box-shadow:0 3px 0 #604f3933;background:#c59d65 url('./honey-timber-512.webp') center/256px}.sample-enamel{background:#4c8596 url('./lake-enamel-512.webp') center/256px}.board{background:#d6e8e9}.controls{max-width:540px}#start{font-size:16px}#game:fullscreen .board,#game.expanded .board{width:min(100%,calc((100dvh - 205px)*.75))}
@media(max-width:850px){.sample-timber,.sample-enamel{width:36px;height:24px}.board{width:min(100%,calc((100svh - 290px)*.75))}#game:fullscreen .board,#game.expanded .board{width:min(100%,calc((100dvh - 205px)*.75))}}
@media(orientation:landscape) and (max-height:600px){#game:fullscreen .board,#game.expanded .board{width:calc((100dvh - 24px)*.75)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}button:active{transform:none}}
.directions{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.directions button{font-size:15px;min-height:46px}.steering-row{flex-wrap:wrap}#start{flex-basis:100%}.river-actions{display:flex;justify-content:center;gap:12px;margin-top:10px}.river-actions button{font-size:13px}.board{background:#8bbcb8}.field-notes img{width:48px;height:60px}#course{overflow-wrap:anywhere;font-size:13px}#clear-bests{font-size:13px}#game:fullscreen .board,#game.expanded .board{width:min(100%,calc((100dvh - 330px)*.75))}
@media(max-width:850px){.board{width:min(100%,calc((100svh - 365px)*.75));min-width:min(100%,280px)}.field-notes>div:first-child{display:none}.field-notes{border-top:0;padding-top:0}.field-notes>div{justify-content:center;text-align:center}#game:fullscreen .board,#game.expanded .board{width:min(100%,calc((100dvh - 330px)*.75));min-width:0}}
@media(orientation:landscape) and (max-height:600px){#game:fullscreen .board,#game.expanded .board{width:calc((100dvh - 24px)*.75)}.river-actions{margin-top:6px;gap:8px}#game:fullscreen #status,#game.expanded #status{font-size:12px;min-height:32px}.steering-row{gap:6px}.directions button{font-size:14px}.sound-body{position:absolute;right:0;top:42px;z-index:3;box-shadow:0 6px 24px #17465530;max-height:210px;overflow:auto}}