.honeycomb{position:relative;width:216px;height:216px;margin:30px auto;transition:opacity .2s ease-in-out}.honeycomb.variants-active .ray-cell:not(.active),.honeycomb.variants-active .honeycomb-cell.center:not(.active){opacity:.4;pointer-events:none}.ray-cell,.honeycomb-cell{position:absolute;display:flex;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease-in-out;text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ray-cell .cell-content,.honeycomb-cell .cell-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ray-cell .cell-content .base-kana,.honeycomb-cell .cell-content .base-kana{pointer-events:none}.ray-cell.active .base-kana,.honeycomb-cell.active .base-kana{opacity:0;transition:opacity .1s ease-in}.ray-cell{width:48px;height:48px;left:calc(50% - 24px);top:calc(50% - 24px);background-color:#e6e6e6;border-radius:50%;color:#000}.ray-cell:hover{background-color:#dcdcdc}.variant-dots-container{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:3px;pointer-events:none}.variant-dot{width:6px;height:6px;background-color:#0000004d;border-radius:50%}.honeycomb-cell.center{width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px);border-radius:50%;background-color:#ff5c5c;color:#fff;z-index:1;touch-action:manipulation}.honeycomb-cell.center:hover{background-color:#e64a4a}.variants-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.variant-cell{position:absolute;width:60px;height:60px;background-color:#444;border-radius:50%;display:flex;font-size:1.4rem;justify-content:center;align-items:center;font-size:1.6rem;font-weight:400;color:#bbb;cursor:pointer;pointer-events:auto;transition:background-color .2s ease;z-index:10;transform:translate(-50%,-50%)}.variant-cell:hover{background-color:#e0e0e0}#rank-progress-dots .dot{display:flex;width:32px;height:32px;border-radius:50%;background-color:#eee;font-size:.875rem;line-height:1.25rem;justify-content:center;align-items:center;vertical-align:baseline;margin:0 .25rem}#rank-progress-dots .dot.current{background-color:#ff5c5c;color:#fff}@media (min-width: 768px){#found-words button{display:none}}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;font-family:Noto Sans JP,sans-serif;background:#fff}.app-state{padding:1rem;text-align:center;font-family:Noto Sans JP,sans-serif}.app-state--error{color:#dc2626}.site-header{padding:1rem 1rem .9rem;border-bottom:1px solid #aaa;text-align:center}.site-title{margin:0 0 .125em;font-size:2rem;font-weight:700}.site-meta{font-size:.75rem;color:#6b7280}.site-meta__separator{margin:0 .5rem;opacity:.5}.app-main{width:100%;max-width:76rem;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;flex-grow:1;box-sizing:border-box}.game-column{display:flex;flex-direction:column;min-width:0}.game-column--board{align-items:center;justify-content:flex-start;padding:.5rem 0 1rem;order:2}.game-column--sidebar{padding-top:.25rem;order:1}.input-panel{width:100%;max-width:20rem;margin-bottom:1rem;text-align:center}.input-panel__status-anchor{position:relative}.status-banner{position:absolute;left:0;right:0;bottom:calc(100% + .5rem);border:1px solid #d1d5db;border-radius:.5rem;padding:.6rem .85rem;font-size:.875rem;box-shadow:0 2px 8px #0f172a14;opacity:0;transform:translateY(.5rem);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:20}.status-banner--visible{opacity:1;transform:translateY(0)}.status-banner--success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.status-banner--warning{background:#fefce8;border-color:#fde68a;color:#854d0e}.input-area{width:100%;margin-top:.5rem;border:1px solid #d1d5db;border-radius:.375rem;padding:.65rem .75rem;font-size:1rem;font-family:Noto Sans,sans-serif;box-sizing:border-box;background:#fff}.honeycomb-stage{width:100%;min-height:23rem;display:flex;align-items:center;justify-content:center}#buttons,.control-buttons{display:flex;justify-content:center;gap:.75rem;margin-top:1.25rem;font-family:Noto Sans,sans-serif}.control-button{padding:.5rem 1.25rem;border:1px solid #d1d5db;border-radius:999px;font-size:.875rem;font-weight:600;color:#111827;background:#fff;cursor:pointer}.control-button:hover{background:#f3f4f6}.control-button--icon{padding:.75rem;font-size:1.25rem;line-height:1}.score-panel{margin-bottom:1rem;padding:1rem;text-align:center;display:flex;flex-direction:column;font-family:Noto Sans,sans-serif;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 2px 8px #0f172a14}.score-panel__rank{font-weight:700;color:#000;margin-bottom:.5rem}.score-panel__score{font-size:1.125rem;font-weight:600}.score-panel__progress{font-size:.875rem;color:#6b7280}.found-panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;border:1px solid #e5e7eb;border-radius:.75rem;padding:.5rem .75rem .75rem;box-shadow:0 2px 8px #0f172a14;background:#fff;font-family:Noto Sans,sans-serif}.found-panel__toggle{width:100%;text-align:left;padding:.35rem .15rem;font-size:.875rem;font-weight:600;color:#374151;background:transparent;border:none;border-radius:.375rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.found-panel__toggle:hover{background:#f3f4f6}.found-panel__content{display:none;margin-top:.5rem;overflow-y:auto;max-height:20rem;padding-right:.25rem}.found-panel__content--open{display:block}.found-panel__empty{text-align:center;color:#6b7280;font-size:.875rem}.homophone-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f293780;display:flex;justify-content:center;align-items:center;z-index:20}.homophone-popup{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 8px #0f172a14;max-width:24rem;width:100%;box-sizing:border-box}.homophone-popup__title{margin:0 0 1rem;text-align:center;font-size:1.25rem;font-weight:600}.homophone-popup__body{margin:0;text-align:center;color:#374151;font-size:.875rem}.homophone-popup__button{margin-top:1rem;width:100%;padding:.5rem 1rem;background:#e5e7eb;border:none;border-radius:.375rem;cursor:pointer}.homophone-popup__button:hover{background:#d1d5db}.score-display{font-size:1.125rem;font-weight:300;color:#374151}@media (min-width: 768px){.site-header{padding:1.2rem 1.25rem 1rem}.site-title{font-size:2.25rem}.app-main{flex-direction:row;gap:2rem;align-items:stretch}.game-column{min-height:0}.game-column--board{width:60%;justify-content:center;padding:1.5rem 0;order:1}.game-column--sidebar{width:40%;padding-top:1rem;order:2}.found-panel{flex:1 1 auto}.found-panel__toggle{display:none}.found-panel__content{display:block;max-height:32rem}}