@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--void:#06060a;--panel-bg:#08080eeb;--panel-border:#ffffff14;--panel-border-bright:#ffc85040;--amber:#f0b94a;--amber-dim:#f0b94a99;--amber-faint:#f0b94a1f;--text-primary:#ffffffe0;--text-secondary:#ffffff6b;--text-dim:#ffffff38;--mono:"Share Tech Mono", "Courier New", monospace;--serif:"Cormorant Garamond", Georgia, serif;--active-bg:#f0b94a26;--active-border:#f0b94a80}html,body{background:var(--void);width:100%;height:100%;font-family:var(--mono);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}#app{width:100%;height:100%}#hb-root{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}#hb-canvas{display:block;position:absolute;inset:0}#hb-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-top:1px solid var(--panel-border-bright);-webkit-backdrop-filter:blur(12px);z-index:10;flex-direction:column;gap:0;width:210px;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%);box-shadow:0 0 0 1px #000c,0 24px 64px #000000b3,inset 0 1px #ffffff0a}#hb-panel:before,#hb-panel:after{content:"";border-color:var(--amber-dim);border-style:solid;width:6px;height:6px;position:absolute}#hb-panel:before{border-width:1px 0 0 1px;top:-1px;left:-1px}#hb-panel:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}#hb-header{border-bottom:1px solid var(--panel-border);align-items:center;gap:10px;padding:14px 14px 12px;display:flex}#hb-logo{color:var(--amber);flex-shrink:0;font-size:20px;line-height:1;animation:3s ease-in-out infinite logo-pulse}@keyframes logo-pulse{0%,to{opacity:1;text-shadow:0 0 8px #f0b94a66}50%{opacity:.7;text-shadow:0 0 20px #f0b94acc}}#hb-title{flex-direction:column;gap:1px;display:flex}.title-main{letter-spacing:.18em;color:var(--amber);font-size:9.5px;font-weight:400;line-height:1}.title-sub{letter-spacing:.12em;color:var(--text-dim);font-size:7.5px;font-weight:400;line-height:1}.panel-section{border-bottom:1px solid var(--panel-border);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.section-label{letter-spacing:.22em;color:var(--text-dim);text-transform:uppercase;font-size:7px}#preset-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.preset-btn{font-family:var(--mono);border:1px solid var(--panel-border);color:var(--text-secondary);cursor:pointer;letter-spacing:.04em;text-align:center;background:0 0;padding:5px 2px;font-size:9px;transition:all .15s}.preset-btn:hover{background:var(--amber-faint);border-color:var(--amber-dim);color:var(--amber)}.preset-btn.active{background:var(--active-bg);border-color:var(--active-border);color:var(--amber)}#color-btns{flex-direction:column;gap:3px;display:flex}.mode-btn{font-family:var(--mono);border:1px solid var(--panel-border);color:var(--text-secondary);cursor:pointer;letter-spacing:.08em;text-align:left;text-transform:uppercase;background:0 0;padding:5px 8px;font-size:9px;transition:all .15s}.mode-btn:hover{background:var(--amber-faint);border-color:var(--amber-dim);color:var(--amber)}.mode-btn.active{background:var(--active-bg);border-color:var(--active-border);color:var(--amber)}#toggle-group{flex-direction:column;gap:8px;display:flex}.toggle-row{cursor:pointer;align-items:center;gap:8px;display:flex}.toggle-row input[type=checkbox]{display:none}.toggle-track{border:1px solid var(--panel-border);background:#ffffff14;border-radius:7px;flex-shrink:0;width:26px;height:14px;transition:all .2s;position:relative}.toggle-thumb{background:var(--text-dim);border-radius:50%;width:8px;height:8px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle-row input:checked+.toggle-track{background:var(--amber-faint);border-color:var(--active-border)}.toggle-row input:checked+.toggle-track .toggle-thumb{background:var(--amber);transform:translate(12px);box-shadow:0 0 6px #f0b94a99}.toggle-label{letter-spacing:.08em;color:var(--text-secondary);text-transform:uppercase;font-size:9px}.hint-list{flex-direction:column;gap:5px;display:flex}.hint-row{align-items:center;gap:8px;display:flex}.hint-key{border:1px solid var(--panel-border);color:var(--amber-dim);letter-spacing:.08em;text-transform:uppercase;text-align:center;background:#f0b94a0d;min-width:42px;padding:2px 5px;font-size:8px}.hint-desc{color:var(--text-dim);letter-spacing:.08em;font-size:8px}#hb-footer{flex-direction:column;gap:5px;padding:10px 14px;display:flex}.stat-row{justify-content:space-between;align-items:center;display:flex}.stat-label{letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;font-size:7px}.stat-val{color:var(--amber-dim);letter-spacing:.05em;font-size:9px}#tile-count{color:var(--amber);font-size:10px}@media (width<=640px){#hb-panel{border-top:1px solid var(--panel-border-bright);border-bottom:none;border-left:none;border-right:none;flex-flow:wrap;width:100%;max-height:50vh;inset:auto 0 0;overflow-y:auto;transform:none}.panel-section,#hb-header,#hb-footer{flex:160px;min-width:120px}}