:root{color:#f4e8bd;background:#16150f;font-family:system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(.5rem,2vw,1rem)}button{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.game-shell{width:min(100%,33rem,calc(60.274dvh - 3.466rem))}.game-frame{position:relative}#game-canvas{display:block;width:100%;height:auto;aspect-ratio:44 / 73;border-radius:.75rem;box-shadow:0 1rem 3rem #00000059;touch-action:none}.game-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.game-controls button{min-height:2.8rem;border:3px solid #2b2415;border-radius:.75rem;color:#201b10;background:#d8c892;font-weight:800;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out,opacity .12s ease-out,transform 80ms ease-out}.corner-button{position:absolute;top:clamp(.75rem,3vw,1.1rem);z-index:1;display:grid;width:clamp(2.25rem,9vw,2.75rem);aspect-ratio:1;place-items:center;border:2px solid rgb(244 232 189 / 75%);border-radius:50%;color:#f4e8bd;background:#17170fc7;cursor:pointer;transition:color .12s ease-out,background-color .12s ease-out,opacity .12s ease-out,transform 80ms ease-out}.corner-button--left{left:clamp(.75rem,3vw,1.1rem)}.corner-button--right{right:clamp(.75rem,3vw,1.1rem)}.corner-button svg{width:90%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.corner-button .settings-icon{width:68%;overflow:visible;fill:currentColor;stroke:none}.corner-button:hover:not(:disabled),.corner-button:focus-visible{color:#201b10;background:#f4e8bd}.corner-button:focus-visible,.settings-dialog button:focus-visible{outline:3px solid #f3a323;outline-offset:3px}.corner-button:active:not(:disabled){transform:translateY(1px) scale(.96)}.corner-button:disabled{opacity:.28;cursor:not-allowed}.game-controls button:focus-visible{outline:3px solid #f3a323;outline-offset:3px}.game-controls button:active:not(:disabled){transform:translateY(2px) scale(.98)}.game-controls button:disabled{border-color:#554a2e;color:#8d8059;background:#302a1d;opacity:.72;cursor:not-allowed}.game-controls button.accepted-action{animation:accepted-action .22s ease-out}.settings-dialog{width:min(calc(100% - 2rem),22rem);padding:0;border:0;border-radius:.85rem;color:#f4e8bd;background:transparent;box-shadow:0 1rem 3rem #0000008c}.settings-dialog::backdrop{background:#080906b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-card{border:3px solid #d8c892;border-radius:.85rem;padding:1rem;background:#17351e}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.settings-heading h2{margin:0;color:#f4e8bd;font:900 1.35rem Georgia,serif;letter-spacing:.08em;text-transform:uppercase}.settings-close{width:2.25rem;height:2.25rem;border:1px solid #d8c892;border-radius:50%;color:#d8c892;background:#201b10;font-size:1.55rem;line-height:1;cursor:pointer}.settings-options{display:grid;gap:.65rem}.settings-options button{min-height:2.8rem;border:2px solid #d8c892;border-radius:.55rem;padding:.45rem .8rem;color:#d8c892;background:#201b10;font-size:.9rem;font-weight:700;cursor:pointer;transition:color .12s ease-out,background-color .12s ease-out,transform 80ms ease-out}.settings-options button[aria-pressed=true]{color:#201b10;background:#d8c892}.settings-help{margin:-.15rem 0 0;color:#d8c892;font-size:.75rem;line-height:1.35;text-align:center}.settings-options button:active,.settings-close:active{transform:translateY(1px)}@keyframes accepted-action{45%{border-color:#f2a825;background:#f4e8bd;transform:translateY(2px) scale(.95)}}:root[data-motion=reduced] .game-controls button,:root[data-motion=reduced] .corner-button,:root[data-motion=reduced] .settings-dialog button,:root[data-motion=reduced] .settings-dialog::backdrop{transition:none}:root[data-motion=reduced] .game-controls button.accepted-action{animation:none;border-color:#f2a825}@media(prefers-reduced-motion:reduce){:root:not([data-motion]) .game-controls button,:root:not([data-motion]) .corner-button,:root:not([data-motion]) .settings-dialog button,:root:not([data-motion]) .settings-dialog::backdrop{transition:none}:root:not([data-motion]) .game-controls button.accepted-action{animation:none;border-color:#f2a825}}@media(max-height:640px)and (orientation:landscape){body{place-items:start center}.game-shell{width:min(100%,calc(60.274dvh - 2.863rem))}}