.site-footer{width:100%;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-md);text-align:center;margin-top:auto}.site-footer__content{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.site-footer__copyright{font-size:var(--font-size-sm);color:var(--text-secondary)}.site-footer__license{font-size:var(--font-size-sm);color:var(--text-muted)}.site-footer__links{display:flex;gap:var(--spacing-sm);align-items:center;font-size:var(--font-size-sm)}.site-footer__separator{color:var(--text-muted)}.site-footer__spacing{height:var(--footer-bottom-spacing)}@media(max-width:767px){.site-footer{padding:var(--spacing-md) var(--spacing-sm)}}.theme-toggle{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:50;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);box-shadow:0 2px 4px #0000001a}.theme-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--color-mint);transform:scale(1.1)}.theme-toggle:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}.theme-toggle__icon{font-size:1.2rem;line-height:1}.top-nav{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.top-nav__links{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.top-nav__link{color:var(--link-color);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.top-nav__link:hover{background-color:var(--bg-tertiary);text-decoration:none}@media(max-width:767px){.top-nav{padding:var(--spacing-xs) var(--spacing-sm)}.top-nav__links{gap:var(--spacing-sm)}}.home-page{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md)}.home-page__header{text-align:center}.home-page__title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.home-page__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.home-page__difficulties{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);width:100%;max-width:800px}.difficulty-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.difficulty-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-mint);text-decoration:none;color:var(--text-primary)}.difficulty-card:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}.difficulty-card__emoji{font-size:2.5rem}.difficulty-card__label{font-size:var(--font-size-lg);font-weight:600}@media(max-width:767px){.home-page__difficulties{grid-template-columns:1fr}.difficulty-card{flex-direction:row;justify-content:center;padding:var(--spacing-md)}.difficulty-card__emoji{font-size:1.5rem}}.hex-cell{cursor:default;transition:opacity var(--transition-fast)}.hex-cell--editable{cursor:pointer}.hex-cell--editable:hover polygon{stroke-width:2.5;stroke:var(--link-color)}.hex-cell--editable:focus-visible{outline:none}.hex-cell--editable:focus-visible polygon{stroke:var(--link-color);stroke-width:3}.hex-cell--anchor-honey polygon{fill:var(--cell-anchor-bg);stroke:#c9a02c;stroke-width:1.5}.hex-cell--anchor-honey .hex-cell__text{fill:var(--cell-anchor-text);font-weight:700}.hex-cell--start-end-accent polygon{fill:var(--cell-start-end-bg);stroke:#5ab8c0;stroke-width:2}.hex-cell--start-end-accent .hex-cell__text{fill:var(--cell-start-end-text);font-weight:700}.hex-cell--playable-default polygon{fill:var(--cell-playable-bg);stroke:var(--cell-empty-border);stroke-width:1}.hex-cell--playable-default .hex-cell__text{fill:var(--cell-playable-text);font-weight:500}.hex-cell--empty polygon{fill:var(--cell-empty-bg);stroke:var(--cell-empty-border);stroke-width:1}.hex-cell--filled polygon{fill:var(--cell-playable-bg);stroke:var(--color-mint);stroke-width:1.5}.hex-cell--blocked polygon{fill:var(--cell-blocked-bg);stroke:transparent;stroke-width:0;opacity:1}.hex-cell--error polygon{fill:var(--cell-error-bg)!important;stroke:#c00!important;stroke-width:2!important}.hex-cell--error .hex-cell__text{fill:var(--cell-error-text)!important}.hex-cell--flashing polygon{animation:flash-red .3s ease-in-out 3}@keyframes flash-red{0%,to{fill:var(--cell-playable-bg)}50%{fill:var(--cell-error-bg)}}.hex-cell--flashing .hex-cell__text{animation:flash-text .3s ease-in-out 3}@keyframes flash-text{0%,to{fill:var(--cell-playable-text)}50%{fill:var(--cell-error-text)}}.beehive-grid{width:100%;max-width:600px;aspect-ratio:auto;display:flex;justify-content:center;align-items:center}.beehive-grid__svg{width:100%;height:auto;max-height:60vh}@media(max-width:767px){.beehive-grid{max-width:100%}.beehive-grid__svg{max-height:50vh}}.number-selector{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);flex-wrap:wrap;justify-content:center}.number-selector__btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-round);font-size:1.2rem;color:var(--text-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.number-selector__btn:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--color-mint)}.number-selector__btn:disabled{opacity:.4;cursor:not-allowed}.number-selector__display{display:flex;align-items:center;gap:var(--spacing-xs);min-width:80px;justify-content:center}.number-selector__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);min-width:48px;text-align:center}.number-selector__direction{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-secondary);padding:0}.number-selector__direction:hover{background-color:var(--bg-tertiary)}.number-selector__count{font-size:var(--font-size-sm);color:var(--text-muted);width:100%;text-align:center}.puzzle-control-bar{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0;width:100%;max-width:600px}.puzzle-control-bar__group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.puzzle-control-bar__btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);text-decoration:none;white-space:nowrap}.puzzle-control-bar__btn:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--color-mint);text-decoration:none;color:var(--text-primary)}.puzzle-control-bar__btn:disabled{opacity:.4;cursor:not-allowed}.puzzle-control-bar__btn--primary{background-color:var(--button-bg);color:var(--button-text);border-color:var(--button-bg)}.puzzle-control-bar__btn--primary:hover:not(:disabled){background-color:var(--button-hover);border-color:var(--button-hover);color:var(--button-text)}.puzzle-control-bar__btn--small{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.puzzle-control-bar__btn--link{text-decoration:none;color:var(--text-primary)}@media(max-width:767px){.puzzle-control-bar__btn{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}}.modal-backdrop{position:fixed;inset:0;background-color:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--spacing-md)}.modal-content{background-color:var(--modal-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);max-width:440px;width:100%;text-align:center}.completion-modal{position:relative;overflow:hidden}.completion-modal__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.completion-modal__metrics{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.completion-modal__metric{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.completion-modal__metric-value{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.completion-modal__metric-label{font-size:var(--font-size-sm);color:var(--text-muted)}.completion-modal__actions{display:flex;gap:var(--spacing-sm);justify-content:center}.completion-modal__btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.completion-modal__btn:hover{background-color:var(--bg-tertiary)}.completion-modal__btn--primary{background-color:var(--button-bg);color:var(--button-text);border-color:var(--button-bg)}.completion-modal__btn--primary:hover{background-color:var(--button-hover);border-color:var(--button-hover)}.confetti-container{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-particle{position:absolute;top:-10px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}@media(max-width:767px){.completion-modal__metrics{flex-direction:column;gap:var(--spacing-md)}.completion-modal__actions{flex-direction:column}}.difficulty-page{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md)}.difficulty-page__header{text-align:center;padding:var(--spacing-md) 0}.difficulty-page__header h1{margin-bottom:var(--spacing-xs)}.difficulty-page__header-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.difficulty-page__timer{font-size:var(--font-size-lg);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.difficulty-page__header-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.difficulty-page__header-btn:hover:not(:disabled){background-color:var(--bg-tertiary)}.difficulty-page__header-btn:disabled{opacity:.5;cursor:not-allowed}.difficulty-page__content{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.difficulty-page__grid-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);min-height:300px;width:100%;overflow:visible}.difficulty-page__grid-scroll{width:100%;overflow-x:auto;display:flex;justify-content:center}.difficulty-page__paused{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.difficulty-page__paused-text{font-size:var(--font-size-xl);font-weight:700}.difficulty-page__duplicate-warning{padding:var(--spacing-sm) var(--spacing-md);background-color:#ff44441a;color:var(--cell-error-bg);border:1px solid var(--cell-error-bg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;animation:fade-in .2s ease-out}.difficulty-page__check-tooltip{position:absolute;top:0;right:0;transform:translate(8%,-110%);z-index:2;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#2e7d321f;color:var(--text-primary);border:1px solid rgba(46,125,50,.45);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #0000001f;animation:tooltip-fade-in .2s ease-out}.difficulty-page__check-tooltip span{white-space:nowrap}.difficulty-page__check-tooltip-close{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border:0;border-radius:999px;background:transparent;color:inherit;font-size:.95rem;line-height:1;cursor:pointer}.difficulty-page__check-tooltip-close:hover{background-color:#00000014}.difficulty-page__check-tooltip-close:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}.difficulty-page__controls{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) 0}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:767px){.difficulty-page{padding:var(--spacing-sm);gap:var(--spacing-md)}.difficulty-page__grid-area{min-height:200px;padding-top:2rem}.difficulty-page__grid-scroll{width:100%}.difficulty-page__check-tooltip{position:absolute;top:0;right:50%;transform:translate(50%);width:calc(100% - (var(--spacing-sm) * 2));max-width:min(96vw,34rem);justify-content:center;font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.difficulty-page__check-tooltip span{overflow:hidden;text-overflow:ellipsis}.difficulty-page__check-tooltip-close{flex:0 0 auto}.difficulty-page__header h1{font-size:var(--font-size-lg)}.difficulty-page__header-controls{gap:var(--spacing-xs)}.difficulty-page__header-btn{font-size:.75rem}}.how-to-play-page{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:720px;margin:0 auto;padding:var(--spacing-md)}.how-to-play-page__header{text-align:center}.how-to-play-page__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.how-to-play-page__section h2{font-size:var(--font-size-xl);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-xs)}.how-to-play-page__section p{color:var(--text-secondary);line-height:1.7}.how-to-play-page__tips{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.how-to-play-page__tips li{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--color-mint);color:var(--text-secondary)}.how-to-play-page__controls-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.how-to-play-page__controls-list dt{font-weight:700;color:var(--text-primary);font-size:var(--font-size-base)}.how-to-play-page__controls-list dd{margin-left:0;color:var(--text-secondary);line-height:1.6;padding-left:var(--spacing-md)}.contact-page{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);max-width:600px;margin:0 auto;padding:var(--spacing-md)}.contact-page__header{text-align:center}.contact-page__header p{color:var(--text-secondary);margin-top:var(--spacing-sm)}.contact-page__form-container{width:100%}.contact-page__form{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.contact-page__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-page__label{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.contact-page__label span{color:var(--cell-error-bg)}.contact-page__input,.contact-page__textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast);box-sizing:border-box}.contact-page__input:focus,.contact-page__textarea:focus{border-color:var(--link-color);outline:none;box-shadow:0 0 0 2px #2563eb33}.contact-page__textarea{min-height:120px;resize:vertical}.contact-page__input--error{border-color:var(--cell-error-bg)}.contact-page__error{font-size:var(--font-size-sm);color:var(--cell-error-bg);margin:0}.contact-page__submit{display:inline-block;background-color:var(--button-bg);color:var(--button-text);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;font-size:var(--font-size-base);border-radius:var(--radius-md);align-self:flex-start;text-decoration:none;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.contact-page__submit:hover:not(:disabled){background-color:var(--button-hover)}.contact-page__submit:disabled{opacity:.6;cursor:not-allowed}.contact-page__status{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);text-align:center}.contact-page__status--success{background-color:#79ffa226;color:var(--color-olive);border:1px solid var(--color-olive)}.contact-page__status--failure{background-color:#ff44441a;color:var(--cell-error-bg);border:1px solid var(--cell-error-bg)}.contact-page__btn{margin-top:var(--spacing-md);background-color:var(--button-bg);color:var(--button-text);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;border-radius:var(--radius-md);cursor:pointer}.contact-page__btn:hover{background-color:var(--button-hover)}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;min-height:50vh}.not-found-page h1{font-size:4rem;color:var(--text-muted)}.not-found-page p{font-size:var(--font-size-lg);color:var(--text-secondary)}:root{--color-aqua: #86F8FF;--color-mint: #6EE8C2;--color-green: #79FFA2;--color-sage: #D2DDC5;--color-olive: #749F70;--cell-anchor-bg: #F5C542;--cell-anchor-text: #1a1a1a;--cell-start-end-bg: #86F8FF;--cell-start-end-text: #1a1a1a;--cell-playable-bg: #ffffff;--cell-playable-text: #1a1a1a;--cell-blocked-bg: #e0e0e0;--cell-empty-bg: #f8f8f8;--cell-empty-border: #cccccc;--cell-error-bg: #ff4444;--cell-error-text: #ffffff;--footer-bottom-spacing: 80px;--nav-height: 56px;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-2xl: 36px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-round: 50%;--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=light],:root{--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #eef1f5;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-muted: #8888a0;--border-color: #d4d4e0;--link-color: #2563eb;--link-hover: #1d4ed8;--button-bg: #749F70;--button-text: #ffffff;--button-hover: #5d8a59;--modal-backdrop: rgba(0, 0, 0, .5);--modal-bg: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--cell-playable-bg: #ffffff;--cell-empty-bg: #f8f8f8;--cell-empty-border: #cccccc;--cell-blocked-bg: #36454f}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #22223a;--bg-tertiary: #2a2a42;--text-primary: #e8e8f0;--text-secondary: #b0b0c8;--text-muted: #7878a0;--border-color: #3a3a52;--link-color: #86F8FF;--link-hover: #6EE8C2;--button-bg: #6EE8C2;--button-text: #1a1a2e;--button-hover: #79FFA2;--modal-backdrop: rgba(0, 0, 0, .7);--modal-bg: #22223a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--cell-playable-bg: #2a2a42;--cell-playable-text: #e8e8f0;--cell-empty-bg: #22223a;--cell-empty-border: #3a3a52;--cell-blocked-bg: #2f3b44;--cell-anchor-bg: #d4a937;--cell-anchor-text: #1a1a1a;--cell-start-end-bg: #5ec8d0;--cell-start-end-text: #1a1a1a}@media(max-width:767px){:root{--font-size-base: 14px;--font-size-xl: 22px;--font-size-2xl: 28px;--spacing-lg: 16px;--spacing-xl: 24px}}@media(min-width:768px)and (max-width:1279px){:root{--font-size-base: 15px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{min-height:100vh}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:var(--spacing-md)}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--link-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--link-color);outline-offset:2px;border-radius:var(--radius-sm)}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast),transform var(--transition-fast)}button:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}button:active{transform:scale(.97)}h1,h2,h3,h4,h5,h6{line-height:1.3;color:var(--text-primary)}.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}:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media(max-width:767px){.app-main{padding:var(--spacing-sm)}}