*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fff;--text: #222;--surface: #fff;--surface-border: #ccc;--surface-shadow: rgba(0,0,0,.12);--divider: #d6d6d6;--btn-bg: #fff;--btn-border: #ccc;--btn-icon: #999;--endbtn-bg: #e9e9e9;--endbtn-text: #222;--endbtn-border: rgba(0,0,0,.18);--endbtn-shadow: rgba(0,0,0,.12);--close: #cdcdcd;--close-hover: #777;--toggle-off: #ccc;--toggle-on: #4caf50;--toggle-knob: #fff;--overlay: rgba(0,0,0,.15);--toast-bg: #444;--toast-text: #fff;--hash-label: #aaa;--link-muted: #888;--hardtag: rgba(139,0,0,.55);--link: #1a55c0}[data-theme=dark]{--bg: #15161a;--text: #d7d8db;--surface: #202125;--surface-border: #34353a;--surface-shadow: rgba(0,0,0,.5);--divider: #3d3e45;--btn-bg: #202125;--btn-border: #34353a;--btn-icon: #a8aab0;--endbtn-bg: #bbb;--endbtn-text: #2c2e34;--endbtn-border: rgba(255,255,255,.18);--endbtn-shadow: rgba(0,0,0,.5);--close: #5c5e65;--close-hover: #aeb0b6;--toggle-off: #44464d;--toggle-on: #4caf50;--toggle-knob: #d7d8db;--overlay: rgba(0,0,0,.5);--toast-bg: #101114;--toast-text: #e6e7ea;--hash-label: #86888f;--link-muted: #94969d;--hardtag: rgba(255,120,120,.7);--link: #6fa8ff}body{overflow:hidden;background:var(--bg);color:var(--text)}a{color:var(--link)}.theme-switching *{transition:none!important}#game{display:block;position:fixed}#end-card{position:fixed;left:50%;top:40vh;transform:translate(-50%,-40%);width:min(350px,85vw);background:var(--surface);border:1px solid var(--surface-border);box-shadow:0 4px 24px var(--surface-shadow);z-index:11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;font-family:sans-serif;padding:2.5rem 2rem 3.1rem}#end-card[hidden]{display:none}@keyframes drop-in{0%{transform:translate(-50%,-140%);opacity:0}to{transform:translate(-50%,-40%);opacity:1}}#end-card:not([hidden]){animation:drop-in .8s cubic-bezier(.22,1,.36,1) both}#end-card h1{margin:-.5rem 0 0}#hard-mode-tag{margin-top:-1.3rem;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hardtag)}#hard-mode-tag[hidden]{display:none}#end-card button{font-size:1rem;padding:.6em 1.4em;cursor:pointer;border-radius:6px;border:1px solid var(--endbtn-border);box-shadow:0 2px 0 var(--endbtn-shadow);background:var(--endbtn-bg);color:var(--endbtn-text)}#copy-results{display:flex;align-items:center;justify-content:center;white-space:nowrap;max-width:100%;padding-left:0;padding-right:0}#copy-results:before,#copy-results:after{content:"";flex:0 1 1.4em;min-width:.5em}#copy-results:hover{filter:brightness(.9125)}#copy-results:active{filter:brightness(.8125)}#replay:hover{filter:brightness(.9125)}#replay:active{filter:brightness(.8125)}#credits-btn{position:fixed;top:8.815rem;right:1rem;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--btn-border);background:var(--btn-bg);box-shadow:0 2px 6px var(--surface-shadow);font-family:sans-serif;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;color:var(--btn-icon)}.btn-icon{width:1.4em;height:1.4em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}#howto-btn .btn-icon{width:1.1305em;height:1.1305em;transform:translate(.06rem)}#settings-btn .btn-icon{width:1.12em;height:1.12em;transform:translate(.0225rem)}#credits-btn .btn-icon{transform:translate(calc(3rem * -.0175))}#settings-btn{position:fixed;top:4.9075rem;right:1rem;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--btn-border);background:var(--btn-bg);box-shadow:0 2px 6px var(--surface-shadow);font-family:sans-serif;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;color:var(--btn-icon)}#howto-btn{position:fixed;top:1rem;right:1rem;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--btn-border);background:var(--btn-bg);box-shadow:0 2px 6px var(--surface-shadow);font-family:sans-serif;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;color:var(--btn-icon)}@media(max-width:599px){#settings-btn{top:1rem;right:4.9075rem}#howto-btn{top:1rem;right:1rem}#credits-btn{top:1rem;right:8.815rem}}#credits-card,#settings-card,#howto-card{--title-space-above: 1.59375rem;--title-space-below: 1.1034rem;position:fixed;left:50%;top:40vh;transform:translate(-50%,-40%);width:min(450px,85vw);background:var(--surface);border:1px solid var(--surface-border);box-shadow:0 4px 24px var(--surface-shadow);z-index:11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;font-family:sans-serif;padding:2.5rem 2rem 2rem}#credits-card h1,#settings-card h1,#howto-card h1{margin-top:calc(var(--title-space-above) - 2.5rem);margin-bottom:calc(var(--title-space-below) - .75rem)}#credits-card>p,#credits-card>ul{align-self:flex-start;margin-top:-.75rem}#credits-card ul{padding-left:min(2em,6vw)}#credits-card[hidden],#settings-card[hidden],#howto-card[hidden]{display:none}#credits-card:not([hidden]):not(.sweeping-out),#settings-card:not([hidden]):not(.sweeping-out),#howto-card:not([hidden]):not(.sweeping-out){animation:drop-in .8s cubic-bezier(.22,1,.36,1) both}@keyframes swoop-out{0%{transform:translate(-50%,-40%);opacity:1}50%{opacity:1}to{transform:translate(-50%,-140%);opacity:0}}#credits-card.sweeping-out,#settings-card.sweeping-out,#howto-card.sweeping-out{animation:swoop-out .3s cubic-bezier(.55,0,1,.45) both}#howto-card{--title-space-above: 1.875rem;--title-space-below: 1.226rem;width:fit-content}#howto-canvas{display:block}.card-close,#end-card .card-close{position:absolute;top:.6rem;right:.6rem;width:auto;height:auto;border:none;background:none;box-shadow:none;border-radius:0;padding:.2rem .45rem;font-size:1.875rem;line-height:1;color:var(--close);cursor:pointer}.card-close:hover{color:var(--close-hover)}#settings-card{padding-bottom:1.5rem}#settings-list{align-self:stretch;margin:-.75rem 0 0;border-top:1px solid var(--divider)}#settings-list label{display:flex;align-items:center;gap:.9em;padding:.7rem 0;border-bottom:1px solid var(--divider);line-height:1.25;cursor:pointer}#settings-card input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:2.2em;height:1.2em;border-radius:.6em;background:var(--toggle-off);flex-shrink:0;cursor:pointer;transition:background .2s}#settings-card input[type=checkbox]:before{content:"";position:absolute;top:.1em;left:.1em;width:1em;height:1em;border-radius:50%;background:var(--toggle-knob);transition:transform .2s}#settings-card input[type=checkbox]:checked{background:var(--toggle-on)}#settings-card input[type=checkbox]:checked:before{transform:translate(1em)}#credits-overlay,#settings-overlay,#howto-overlay,#end-card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .3s ease}#input-shield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:none}#credits-overlay.overlay-visible,#settings-overlay.overlay-visible,#howto-overlay.overlay-visible,#end-card-overlay.overlay-visible{opacity:1;pointer-events:auto}#toast-container{position:fixed;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:20;pointer-events:none}.toast{background:var(--toast-bg);color:var(--toast-text);padding:.6em 1.4em;font-family:sans-serif;font-size:.9rem;white-space:nowrap;border-radius:0 0 8px 8px;animation:toast-show 4.5s ease-in-out forwards}.toast:not(:first-child){border-radius:8px}@keyframes toast-show{0%{transform:translateY(-100%);opacity:1}9%{transform:translateY(0);opacity:1}80%{transform:translateY(0);opacity:1}to{transform:translateY(0);opacity:0}}#solution-hash{display:flex;flex-direction:column;align-items:center;gap:.25em;margin-top:.2rem;margin-bottom:1.1rem;width:100%}.solution-hash-label{display:block;font-size:1.125rem;color:var(--hash-label);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}#solution-hash-emojis{display:block;font-size:2.2rem;letter-spacing:.1em;text-align:center;margin-right:-.1em}#replay{font-size:.75rem;padding:.4em 1em;margin-top:-.4rem}#end-card #replay-no-hash{background:none;border:none;box-shadow:none;padding:0;color:var(--link-muted);text-decoration:underline;cursor:pointer;margin-top:calc(-1.5rem + 12px);margin-bottom:-1rem}