:root{--color-ink: #1d1f33;--color-ink-soft: #2f3149;--color-cosmos: #1a1b2e;--color-cosmos-deep: #0e0f1c;--color-cosmos-panel: #14162b;--color-parchment: #f4ecdc;--color-parchment-deep: #ecdfc5;--color-parchment-warm: #f9f3e5;--color-plaster: #fbf7ec;--color-terracotta: #c97b5a;--color-terracotta-deep: #a6614a;--color-ember: #e08a4b;--color-amber: #d4a055;--color-sage: #8da17a;--color-sage-deep: #6b7e5a;--color-dusk-blue: #9eb6c4;--color-plum: #9b8fb8;--color-teal: #6fa39a;--color-brick: #c26954;--color-border: #d7cdb5;--color-border-strong: #b9ab8b;--font-display: "Bricolage Grotesque", ui-rounded, system-ui, sans-serif;--font-ui: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-pixel: "Silkscreen", "Press Start 2P", ui-monospace, monospace;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--shadow-pixel: 3px 3px 0 var(--color-ink);--ease-soft: cubic-bezier(.4, 0, .2, 1)}html,body{margin:0;width:100%;height:100%;min-width:320px;overflow:hidden;background-color:var(--color-cosmos-deep);color:var(--color-plaster);font-family:var(--font-ui);overscroll-behavior:none;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-text-size-adjust:100%}body{height:100vh;height:100dvh;background:radial-gradient(1px 1px at 12px 18px,rgb(251 247 236 / 55%) 50%,transparent 51%) 0 0 / 97px 89px,radial-gradient(1px 1px at 61px 47px,rgb(212 160 85 / 45%) 50%,transparent 51%) 0 0 / 131px 113px,radial-gradient(1px 1px at 33px 71px,rgb(158 182 196 / 40%) 50%,transparent 51%) 0 0 / 173px 157px,radial-gradient(60vmax 40vmax at 78% 12%,rgb(155 143 184 / 20%),transparent 70%),radial-gradient(55vmax 45vmax at 14% 88%,rgb(111 163 154 / 16%),transparent 70%),radial-gradient(40vmax 30vmax at 50% 50%,rgb(201 123 90 / 8%),transparent 70%),var(--color-cosmos-deep)}button{font:inherit}canvas{display:block;image-rendering:pixelated;touch-action:none;user-select:none;-webkit-user-select:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{position:relative;width:100%;height:100vh;height:100dvh;display:grid;place-items:center;overflow:hidden}.game-root{width:100%;height:100%;overflow:hidden;touch-action:none}.game-root:focus{outline:none}.game-root canvas{box-shadow:0 0 0 2px var(--color-ink),0 0 0 4px #ecdfc538,0 0 0 6px var(--color-ink),0 18px 60px #0000008c,0 0 120px #e08a4b1a}.sound-toast{position:fixed;z-index:20;display:flex;align-items:center;gap:10px;padding:7px 10px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-parchment-warm);box-shadow:var(--shadow-pixel);color:var(--color-ink);font-family:var(--font-mono);font-size:15px;font-weight:700;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-6px);transition:opacity .22s var(--ease-soft),transform .22s var(--ease-soft)}.sound-toast.is-visible{opacity:1;transform:translate(-50%)}.sound-toast.is-calm,.sound-toast.is-calm.is-visible{transform:translate(-50%)}.sound-toast.is-muted{background:var(--color-parchment-deep)}.sound-toast__icon{width:32px;height:32px;image-rendering:pixelated}.sound-toast__label{padding-right:2px}.sound-toast__key{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border:2px solid var(--color-ink);border-bottom-width:4px;border-radius:3px;background:var(--color-plaster);color:var(--color-ink);font-size:12px;box-sizing:border-box}.sound-toast.is-compact{gap:8px;padding:5px 8px;font-size:13px}.sound-toast.is-compact .sound-toast__icon{width:32px;height:32px}.sound-toast.is-compact .sound-toast__key,.sound-toast[hidden]{display:none}.fullscreen-button{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);z-index:5;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:2px solid var(--color-ink);border-radius:2px;background:var(--color-parchment);color:var(--color-ink);font-family:var(--font-pixel);font-size:11px;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-pixel);cursor:pointer;touch-action:manipulation}.fullscreen-button[hidden]{display:none}.fullscreen-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-ink)}.fullscreen-button__icon{width:12px;height:12px;background:linear-gradient(var(--color-ink),var(--color-ink)) 0 0 / 5px 2px no-repeat,linear-gradient(var(--color-ink),var(--color-ink)) 0 0 / 2px 5px no-repeat,linear-gradient(var(--color-ink),var(--color-ink)) 100% 0 / 5px 2px no-repeat,linear-gradient(var(--color-ink),var(--color-ink)) 100% 0 / 2px 5px no-repeat,linear-gradient(var(--color-ink),var(--color-ink)) 0 100% / 5px 2px no-repeat,linear-gradient(var(--color-ink),var(--color-ink)) 0 100% / 2px 5px no-repeat,linear-gradient(var(--color-ink),var(--color-ink)) 100% 100% / 5px 2px no-repeat,linear-gradient(var(--color-ink),var(--color-ink)) 100% 100% / 2px 5px no-repeat}@supports (padding: env(safe-area-inset-left)){.app-shell{box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}}@media(orientation:portrait)and (max-width:720px){.app-shell{grid-template-rows:1fr auto auto 1.15fr;grid-template-columns:1fr;justify-items:center}.game-root{position:absolute;inset:0}.game-root canvas{box-shadow:none;pointer-events:none;filter:brightness(.45) saturate(.6) blur(3px);opacity:.22;transition:filter .32s var(--ease-soft),opacity .32s var(--ease-soft)}.app-shell{background:radial-gradient(ellipse 70% 38% at 50% 50%,rgb(224 138 75 / 12%),transparent 70%),radial-gradient(ellipse 60% 30% at 50% 48%,rgb(194 207 174 / 8%),transparent 75%)}.app-shell:before,.app-shell:after{position:relative;z-index:2;box-sizing:border-box;width:min(312px,calc(100% - 32px));border:2px solid var(--color-ink);background-color:var(--color-parchment-warm);color:var(--color-ink);text-align:center;pointer-events:none}.app-shell:before{content:"turn your phone sideways";grid-row:2;padding:124px 20px 6px;border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:3px 0 0 var(--color-ink),0 64px 56px -12px #0000007f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40' shape-rendering='crispEdges'%3E%3Crect x='6' y='12' width='14' height='24' fill='%231D1F33'/%3E%3Crect x='8' y='14' width='10' height='18' fill='%239EB6C4'/%3E%3Crect x='11' y='33' width='4' height='1' fill='%23B9AB8B'/%3E%3Crect x='16' y='6' width='4' height='2' fill='%23C97B5A'/%3E%3Crect x='20' y='4' width='12' height='2' fill='%23C97B5A'/%3E%3Crect x='32' y='5' width='4' height='2' fill='%23C97B5A'/%3E%3Crect x='36' y='7' width='2' height='3' fill='%23C97B5A'/%3E%3Crect x='34' y='10' width='6' height='2' fill='%23A6614A'/%3E%3Crect x='35' y='12' width='4' height='2' fill='%23A6614A'/%3E%3Crect x='36' y='14' width='2' height='2' fill='%23A6614A'/%3E%3Crect x='26' y='18' width='32' height='18' fill='%231D1F33'/%3E%3Crect x='28' y='20' width='26' height='14' fill='%232F3149'/%3E%3Crect x='55' y='25' width='1' height='4' fill='%23B9AB8B'/%3E%3Crect x='47' y='22' width='3' height='1' fill='%23C2CFAE'/%3E%3Crect x='46' y='23' width='5' height='3' fill='%23C2CFAE'/%3E%3Crect x='47' y='26' width='3' height='1' fill='%23C2CFAE'/%3E%3Crect x='48' y='24' width='1' height='1' fill='%238DA17A'/%3E%3Crect x='33' y='28' width='5' height='2' fill='%23D4A055'/%3E%3Crect x='34' y='27' width='3' height='1' fill='%23FBF7EC'/%3E%3Crect x='35' y='30' width='1' height='2' fill='%23E08A4B'/%3E%3Crect x='31' y='22' width='1' height='1' fill='%23FBF7EC'/%3E%3Crect x='41' y='31' width='1' height='1' fill='%23FBF7EC'/%3E%3Crect x='51' y='30' width='1' height='1' fill='%23D4A055'/%3E%3C/svg%3E"),linear-gradient(var(--color-parchment-deep),var(--color-parchment-deep));background-repeat:no-repeat;background-size:128px 80px,calc(100% - 32px) 96px;background-position:center 22px,center 14px;font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.2;image-rendering:pixelated}.app-shell:after{content:"the cockpit needs more room.\athe tea will stay warm.";grid-row:3;white-space:pre-line;padding:6px 20px 20px;border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md);z-index:3;box-shadow:3px 3px 0 var(--color-ink);color:var(--color-ink-soft);font-family:var(--font-mono);font-size:14px;line-height:1.5}}@media(orientation:landscape)and (max-height:540px){body{background:radial-gradient(1px 1px at 12px 18px,rgb(251 247 236 / 45%) 50%,transparent 51%) 0 0 / 97px 89px,radial-gradient(1px 1px at 61px 47px,rgb(212 160 85 / 35%) 50%,transparent 51%) 0 0 / 131px 113px,radial-gradient(1px 1px at 33px 71px,rgb(158 182 196 / 30%) 50%,transparent 51%) 0 0 / 173px 157px,var(--color-cosmos-panel)}.game-root canvas{box-shadow:0 0 24px 12px var(--color-cosmos-panel)}}