:root{--keyboard-bg: white;--keyboard-alt-bg: #f0f0f0;--font-normal: "Arial", sans-serif;--font-fancy: "Brush Script MT", cursive}.controls-container{display:flex;align-items:center;gap:.5rem}.controls{display:flex;gap:.5rem}.control-group{display:flex;gap:.25rem}.control-item{display:flex;align-items:center;position:relative}.control-button{display:flex;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;border-radius:50%;cursor:pointer;border:1px solid #3b82f6;transition:all .2s var(--ease);box-shadow:0 1px 3px var(--shadow-sm);font-size:1.25rem;color:#3b82f6;font-weight:600;background-color:transparent;position:relative;overflow:hidden}.control-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px var(--shadow-lg);border-color:#2563eb}.control-button.active{background-color:#3b82f6;color:#fff}.control-button.active:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #3b82f666;background-color:#2563eb}.control-button:focus{outline:none}.control-button.keyboard-focus{outline:2px solid white;outline-offset:2px;border-radius:50px}.reset-button{margin-left:0}.reset-button:hover{transition:all .3s ease}.font-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;font-size:1.25rem}.font-icon{opacity:1;font-family:Arial,sans-serif}.font-toggle.active .font-icon,.font-toggle.active{opacity:1}.img-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:1.25rem;height:1.25rem}.img-icon,.img-toggle.active .img-icon{opacity:1}.color-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;font-size:1.25rem;font-weight:700}.color-icon,.color-toggle.active .color-icon{opacity:1}.bg-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;font-size:1.25rem}.bg-icon,.bg-toggle.active .bg-icon{opacity:1}.control-item:after,.reset-button:after{content:attr(data-tooltip);position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%);background:transparent;color:light-dark(black,white);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;opacity:0;transition:all .2s var(--ease);white-space:nowrap;pointer-events:none;z-index:10}.control-item:hover:after,.reset-button:hover:after{opacity:1;bottom:-2rem}.hidden{display:none}.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}@media (max-width: 1024px){.controls{position:fixed;right:.6rem;top:0;margin-top:10rem;flex-direction:column;gap:.5rem;padding:.5rem 0;z-index:100;background:transparent;align-items:flex-end}.control-group{flex-direction:column;gap:.25rem;align-items:flex-end}.control-button{width:2.8rem;height:2.8rem;font-size:1.1rem}.img-icon,.img-icon-alt{width:1.1rem;height:1.1rem}.font-icon,.font-icon-alt,.color-icon,.color-icon-alt,.bg-icon,.bg-icon-alt{font-size:1.1rem}.control-item:after,.reset-button:after{display:none}}@media (max-width: 768px){.controls{right:0;padding:.4rem;gap:.4rem}.control-button{width:2.5rem;height:2.5rem;font-size:1rem}.img-icon,.img-icon-alt{width:1rem;height:1rem}.font-icon,.font-icon-alt,.color-icon,.color-icon-alt,.bg-icon,.bg-icon-alt{font-size:1rem}}@media (max-width: 690px){.controls{right:0;padding:.3rem;gap:.3rem}.control-button{width:2.2rem;height:2.2rem;font-size:.9rem}.img-icon,.img-icon-alt{width:.9rem;height:.9rem}.font-icon,.font-icon-alt,.color-icon,.color-icon-alt,.bg-icon,.bg-icon-alt{font-size:.9rem}}@media (max-width: 480px){.controls{right:0;padding:.25rem;gap:.25rem}.control-button{width:2rem;height:2rem;font-size:.8rem}.img-icon,.img-icon-alt{width:.8rem;height:.8rem}.font-icon,.font-icon-alt,.color-icon,.color-icon-alt,.bg-icon,.bg-icon-alt{font-size:.8rem}}.controls{z-index:100}:root{--primary-bg: linear-gradient(135deg, #e0e7ff 0%, #a5b4fc 100%);--header-bg: #f9fafb;--accent-color: #4338ca;--control-bg: rgba(255, 255, 255, .95);--text-color: #ffffff;--solid-bg: #a5b4fc;--shadow: 0 6px 12px -2px rgba(0, 0, 0, .1), 0 3px 6px -3px rgba(0, 0, 0, .08);--transition: all .3s cubic-bezier(.25, .8, .25, 1);--light-border: #e2e8f0}[data-astro-cid-umyi4mli]{box-sizing:border-box;margin:auto;padding:0}.container[data-astro-cid-umyi4mli]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,sans-serif;text-align:center;padding:1rem 1rem 15rem;position:relative}.header-container[data-astro-cid-umyi4mli]{display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:1500px;gap:2rem;margin-bottom:1.5rem;position:relative}.header[data-astro-cid-umyi4mli]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:75%;height:60px;padding:1rem .6rem;gap:1rem;position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 8px 32px #1f26875e,0 4px 16px #0000001a,inset 0 1px #fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}.info[data-astro-cid-umyi4mli]{color:#fff;font-weight:600;text-align:center;text-transform:uppercase;font-size:2rem;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.1em}.continue-message[data-astro-cid-umyi4mli]{color:light-dark(black,white);font-size:1rem;font-weight:400;font-style:italic}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.main[data-astro-cid-umyi4mli]{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100vh - 120px);overflow:hidden;transition:var(--transition)}.board[data-astro-cid-umyi4mli]{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;padding:2rem;background-size:cover;background-position:center;background-repeat:no-repeat;transition:var(--transition);border:2px solid var(--accent-color);border-radius:1rem}.content-wrapper[data-astro-cid-umyi4mli]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:4rem}.char[data-astro-cid-umyi4mli]{text-align:center;font-size:60vh;font-weight:800;color:#fff;text-shadow:0 6px 20px rgba(0,0,0,.4);transition:var(--transition);animation:charReveal .4s ease-out;will-change:transform,opacity;line-height:1;margin:0}.instruction[data-astro-cid-umyi4mli]{color:#fff;font-size:1.75rem;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:var(--transition);text-align:center;margin:0;padding:0;line-height:1.5}@keyframes charReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 1024px){.header-container[data-astro-cid-umyi4mli]{flex-direction:column;align-items:center;gap:.5rem}.header[data-astro-cid-umyi4mli]{width:90%;padding:1rem;height:auto}.info[data-astro-cid-umyi4mli]{font-size:1.25rem}.continue-message[data-astro-cid-umyi4mli]{width:90%;height:auto;font-size:.9rem;padding:.5rem 1rem}.main[data-astro-cid-umyi4mli]{height:calc(100vh - 200px)}.char[data-astro-cid-umyi4mli]{margin-top:10%;font-size:clamp(20rem,50vw,40rem)}.instruction[data-astro-cid-umyi4mli]{font-size:1.25rem}.board[data-astro-cid-umyi4mli]{width:95%!important;height:calc(85vh - 200px)!important;margin-top:1px}}