*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--card: #16213e;--bar: #0f1b30;--border: #0f3460;--cell-border: #2e3f5c;--text: #e0e0e0;--text-muted: #7f8c8d;--text-disabled: #3a3a4a;--row-bg: #1a3a6e;--key-bg: #1e3a5f;--key-disabled-bg: #1a1a2a;--key-disabled-text: #3a3a4a;--secondary: #8BAFD4;--shadow-color: rgba(0, 0, 0, .4)}@media(prefers-color-scheme:light){:root{--bg: #f0f4f8;--card: #ffffff;--bar: #dde6f0;--border: #b8cce0;--cell-border: #d0dce8;--text: #1a2a3a;--text-muted: #5a6a7a;--text-disabled: #9aabb8;--row-bg: #c8d8ec;--key-bg: #b8cce0;--key-disabled-bg: #dde6f0;--key-disabled-text: #9aabb8;--secondary: #2a6090;--shadow-color: rgba(0, 0, 0, .12)}}:root[data-theme=light]{--bg: #f0f4f8;--card: #ffffff;--bar: #dde6f0;--border: #b8cce0;--cell-border: #d0dce8;--text: #1a2a3a;--text-muted: #5a6a7a;--text-disabled: #9aabb8;--row-bg: #c8d8ec;--key-bg: #b8cce0;--key-disabled-bg: #dde6f0;--key-disabled-text: #9aabb8;--secondary: #2a6090;--shadow-color: rgba(0, 0, 0, .12)}:root[data-theme=dark]{--bg: #1a1a2e;--card: #16213e;--bar: #0f1b30;--border: #0f3460;--cell-border: #2e3f5c;--text: #e0e0e0;--text-muted: #7f8c8d;--text-disabled: #3a3a4a;--row-bg: #1a3a6e;--key-bg: #1e3a5f;--key-disabled-bg: #1a1a2a;--key-disabled-text: #3a3a4a;--secondary: #8BAFD4;--shadow-color: rgba(0, 0, 0, .4)}@keyframes cell-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px)}35%{transform:translate(5px)}55%{transform:translate(-4px)}75%{transform:translate(3px)}}@keyframes cell-pop{0%{transform:scale(1)}45%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes letter-complete{0%{transform:scale(1)}30%{transform:scale(1.5);color:#d4a017;font-weight:900}65%{transform:scale(1.25);color:#d4a017}to{transform:scale(1)}}@keyframes fish-drop{0%{transform:translateY(0);opacity:1}to{transform:translateY(40px);opacity:0}}@keyframes screen-flash{0%{opacity:0}15%{opacity:.18}to{opacity:0}}@keyframes shame-emoji{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.6;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20vh) scale(1)}}@keyframes screen-layer-enter{0%{opacity:0}to{opacity:1}}.anim-shake{animation:cell-shake .3s ease-out}.anim-pop{animation:cell-pop .2s ease-out}.anim-complete{animation:letter-complete .5s ease-out}.anim-fish-drop{animation:fish-drop .5s ease-in forwards}.anim-flash{animation:screen-flash .4s ease-out forwards}.anim-shame-emoji{animation:shame-emoji 1.4s ease-out forwards}.screen-stage{width:100%;display:block}.screen-stage>*{width:100%}.screen-layer{width:100%}.screen-layer-enter{animation:screen-layer-enter var(--screen-transition-ms, .32s) cubic-bezier(.22,.61,.36,1) both}@media(prefers-reduced-motion:reduce){.screen-layer-enter{animation:none}}body{font-family:Georgia,Times New Roman,serif;background:var(--bg);-webkit-user-select:none;user-select:none;color:var(--text);min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}body[data-layout-mode=topbar-only]{padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}body[data-layout-mode=puzzle-active]{padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:calc(170px + env(safe-area-inset-bottom,0px))}