.hive-game{max-width:960px;margin:auto;border:1px solid #e4d5a6;border-radius:26px;overflow:hidden;background:#fffbeb;color:#365241}.hive-header{padding:22px 30px;display:flex;justify-content:space-between;align-items:center;background:#244f43;color:#fff1bb}.hive-header h2{margin:5px 0;font-size:30px}.hive-header .eyebrow{color:#e4d9a8}.hive-place small{display:block;text-align:center}.hive-hud{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid #e8dfbd;background:#fff5d4;font-size:13px}.hive-mission{text-align:center;padding:20px 15px 10px}.hive-mission b{font-size:12px;color:#93722c}.hive-mission h3{font-size:23px;margin:7px}.hive-mission p{font-size:13px;color:#76836c}.hive-sentence{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:10px 18px;min-height:68px}.hive-sentence span{min-width:65px;text-align:center;border-bottom:3px solid #dac592;background:white;border-radius:10px;padding:9px 13px;font-size:21px;color:#c5b788}.hive-sentence .filled{color:#244f43;background:#e9f1d6;border-color:#8ca574;animation:collect .25s ease-out}.hive-garden{position:relative;background:radial-gradient(ellipse at center,#fff8dd 20%,#eef3d9);padding:20px 25px 35px;min-height:245px;overflow:hidden}.hive-comb{display:flex;justify-content:center;flex-wrap:wrap;max-width:610px;margin:auto;gap:2px 6px;padding:6px 0}.hex-cell{position:relative;isolation:isolate;width:116px;height:108px;border:0;background:none;cursor:pointer;color:#604a20;font:700 21px Cairo,Arial;animation:hex-float 3.4s ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 5px 0 #c9a85c)}.hex-cell svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:#ffe29b;stroke:#d4ad55;stroke-width:3}.hex-cell span{display:grid;place-items:center;height:100%;padding:9px;line-height:1.5}.hex-cell:hover:not(:disabled) svg{fill:#ffd05d}.hex-cell:focus-visible{outline:3px solid #315d4c;outline-offset:2px;border-radius:20px}.hex-cell.gathered{filter:drop-shadow(0 3px 0 #7b9e70);animation:none;color:#fff;font-size:30px}.hex-cell.gathered svg{fill:#8eaf78;stroke:#72975e}.hex-cell.wrong-cell svg{fill:#f7bf9d;stroke:#ba7950}.hive-bee{position:absolute;font-size:32px;top:8px;left:5%;animation:bee-flight 7s ease-in-out infinite;pointer-events:none}.garden-flowers{position:absolute;bottom:0;left:0;right:0;text-align:center;letter-spacing:32px;font-size:26px;color:#a2b67e;pointer-events:none}.hive-message{margin:15px 24px;padding:12px 16px;border-radius:12px;background:#e9f1db;font-size:14px;min-height:48px}.hive-message.retry{background:#fff0d0;color:#805c20}.hive-next{margin:0 24px 20px}.hive-game footer{font-size:11px;padding:15px 24px;background:#f0ead4;color:#7c8068}.hive-finish{text-align:center;padding:30px}.honey-jar{font-size:78px;animation:collect .5s ease-out}.hive-finish .actions{justify-content:center}.hive-paused *{animation-play-state:paused!important}@keyframes hex-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bee-flight{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(55px,30px) rotate(8deg)}}@keyframes collect{from{transform:scale(.8);opacity:.3}to{transform:scale(1);opacity:1}}@media(max-width:600px){.hex-cell{width:90px;height:85px;font-size:18px}.hive-comb{gap:2px}.hive-header{padding:18px}.hive-header h2{font-size:25px}.hive-garden{padding:20px 10px 30px}.hive-sentence span{font-size:18px;min-width:50px;padding:7px}.hive-mission h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.hive-game *{animation:none!important}}
/* Flat interlocking honeycomb and matching collected tiles. */
.hive-comb{--hex-w:104px;display:grid;grid-template-columns:repeat(7,calc(var(--hex-w)/2));grid-auto-rows:88px;gap:0;max-width:none;width:max-content;margin:0 auto;padding:4px 0 30px;direction:ltr}.hex-cell{width:var(--hex-w);height:116px;animation:none;filter:none!important;padding:0;direction:rtl;font-size:20px}.hex-cell svg{fill:#ffe6a3;stroke:#c9a14c;stroke-width:1.5}.hex-cell.gathered{visibility:hidden;pointer-events:none}.hex-cell span{padding:17px 5px}.hive-garden{padding-top:20px;padding-bottom:35px;min-height:260px}.hive-sentence{gap:2px;align-items:center;min-height:125px}.hive-sentence .sentence-hex{position:relative;display:grid;place-items:center;width:100px;height:112px;min-width:0;border:0;border-radius:0;padding:0;background:none;isolation:isolate;color:#a69b7a;font-size:20px}.sentence-hex svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:#fff8e5;stroke:#d9cba6;stroke-width:1.5}.sentence-hex b{font-weight:700;padding:15px 5px;line-height:1.5}.hive-sentence .sentence-hex.filled{background:none;color:#604a20;animation:collect .25s ease-out}.sentence-hex.filled svg{fill:#ffe6a3;stroke:#c9a14c}.hex-cell:hover:not(:disabled) svg{fill:#ffd672}.hex-cell:focus-visible{outline-offset:-3px}.hex-cell.wrong-cell svg{fill:#f7cba5;stroke:#b4764a}@media(max-width:600px){.hive-comb{--hex-w:82px;grid-auto-rows:69px}.hex-cell{height:92px;font-size:17px}.hive-sentence .sentence-hex{width:76px;height:86px;font-size:17px}.hive-sentence{min-height:99px;padding-left:8px;padding-right:8px}.hive-garden{padding-left:5px;padding-right:5px}.hive-sentence .sentence-hex b{padding:12px 3px}}
.phrase-victory .hive-sentence{gap:0;isolation:isolate}.phrase-victory .sentence-hex{margin-inline:-1px;animation:hive-lock .55s ease-out!important}.phrase-victory .sentence-hex svg{fill:#ffe186;stroke:#b68a20;stroke-width:2.2}.phrase-victory .hive-sentence{background:radial-gradient(ellipse at center,#ffe99175,transparent 70%)}.phrase-victory .hive-bee{z-index:2;animation:bee-win 1.8s ease-in-out 2!important}.phrase-victory .hex-cell:not(.gathered){animation:word-clear .55s ease-out forwards!important;animation-delay:calc(.5s + var(--clear-delay,0s))!important;pointer-events:none}.phrase-victory .hive-garden::after{content:'✦   ✧   ✦';position:absolute;top:10px;left:15%;right:15%;text-align:center;color:#b48b26;font-size:30px;letter-spacing:25px;pointer-events:none;animation:win-spark 1.5s ease-out 2}.hive-message{transition:background .2s}@keyframes hive-lock{0%{transform:translateY(8px);opacity:.5}100%{transform:translateY(0);opacity:1}}@keyframes word-clear{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.65);visibility:hidden}}@keyframes bee-win{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(65px,-12px) rotate(15deg)}50%{transform:translate(120px,15px) rotate(-12deg)}75%{transform:translate(50px,35px) rotate(12deg)}}@keyframes win-spark{0%{opacity:0;transform:scale(.8)}40%{opacity:1}100%{opacity:0;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.phrase-victory .hive-bee,.phrase-victory .sentence-hex,.phrase-victory .hive-garden::after{animation:none!important}.phrase-victory .hex-cell:not(.gathered){animation:none!important;visibility:hidden}}
.hive-paused .hive-bee,.hive-paused .hex-cell,.hive-paused .sentence-hex,.hive-paused .hive-garden::after{animation-play-state:paused!important}
.hive-sound-settings{margin:12px 24px;padding:12px 16px;border:1px solid #e3d9b8;border-radius:12px;background:#fffdf5;font-size:13px}.hive-sound-settings summary{cursor:pointer;font-weight:700}.hive-sound-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}.hive-sound-controls select{width:auto;min-width:110px}.hive-sound-controls input{width:150px;accent-color:#315d49}.hive-sound-settings .actions{margin-top:14px}
.hive-start-shell{position:relative;min-height:500px;overflow:hidden;border-radius:24px}.hive-start-preview{max-height:650px;overflow:hidden;opacity:.35;pointer-events:none;filter:blur(2px)}.hive-start-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:#fffdf2c9;z-index:8}.hive-start-overlay>div{max-width:420px;background:#fffef8;border:1px solid #e4dcb9;border-radius:24px;padding:30px}.hive-start-bee{font-size:64px}.hive-start-overlay h2{font-size:28px}