html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1c1c1e;margin:0;padding:0;background:#f9f9fa}@media (prefers-color-scheme: dark){html,body{color:#f5f5f7;background:#141416}}:root{--hex-size: clamp(44px, 5vw, 60px);--border-size: 1px;--glass-bg: rgba(255, 255, 255, .08);--glass-brd: rgba(255, 255, 255, .25);--shadow: 0 8px 24px rgba(0,0,0,.25);--hairline: rgba(0,0,0,.06);--ring: rgba(255, 186, 0, .32);--blank-dot: rgba(0,0,0,.55)}@media (prefers-color-scheme: dark){:root{--hairline: rgba(255,255,255,.1);--ring: rgba(255, 196, 0, .38);--blank-dot: rgba(255,255,255,.7)}}.beehive{position:relative;min-height:100lvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;background-size:cover;background:radial-gradient(1200px 800px at 50% -200px,rgba(255,255,255,.65),transparent 65%),linear-gradient(to bottom,#f5f5f7,#e5e5ea),no-repeat,fixed}.title{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:600;letter-spacing:-.02em;margin:0;color:#1c1c1e}.logo-container{position:absolute;display:flex;justify-content:center;top:1rem;left:1rem;background:#e9e9e9;border-radius:1.2rem;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:0 4px 12px #0000001f,inset 0 1px #fff6;border:1px solid rgba(255,255,255,.7);transition:transform .2s ease,box-shadow .2s ease}.logo-icon{width:48px;height:48px;padding:8px}.logo-container:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 8px 24px #00000026}.help-button{position:absolute;color:#1c1c1e;top:1rem;right:1rem;padding:.45rem 1rem;border:1px solid rgba(255,255,255,.65);border-radius:14px;background:#ffffff8c;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);font-size:.9rem;cursor:pointer;box-shadow:0 6px 20px #00000014;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.help-button:hover,.help-button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 28px #0000001f;background:#ffffffb3;outline:none}.beehive-stage{position:relative;display:flex;flex-wrap:wrap;padding:clamp(20px,2vmin,40px);border-radius:24px;background:var(--glass-bg);width:calc(var(--hex-size) * 9 + var(--border-size) * 18 + var(--hex-size) * .5);box-shadow:inset 0 0 0 1px var(--glass-brd),var(--shadow)}.beehive.won .beehive-board,.beehive.not-started .beehive-board{filter:blur(8px) saturate(90%)}.beehive.not-started .beehive-stage .hex,.beehive.won .beehive-stage .hex{pointer-events:none}.hint-button,.clear-button,.reset-button{position:absolute;top:-2.6rem;padding:.45rem 1rem;border:1px solid rgba(255,255,255,.65);border-radius:14px;background:#ffffff8c;color:#1c1c1e;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);font-size:.9rem;cursor:pointer;box-shadow:0 6px 20px #00000014;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.clear-button{left:0}.reset-button{left:4.8rem}.hint-button{left:9.8rem}.hint-button:hover,.clear-button:hover,.reset-button:hover,.hint-button:focus-visible,.clear-button:focus-visible,.reset-button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 28px #0000001f;background:#ffffffb3;outline:none}.mode-switch{position:absolute;top:-2.85rem;right:0;display:flex;gap:6px;background:#ffffff8c;border:1px solid rgba(255,255,255,.65);border-radius:14px;padding:4px;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:0 6px 20px #00000014;z-index:5}.mode-btn{padding:.35rem .6rem;border-radius:10px;border:1px solid transparent;background:transparent;color:#1c1c1e;font-size:.85rem;cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease}.mode-btn:hover{transform:translateY(-1px)}.mode-btn.active{background:#fffffff2;border-color:#0000001f;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #0000000f;font-weight:600;color:#0f0f10}.hex-row{display:flex;align-items:center;width:max-content;margin-left:auto;margin-right:auto;margin-top:calc(var(--hex-size) * -.28935 + var(--border-size) * 2)}.hex-row:first-child{margin-top:0}.hex{position:relative;width:var(--hex-size);height:calc(var(--hex-size) * 1.1547);margin:0 var(--border-size);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);cursor:pointer;will-change:transform,filter;transition:transform .1s ease;isolation:isolate}.hex-inner{position:absolute;inset:0;background:var(--cell-color);border:1px solid var(--hairline);box-shadow:0 1px 2px #0000000f;z-index:1}.hex:hover,.hex:focus-visible{filter:brightness(1.1);z-index:1}.hex:active{filter:brightness(1.1);transform:scale(.92);z-index:1}.hex:focus-visible:after{content:"";position:absolute;inset:-6px;border-radius:16px;box-shadow:0 0 0 6px var(--ring);pointer-events:none}.hex.has-bee:before{content:"";position:absolute;inset:16%;background:center / contain no-repeat var(--bee);filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));z-index:2;pointer-events:none;animation:bee-pop .14s ease-out}.hex.has-bee.angry:before{background:center / contain no-repeat var(--bee-angry);animation:bee-pop .14s ease-out,bee-buzz 90ms linear .14s infinite alternate}.hex.has-blank:after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--hex-size) * .18);height:calc(var(--hex-size) * .18);transform:translate(-50%,-50%);border-radius:50%;background:var(--blank-dot);z-index:2;animation:dot-pop .12s ease-out;pointer-events:none}.hex.hint:after{content:"";position:absolute;inset:-6px;border-radius:16px;box-shadow:0 0 0 6px #0a84ff47;animation:hint-pulse .8s ease-in-out;pointer-events:none}@keyframes hint-pulse{0%{opacity:0;transform:scale(.98)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.hint-toast{margin-top:12px;padding:8px 12px;border-radius:12px;background:#ffffffb3;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 24px #0000001f,inset 0 1px #ffffffb3;font-size:.95rem;color:#1c1c1e;animation:toast-in .22s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.timer{position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:.35rem .8rem;border-radius:12px;background:#fff9;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:0 6px 20px #00000014;font-weight:600;letter-spacing:.02em}.start-overlay,.win-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:8;background:radial-gradient(700px 420px at 50% -100px,rgba(255,255,255,.35),transparent 60%),#00000014;animation:overlay-in .24s ease forwards}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.start-card,.win-card{background:#ffffffa6;border:1px solid rgba(255,255,255,.6);box-shadow:0 12px 32px #0000002e,inset 0 1px #ffffffb3;border-radius:20px;padding:20px 24px;text-align:center;transform:translateY(6px) scale(.98);animation:card-in .28s cubic-bezier(.2,.8,.2,1) forwards}@keyframes card-in{to{transform:translateY(0) scale(1)}}.start-title{margin:0 0 10px;font-weight:700;letter-spacing:-.01em;font-size:1.35rem;color:#1c1c1e}.start-button,.win-button{padding:.6rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.7);background:#ffffffd9;box-shadow:0 8px 22px #0000001f;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;font-weight:600}.start-button:hover,.win-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #00000029}.win-emoji{font-size:2rem;line-height:1;margin-bottom:6px}.win-title{margin:0;font-weight:700;letter-spacing:-.01em;font-size:1.4rem;color:#1c1c1e}.win-sub{margin:6px 0 14px;color:#3a3a3c;font-size:.95rem}.win-time{margin:6px 0 14px;font-weight:600;color:#1c1c1e}@media (prefers-color-scheme: dark){.beehive{background:radial-gradient(1200px 800px at 50% -200px,rgba(255,255,255,.05),transparent 65%),linear-gradient(to bottom,#0d0d0f,#151518),no-repeat,fixed}.title{color:#f5f5f7}.help-button{border-color:#fff3;background:#1e1e2066;color:#f5f5f7;box-shadow:0 8px 24px #0006}.mode-switch{background:#1e1e2059;border-color:#ffffff24;box-shadow:0 8px 24px #0006}.mode-btn{color:#f5f5f7}.mode-btn.active{background:transparent;border-color:#ffffff47;box-shadow:inset 0 0 0 1px #ffffff14;color:#efefef}.hint-button,.clear-button,.reset-button{border-color:#fff3;background:#1e1e2066;color:#f5f5f7;box-shadow:0 8px 24px #0006}.hint-toast{background:#1c1c1eb3;border:1px solid rgba(255,255,255,.08);color:#f5f5f7;box-shadow:0 12px 32px #00000073,inset 0 1px #ffffff0f}.timer{background:#1c1c1eb3;border-color:#ffffff14;color:#f5f5f7;box-shadow:0 12px 32px #00000073,inset 0 1px #ffffff0f}.start-overlay,.win-overlay{background:radial-gradient(700px 420px at 50% -100px,rgba(255,255,255,.06),transparent 60%),#0000006b}.start-card,.win-card{background:#1c1c1ea6;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #00000080,inset 0 1px #ffffff0f}.start-title,.win-title,.win-time{color:#f5f5f7}.win-sub{color:#d1d1d6}}@keyframes dot-pop{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes bee-buzz{0%{transform:translate(-.6px) rotate(-1.2deg) scale(1)}to{transform:translate(.6px) rotate(1.2deg) scale(1)}}@keyframes bee-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.beehive.dance .hex.has-bee:before{animation:bee-pop .14s ease-out,celebrate .3s ease-in-out .14s infinite alternate}@keyframes celebrate{0%{transform:translateY(-1px) rotate(-1deg) scale(1)}to{transform:translateY(1px) rotate(1deg) scale(1.02)}}@media (max-width: 600px){.beehive{min-height:110lvh}@media (display-mode: standalone){.beehive{margin-top:2rem}}}