:root{color-scheme:only light;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;color:#392f35;background:#d7b38b;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#d7b38b;-webkit-tap-highlight-color:transparent}body{min-height:100dvh}button,a{font:inherit}button{-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0;min-width:280px;min-height:280px;isolation:isolate}#game{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}#hud,#overlay{position:absolute;inset:0;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));pointer-events:none}#hud{z-index:2}#overlay{z-index:3;display:grid;place-items:center}#overlay>*{pointer-events:auto}.hud-stats{position:absolute;top:max(max(14px,env(safe-area-inset-top)),calc(var(--playfield-top, 0px) + 10px));left:max(14px,env(safe-area-inset-left));display:none;width:fit-content;max-width:calc(100% - 64px);align-items:center;gap:clamp(12px,3vw,28px);padding:8px 12px;color:#fff6dc;background:#392f35db;border:2px solid #6d4d48;box-shadow:3px 3px #392f3547;text-shadow:1px 1px 0 #392f35}#hud.is-playing .hud-stats{display:flex}.hud-stats>span:not(.power-status){display:grid;grid-template-columns:auto auto;align-items:baseline;gap:7px}.hud-stats small{color:#efbd75;font-size:9px;letter-spacing:.14em}.hud-stats strong{font-size:18px;line-height:1}.power-status{color:#c8f5e8;font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap}.power-status[hidden]{display:none}.play-hint{position:absolute;top:min(calc(var(--playfield-bottom, 100vh) + 12px),calc(100% - max(14px,env(safe-area-inset-bottom)) - 36px));left:50%;margin:0;padding:7px 12px;transform:translate(-50%);color:#fff6dc;background:#392f35c2;font-size:11px;font-weight:700;letter-spacing:.16em;white-space:nowrap;animation:hint-pulse 1.25s steps(2,end) infinite}.play-hint[hidden]{display:none}.icon-button{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:46px;height:46px;padding:0;pointer-events:auto;color:#fff6dc;background:#392f35e0;border:2px solid #6d4d48;border-radius:0;box-shadow:3px 3px #392f3540;cursor:pointer;font-size:21px;font-weight:800}#hud.is-playing .icon-button{top:min(calc(var(--playfield-bottom, 100vh) + 12px),calc(100% - max(14px,env(safe-area-inset-bottom)) - 46px));bottom:auto}.screen{width:min(430px,calc(100vw - 28px));padding:clamp(18px,4vw,30px) clamp(20px,6vw,42px);text-align:center;color:#392f35;background:#fff4d2f0;border:3px solid #6d4d48;box-shadow:7px 7px #392f354d}.title-screen{padding-top:16px}.hero-dodo{width:96px;height:96px;margin:-1px auto -10px;background-image:var(--hero-url);background-repeat:no-repeat;background-size:400% 100%;background-position:0% 0;image-rendering:pixelated;animation:hero-run .4s steps(4,jump-none) infinite,hero-bob 1.8s ease-in-out infinite}.screen h1,.screen h2,.screen p{margin-top:0}.screen h1{margin-bottom:5px;font-size:clamp(36px,10vw,67px);line-height:.98;letter-spacing:.08em;text-shadow:3px 3px 0 #efbd75}.screen h2{margin-bottom:19px;font-size:clamp(28px,8vw,44px);letter-spacing:.08em;text-shadow:2px 2px 0 #efbd75}.tagline{margin-bottom:22px;color:#8a5c52;font-size:clamp(10px,2.5vw,13px);font-weight:700;letter-spacing:.18em}.eyebrow{margin-bottom:7px;color:#9a5b50;font-size:10px;font-weight:700;letter-spacing:.18em}.primary-button{min-width:176px;min-height:50px;padding:13px 24px;color:#fff7dc;background:#d75445;border:3px solid #763f3c;border-radius:0;box-shadow:4px 4px #763f3c;cursor:pointer;font-size:17px;font-weight:800;letter-spacing:.16em}.primary-button:hover{background:#e86a50;transform:translate(-1px,-1px);box-shadow:5px 5px #763f3c}button:focus-visible,a:focus-visible{outline:3px solid #226d74;outline-offset:4px}.credit{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:23px;padding-top:13px;border-top:2px dotted rgba(109,77,72,.35);color:#8a6c64;font-size:10px}.social-links{display:inline-flex;gap:7px}.social-links a{display:inline-grid;min-width:27px;height:27px;padding:0 4px;place-items:center;color:#6d4d48;border:1px solid rgba(109,77,72,.48);text-decoration:none;font-size:10px;font-weight:800}.social-links a:hover{color:#fff7dc;background:#6d4d48}.result-screen dl{display:grid;grid-template-columns:1fr auto;gap:7px 28px;margin:0 0 22px;text-align:left}.result-screen dt{align-self:center;color:#8a6c64;font-size:11px;letter-spacing:.13em}.result-screen dd{margin:0;text-align:right;font-size:23px;font-weight:800}.compact-screen>p:not(.eyebrow){color:#8a6c64;font-size:11px;line-height:1.6;letter-spacing:.08em}.loading-screen{width:auto;min-width:180px}.loading-screen p{margin:13px 0 0;font-size:12px;font-weight:700;letter-spacing:.2em}.loading-dots{display:flex;justify-content:center;gap:6px}.loading-dots i{width:9px;height:9px;background:#d75445;animation:loading .8s steps(2,end) infinite}.loading-dots i:nth-child(2){animation-delay:.14s}.loading-dots i:nth-child(3){animation-delay:.28s}@keyframes hero-run{0%{background-position-x:0%}to{background-position-x:100%}}@keyframes hero-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes hint-pulse{50%{opacity:.62}}@keyframes loading{50%{transform:translateY(-5px)}}@media(max-width:520px){.screen{width:min(350px,calc(100vw - 24px));padding-inline:20px}.hero-dodo{width:78px;height:78px}.credit{flex-direction:column;gap:8px}.hud-stats{gap:10px;padding:7px 9px}.hud-stats>span:not(.power-status){display:block}.hud-stats small{display:block;margin-bottom:2px}.hud-stats strong{font-size:15px}}@media(max-height:470px){#hud,#overlay{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.screen{width:min(520px,calc(100vw - 100px));padding:10px 30px 12px}.title-screen{display:grid;grid-template-columns:82px 1fr auto;grid-template-rows:auto auto auto;align-items:center;column-gap:20px;text-align:left}.hero-dodo{grid-row:1 / 4;width:82px;height:82px;margin:0}.title-screen h1{grid-column:2;margin:0;font-size:43px}.title-screen .tagline{grid-column:2;margin:2px 0 8px;font-size:9px}.title-screen .primary-button{grid-column:3;grid-row:1 / 3;min-width:132px}.title-screen .credit{grid-column:2 / 4;margin-top:4px;padding-top:6px;justify-content:flex-start}.compact-screen,.result-screen{width:min(430px,calc(100vw - 100px))}.compact-screen h2,.result-screen h2{margin-bottom:10px;font-size:28px}.result-screen dl{margin-bottom:11px}.primary-button{min-height:44px;padding-block:8px}.icon-button{bottom:max(8px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.hero-dodo,.play-hint,.loading-dots i{animation:none}}