@font-face{font-family:Nunito;src:url(/hexbind/assets/Nunito-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{background:#f7f5ed}.faithful-game{--bg: #f7f5ed;--card: #faf7f2;--button: #ebe6de;--hover: #dbd6cc;--ink: #403d38;--subtle: #8c8780;--button-ink: #4d4742;--hex-empty: #f0ede6;--hex-border: #ccc7bf;--anchor-border: #59544d;position:relative;width:100%;height:100%;min-height:240px;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Nunito,sans-serif;font-weight:800;font-synthesis:none;line-height:1.2;user-select:none;-webkit-user-select:none}.faithful-game.dark{--bg: #1f1f24;--card: #29292e;--button: #383840;--hover: #47474f;--ink: #e0ded9;--subtle: #94918c;--button-ink: #d9d6d1;--hex-empty: #333338;--hex-border: #59575c;--anchor-border: #948f8a}.faithful-game button,.faithful-game a{-webkit-tap-highlight-color:transparent}.faithful-game button{border:0;border-radius:8px;padding:10px 24px;background:var(--button);color:var(--button-ink);font:inherit;font-size:16px;line-height:1.2;cursor:pointer}.faithful-game button:hover{background:var(--hover)}.faithful-game button:active{filter:brightness(.96)}.faithful-game button:disabled{opacity:.5;cursor:wait}.faithful-game button:focus-visible,.faithful-game a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.faithful-game h1,.faithful-game h2,.faithful-game p{margin:0;font:inherit}.faithful-game a{color:#3373bf;font-size:14px;text-decoration:none;cursor:pointer}.faithful-game a:hover{text-decoration:underline}.original-ui{position:absolute;inset:0 auto auto 0;transform-origin:top left;pointer-events:none}.original-ui button,.original-ui a,.modal-scrim,.error-note{pointer-events:auto}.original-icon{display:inline-block;flex-shrink:0;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.original-hud{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 14px 6px}.original-hud.playing-hud{display:flex;justify-content:space-between;align-items:start}.hud-title{display:flex;flex-direction:column;align-items:center}.hud-title h1{font-size:22px;line-height:1.2}.hud-stats{display:flex;gap:6px;align-items:center;padding-top:1px}.stat{display:inline-flex;align-items:center;gap:3px;font-size:13px}.stat span:not(.original-icon){color:var(--ink)}.fire{font-size:14px;color:#f06b38}.medal-0{color:#d98c61}.medal-1{color:#b8b8c2}.medal-2{color:#f5d178}.hud-actions{display:flex;justify-content:flex-end;gap:8px}.faithful-game .icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border-radius:6px;color:#666159}.faithful-game.dark .icon-button{color:#c7c2bd}.faithful-game .moon-button{color:#000}.faithful-game.dark .moon-button{color:#fff}.faithful-game .icon-button:hover{background:var(--button)}.icon-button.is-off{opacity:.65}.session-stats{display:flex;gap:16px;margin-top:2px;font-size:15px;line-height:1;color:var(--subtle)}.session-stats>span{display:flex;align-items:center;gap:4px}.session-stats time{font-variant-numeric:tabular-nums}.browser-menu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.menu-streak{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:22px;white-space:nowrap}.menu-streak .original-icon{color:#f06b38}.browser-menu h2{font-size:28px;margin-bottom:2px;white-space:nowrap}.countdown{font-size:15px!important;color:var(--subtle);margin-bottom:18px!important;white-space:nowrap}.faithful-game .difficulty-button{position:relative;width:200px;padding:14px 28px;border-radius:12px;font-size:18px;margin-bottom:6px}.difficulty-button .original-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.unearned{color:#99948c;opacity:.35}.menu-footer{position:absolute;bottom:16px;left:0;right:0;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.faithful-game .text-link{font-size:14px;padding:8px 12px;background:transparent;color:var(--subtle)}.faithful-game .text-link:hover{color:var(--ink)}.faithful-game .back-button{position:absolute;left:18px;bottom:18px;width:36px;height:36px;padding:4px;background:transparent;color:var(--ink);display:grid;place-items:center}.faithful-game .result-button{position:absolute;left:50%;bottom:24px;transform:translate(-50%);border-radius:10px;padding:12px 24px}.hex-board{position:absolute;inset:0;width:100%;height:100%;touch-action:none;overflow:visible}.hex-board text{font-family:Nunito,sans-serif;font-weight:800;text-anchor:middle;dominant-baseline:central;pointer-events:none}.hex-board g{cursor:default}.hex-board [data-group]:not([data-group=""]){cursor:grab}.hex-board:active [data-group]:not([data-group=""]){cursor:grabbing}.hex-spawn{animation:hex-spawn .3s cubic-bezier(.175,.885,.32,1.275) both}.hex-pulse{animation:hex-pulse .15s ease-in-out}.hex-win{animation:hex-win .35s ease-in-out}@keyframes hex-spawn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes hex-pulse{50%{transform:scale(1.18)}}@keyframes hex-win{50%{transform:scale(1.2)}}.paint-particles,.paint-particle,.win-particle{pointer-events:none}.paint-particle{animation:particle .4s linear both}.win-particle{animation:particle 1s linear both}@keyframes particle{0%{transform:translate(0) scale(1)}25%{transform:translate(var(--p25)) scale(.75)}50%{transform:translate(var(--p50)) scale(.5)}75%{transform:translate(var(--p75)) scale(.25)}to{transform:translate(var(--p100)) scale(0)}}.modal-scrim{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#0007;z-index:10}.modal-card{display:flex;flex-direction:column;align-items:center;background:var(--card);border-radius:16px;padding:28px 32px 24px;gap:14px;max-width:380px;max-height:90%;overflow:auto;text-align:center}.modal-card h2{font-size:22px}.modal-card p{white-space:pre-line}.modal-card>p{font-size:14px}.modal-card>button{padding:10px 28px;margin-top:4px}.button-row{display:flex;align-items:center;justify-content:center;gap:16px}.prompt{background:#0006}.prompt .modal-card{padding:32px;gap:16px;max-width:320px;border-radius:16px;background:#faf7f2;color:#4d4742}.prompt .modal-card p{font-size:18px}.prompt button,.tutorial button{background:#ebe6de;color:#4d4742;white-space:nowrap}.tutorial{background:#00000059}.tutorial .modal-card{max-width:340px;padding:28px;gap:16px;background:#faf7f2;color:#4d4742}.tutorial p{text-align:left;font-size:15px}.help .modal-card p{text-align:left;max-width:316px}.credits{background:#0006}.credits .modal-card{max-width:340px;padding:32px;gap:14px}.credits h2{font-size:26px}.credits p{font-size:16px}.credits a{padding:2px 4px;margin-top:6px}.credits button{margin-top:8px}.victory .modal-card{border-radius:20px;min-width:280px;max-width:95%;padding:32px 44px;gap:6px}.victory h2{font-size:24px}.victory-medal{display:flex;align-items:center;gap:6px;font-size:20px}.victory-medal span:not(.original-icon){color:var(--ink)}.victory-medal.medal-0{color:#cc8033}.victory-medal.medal-1{color:#bfbfc7}.victory-medal.medal-2{color:#ffd600}.victory-streak{display:flex;align-items:center;gap:6px;font-size:16px;color:var(--subtle)}.victory-streak .original-icon{color:#e08059}.victory-stats{display:flex;align-items:center;gap:16px;padding-top:8px;font-size:18px}.victory-stats span,.medal-totals{display:flex;align-items:center;gap:6px}.blue{color:#598ce6}.green{color:#66bf73}.medal-totals{font-size:16px;color:var(--subtle);white-space:pre}.victory .challenge-caption{padding-top:6px;font-size:14px;color:var(--subtle)}.victory .website{font-size:13px;color:var(--subtle);padding-bottom:4px}.victory .button-row{gap:10px;margin-top:8px}.victory button{font-size:15px;padding:10px 16px;white-space:nowrap}.victory .score-status{max-width:310px;padding-top:8px;font-size:12px;color:var(--subtle)}.original-toast{position:absolute;z-index:40;left:50%;bottom:80px;transform:translate(-50%);border-radius:8px;padding:8px 18px;color:#fff;background:#262626d9;font-size:14px;text-align:center;max-width:90%}.loading-note{position:absolute;top:68px;left:50%;transform:translate(-50%);font-size:14px;color:var(--subtle)}.error-note{position:absolute;bottom:60px;left:50%;transform:translate(-50%);border-radius:12px;padding:20px;background:var(--card);display:flex;align-items:center;gap:12px}.feed-preview{position:absolute;inset:30px 0 24%;pointer-events:none}.feed-cta{position:absolute;left:50%;bottom:50px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;white-space:nowrap}.feed-cta>p{color:var(--subtle);font-size:14px}.feed-cta .button-row{gap:10px}.leaderboard .modal-card{width:400px;max-width:90%}.leaderboard ol{list-style:none;margin:0;padding:0;width:100%;max-height:300px;overflow:auto}.leaderboard li{display:flex;justify-content:space-between;gap:24px;padding:8px 0;font-size:14px}.leaderboard time{font-variant-numeric:tabular-nums}.subtle{color:var(--subtle)}.ranking-note{position:absolute;bottom:22px;right:24px;max-width:65%;font-size:12px!important;color:var(--subtle);text-align:right}@media(prefers-reduced-motion:reduce){.hex-spawn,.hex-pulse,.hex-win,.paint-particle,.win-particle{animation:none}.paint-particles,.win-particle{display:none}}html,body,#root{min-height:100%;height:auto;overflow:auto}body{background:#f7f5ed;color:#403d38;font-family:Nunito,system-ui,sans-serif;font-weight:800}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,svg g:focus-visible{outline:3px solid #27786d;outline-offset:4px}.browser-shell{min-height:100dvh;display:flex;flex-direction:column}.browser-shell button{border:1px solid #d6d3c7;border-radius:9px;background:#fffdf8;color:#403d38;padding:11px 17px}.browser-shell button:hover:not(:disabled){background:#ece9df}.browser-shell .primary{background:#345c50;color:#fff;border-color:#345c50}.browser-shell .primary:hover:not(:disabled){background:#26483d}.browser-shell a{color:inherit}.site-header{min-height:66px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd0;background:#f0eee5}.catchy-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:16px}.brand-mark{display:grid;place-items:center;background:#403d38;color:#f7f5ed;width:33px;height:33px;border-radius:10px;font-size:28px;line-height:1}.account-actions{display:flex;align-items:center;gap:18px;font-size:13px}.account-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-actions a{font-size:12px}.game-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1180px,90%);margin:26px auto 0;padding-bottom:24px;border-bottom:1px solid #dedbd0}.game-wordmark{font-size:32px;letter-spacing:-1.5px;line-height:1;text-decoration:none}.game-wordmark span{display:block;font-size:8px;letter-spacing:2px;margin-top:10px;color:#898378}.nav-tabs{display:flex;gap:7px}.browser-shell .nav-tabs button{border-color:transparent;background:transparent;font-size:14px;color:#817b70}.browser-shell .nav-tabs button[aria-current=page]{background:#e5e9de;color:#345c50}.browser-content{flex:1;width:min(1180px,90%);margin:0 auto;padding:40px 0 52px}.browser-content.daily-content{padding:0}.daily-frame{height:calc(100dvh - 230px);min-height:570px;max-height:950px;width:100%}.daily-frame .faithful-game button{border:0}.daily-frame .faithful-game{border-radius:16px}.daily-frame .faithful-game a{color:#3373bf}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:2px;color:#888274;margin:0 0 12px}:where(.browser-shell) h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1px;line-height:1.15;margin:0 0 12px}:where(.browser-shell) h2{font-size:18px;letter-spacing:-.3px}:where(.browser-shell) h3{font-size:21px;line-height:1.25;overflow-wrap:anywhere}.section-heading p:not(.eyebrow),.hint,.publish-bar p,.empty-state p{color:#858075;font-size:13px;line-height:1.7;margin:0;max-width:620px}.section-heading>button{flex-shrink:0}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.collection-heading button{font-size:12px}.puzzle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.browser-shell .puzzle-card{text-align:left;overflow:hidden;padding:0;background:#fdfbf6;border-color:#dedacd;border-radius:16px;transition:transform .18s}.browser-shell .puzzle-card:hover{transform:translateY(-3px);background:#fffdf8}.card-art{height:165px;display:flex;align-items:center;justify-content:center;font-size:88px;letter-spacing:-13px;background:#e8ebdf;color:#6a8b5b}.card-art span:nth-child(2){transform:translateY(-14px);color:#caaf58}.card-art span:nth-child(3){color:#d58072}.art-1{background:#ede4dd}.art-2{background:#e3e9ec}.card-content{padding:23px}.card-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#958f81}.card-content h3{margin:15px 0 5px}.card-content p{font-size:12px;color:#8d877b;margin:0}.card-play{display:block;color:#345c50;font-size:13px;margin-top:24px}.empty-state{border:1px dashed #ccc8ba;border-radius:18px;text-align:center;padding:45px 20px}.empty-state p{margin:0 auto 20px}.empty-hex{font-size:56px;color:#99ab88}.empty-state h2{margin:8px 0 10px}.site-footer{width:min(1180px,90%);margin:auto auto 0;padding:21px 0;border-top:1px solid #dedbd0;display:flex;justify-content:space-between;color:#918b7f;font-size:11px;gap:20px}.site-footer a{color:#655e51;text-decoration:none}.account-notice{background:#f2e9d6;padding:12px 5%;font-size:12px}.account-notice button{padding:4px 10px;margin-left:10px}.notice{border-radius:10px;padding:16px 20px;background:#eee9dd;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.notice.error{background:#f6e0d9;color:#8b3e2b}.notice.success{background:#e3ebdb;color:#345c50}.notice button{margin-left:12px}.load-more{text-align:center;margin-top:25px}.editor-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}.editor-controls{background:#fffdf8;border:1px solid #dedacd;border-radius:15px;padding:22px;align-self:start}.field{display:flex;flex-direction:column;gap:9px;font-size:12px}.field input,.field select{min-width:0;width:100%;border:1px solid #d6d1c4;border-radius:8px;background:#f7f5ed;color:#403d38;padding:11px 12px;font-size:13px}.editor-controls fieldset{border:0;padding:0;margin:24px 0}.editor-controls legend{font-size:12px;margin-bottom:12px}.color-tools{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.browser-shell .color-tools button{padding:0;height:32px;border:2px solid transparent;border-radius:50%;color:#fff;font-size:11px}.browser-shell .color-tools button.selected{outline:2px solid #403d38;outline-offset:3px}.tool-options{display:grid;gap:7px}.tool-options button{text-align:left;font-size:12px}.browser-shell .tool-options button[aria-pressed=true]{background:#e5e9de;border-color:#6e8876;color:#345c50}.editor-controls .hint{font-size:11px;margin:20px 0}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-actions button{font-size:12px}.inline-confirm{padding:12px;border:1px solid #d8cbbb;border-radius:8px;font-size:12px;line-height:1.5;margin-top:12px}.inline-confirm button{font-size:12px;padding:6px 10px;margin:5px 5px 0 0}.editor-canvas{border:1px solid #dedacd;background:#f2f0e7;border-radius:15px;min-width:0;align-self:start}.canvas-caption{display:flex;justify-content:space-between;padding:18px 22px;font-size:9px;letter-spacing:1.5px;color:#8b8577}.design-board{width:100%;display:block;max-height:600px;touch-action:manipulation}.design-board g{cursor:pointer}.design-board g:hover polygon{stroke:#403d38;stroke-width:2}.design-board text{pointer-events:none}.save-indicator{font-size:10px;color:#6e8461;white-space:nowrap}.publish-bar{margin-top:24px;border:1px solid #d4d9cc;border-radius:12px;padding:22px;background:#ecefe4;display:flex;align-items:center;justify-content:space-between;gap:20px}.publish-bar strong{font-size:14px}.publish-bar p{font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center;margin:35px 0}.detail-grid h1{overflow-wrap:anywhere}.detail-grid p:not(.eyebrow){font-size:14px;color:#8b8478}.detail-stats{margin:28px 0}.large-button{padding:15px 28px!important}.detail-preview{height:440px;border-radius:20px;background:#eeece2}.detail-preview .hex-board{width:100%;height:100%}.share-block{margin-top:28px;display:flex;align-items:flex-end;gap:10px}.share-block label{flex:1;min-width:0}.share-block button{font-size:12px;white-space:nowrap}.owner-actions{margin-top:20px}.owner-actions>button,.browser-shell .back-link{background:transparent;border:0;padding:0;font-size:12px;text-decoration:underline;color:#827565}.player-tools{display:flex;align-items:center;justify-content:space-between;font-size:14px}.player-tools button{font-size:12px}.community-player .section-heading{margin-bottom:20px}.community-player>.hint{margin-top:16px}.community-board{height:min(65dvh,670px);min-height:350px;margin-top:12px;border-radius:18px}.community-board .hex-board{width:100%;height:100%}.solved-banner{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#e4ecd9;border-radius:12px;padding:20px;margin-top:16px}.solved-banner span{font-size:12px;color:#526745}.solved-banner button{font-size:12px}@media(max-width:800px){.game-nav{align-items:flex-start;flex-direction:column;gap:18px;margin-top:20px}.nav-tabs{width:100%;gap:2px}.browser-shell .nav-tabs button{padding:10px 12px;font-size:12px;flex:1;white-space:nowrap}.game-wordmark span{display:inline;font-size:7px;letter-spacing:1px;margin-left:16px}.game-wordmark{font-size:28px}.browser-content{padding-top:28px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}.puzzle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:210px minmax(0,1fr);gap:14px}.editor-controls{padding:16px}.publish-bar{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-preview{height:320px;grid-row:1}.site-footer{font-size:10px}.daily-frame{height:calc(100dvh - 260px);min-height:500px}.solved-banner{flex-wrap:wrap}}@media(max-width:560px){.site-header{min-height:58px}.catchy-brand{font-size:13px}.account-actions{gap:10px;font-size:11px}.account-name{max-width:110px}.game-nav,.browser-content,.site-footer{width:92%}.browser-shell .nav-tabs button{font-size:11px;padding:10px 7px}.puzzle-grid{grid-template-columns:1fr}.card-art{height:150px}.editor-layout{display:flex;flex-direction:column}.editor-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-controls fieldset{margin:0}.editor-controls .hint{margin:0;grid-column:1/-1}.editor-controls .inline-actions,.editor-controls .inline-confirm{grid-column:1/-1}.color-tools{gap:5px}.browser-shell .color-tools button{height:27px;font-size:9px}.tool-options{gap:4px}.tool-options button{font-size:11px;padding:8px}.editor-canvas{width:100%}.canvas-caption{padding:16px;font-size:8px}.share-block{flex-wrap:wrap}.share-block label{flex-basis:100%}.community-board{min-height:300px}.site-footer{flex-direction:column;gap:10px}.section-heading h1{font-size:28px}.community-player .section-heading h1{font-size:23px}.daily-frame{min-height:520px}}@media(prefers-reduced-motion:reduce){.puzzle-card{transition:none!important}}.editor-board-scroll{overflow:auto;max-height:680px;border-radius:0 0 15px 15px}.editor-board-scroll .design-board{max-height:none;max-width:none}.zoom-control{display:flex;align-items:center;gap:10px;padding:0 22px 12px;font-size:11px;color:#827b6d}.zoom-control input{width:110px;accent-color:#345c50}.zoom-control span{font-size:10px}