#hashi-app,#hashi-app *{box-sizing:border-box}body.color2 .wrapper{width:96%;max-width:890px}#hashi-app{margin:14px auto 28px;border:1px solid #444;background:#0b0b0b;box-shadow:0 8px 36px #c8a55e12;display:flex;flex-direction:column;min-height:78vh;position:relative;font-size:.95rem}.hashi-topbar,.hashi-toolbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#141414;border-bottom:1px solid #2d2d2d;flex-wrap:wrap}.hashi-topbar{background:#181818}.hashi-topbar .tb-left,.hashi-topbar .tb-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1 0;min-width:0}.hashi-topbar .tb-right{justify-content:flex-end}.hashi-topbar .tb-center{flex:0 1 auto;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.hashi-toolbar .tb-anchor-right{margin-left:auto}.level-label{color:#9a854f;white-space:nowrap;font-size:.85em}.puz-title{color:#c8a55e;font-weight:700;letter-spacing:1px}.solved-badge{color:#7ec27e;font-weight:700}.auth-slot .username{color:#c8a55e;font-size:.85em}.tb-sep{width:1px;align-self:stretch;background:#333;margin:0 4px}.hbtn{font:inherit;font-size:.85em;background:#1a1a1a;color:#c8a55e;border:1px solid #555;border-radius:3px;padding:5px 10px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.hbtn:hover:not(:disabled){border-color:gold;color:gold}.hbtn:active:not(:disabled){background:#222}.hbtn:disabled{opacity:.4;cursor:default}.hbtn.active{border-color:#c8a55e;background:#221d12;color:gold}.hbtn.icon{padding:5px 9px;font-weight:700}.hbtn.ghost{background:transparent;border-color:#444}.hbtn.danger{border-color:#8a4a4a;color:#d99}.hbtn.danger:hover:not(:disabled){border-color:#d66;color:#f0a0a0;background:#2a1414}.hbtn.signin-btn{border-color:#c8a55e}.hashi-stage{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px;gap:10px}.board-wrap{flex:1;width:100%;min-height:360px;display:flex;align-items:center;justify-content:center}.hashi-svg{max-width:100%;max-height:64vh;touch-action:none;-webkit-user-select:none;user-select:none}.board-hint{color:#7d7d7d;font-size:.8em;text-align:center;max-width:760px;line-height:1.5;min-height:1.4em}.board-hint.warn{color:#d9b36a}.grid-dots circle{fill:#2a2a2a}.editor-grid line{stroke:#232323;stroke-width:1}.bridge{stroke:#c8a55e;stroke-width:3.2;stroke-linecap:round}.bridge.wrong{stroke:#d96a6a}.bridge.missing{stroke:#4a3f28;stroke-width:2;stroke-dasharray:3 5}.bridge-hit{stroke:transparent;stroke-width:18;cursor:pointer}.drag-preview{stroke:#6a6a6a;stroke-width:3;stroke-dasharray:5 5;stroke-linecap:round}.drag-preview.valid{stroke:gold;stroke-dasharray:none;opacity:.85}.isl-c{fill:#121212;stroke:#c8a55e;stroke-width:2.2}.isl-c.done{stroke:#5f8f5f;fill:#0e150e}.isl-c.over{stroke:#d96a6a;fill:#170f0f}.isl-c.sel{stroke:gold;stroke-width:3}.isl-c.drop{stroke:gold}.isl-t{fill:#c8a55e;text-anchor:middle;dominant-baseline:middle;font-family:inherit;font-weight:700;pointer-events:none}.isl-t.done{fill:#8fbf8f}.isl-t.over{fill:#e89a9a}.ecell{cursor:cell}.ecell:hover{fill:#c8a55e0f}.ecell-input{width:100%;height:100%;text-align:center;font:inherit;font-weight:700;background:#1a1a1a;color:gold;border:1px solid #FFD700;border-radius:3px;outline:none;-webkit-box-shadow:0 0 0 1000px #1a1a1a inset;-webkit-text-fill-color:#FFD700}.hashi-panel{position:absolute;top:0;right:0;bottom:0;width:320px;max-width:86vw;background:#101010;border-left:1px solid #3a3a3a;overflow-y:auto;padding:0 0 16px;z-index:20;box-shadow:-10px 0 30px #00000080}.panel-head{position:sticky;top:0;background:#181818;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #333}.panel-head h3{margin:0;color:#c8a55e;font-size:1em}.panel-group{color:#8a7848;font-size:.75em;text-transform:uppercase;letter-spacing:1px;padding:12px 12px 4px;border-bottom:1px solid #222}.level-row{display:flex;gap:8px;align-items:baseline;padding:7px 12px;cursor:pointer;border-bottom:1px solid #1a1a1a}.level-row:hover:not(.locked){background:#1a1a1a}.level-row.current{background:#20190f}.level-row.locked{cursor:default;opacity:.5}.level-mark{width:1.1em;color:#7ec27e;text-align:center}.level-row .level-name{color:#c8a55e;font-size:.85em}.level-row.locked .level-name{color:#888}.panel-note{color:#6a6a6a;font-size:.72em;padding:12px;line-height:1.5;border-top:1px solid #222;margin-top:6px}.hashi-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.overlay-box{background:#111;border:1px solid #555;border-radius:4px;padding:16px 18px;max-width:560px;width:100%;box-shadow:0 10px 40px #0009}.overlay-box h3{margin:0 0 10px;color:#c8a55e}.overlay-help,.overlay-box p{color:#9a9a9a;font-size:.82em;line-height:1.5;margin:0 0 12px}.overlay-text{width:100%;font:inherit;font-size:.82em;resize:vertical;background:#1a1a1a;color:#c8a55e;border:1px solid #666;border-radius:3px;padding:8px;-webkit-box-shadow:0 0 0 1000px #1a1a1a inset;-webkit-text-fill-color:#C8A55E}.overlay-text:focus{border-color:gold;outline:none}.overlay-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.reveal-box .hbtn,.confirm-box .hbtn{display:block;width:100%;margin-bottom:8px;text-align:left;padding:9px 12px;font-size:.9em}.reveal-box .overlay-actions .hbtn,.confirm-box .overlay-actions .hbtn{width:auto;display:inline-block;text-align:center}#hashi-toast{position:absolute;left:50%;bottom:14px;transform:translate(-50%) translateY(20px);background:#1c1c1c;border:1px solid #C8A55E;color:#c8a55e;padding:9px 16px;border-radius:4px;font-size:.84em;max-width:80%;white-space:pre-wrap;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1100}#hashi-toast.show{opacity:1;transform:translate(-50%) translateY(0)}#hashi-toast.ok{border-color:#5f8f5f;color:#9fcf9f}#hashi-toast.warn{border-color:#b59a4a;color:#e0c878}#hashi-toast.bad{border-color:#b56a6a;color:#e9a8a8}.hbtn.info-btn{font-size:1.25em;line-height:1;padding:1px 5px}.hbtn.fav-btn{font-size:1.25em;line-height:1;color:#7a6f44;padding:1px 5px;margin-right:16px;border-color:#4a4530}.hbtn.fav-btn.on{color:#e0c060;border-color:#8a7838}.hbtn.fav-btn:hover:not(:disabled){color:gold}.hbtn.chk-ok{border-color:#5f8f5f;color:#8fbf8f}.hbtn.chk-ok:hover:not(:disabled){border-color:#7ec27e;color:#aedbae;background:#121a12}.hbtn.chk-bad{border-color:#b56a6a;color:#e09a9a}.hbtn.chk-bad:hover:not(:disabled){border-color:#d68a8a;color:#f0b8b8;background:#1a1212}.hbtn.mini{font-size:.78em;padding:2px 8px;margin-left:8px}.solved-badge{color:#7ec27e}.solved-badge.hints{color:#e0c060}.solved-badge.solution{color:#e0c060;border:1px solid #6a5e2c;padding:1px 7px;border-radius:3px;background:#211c0c}.level-mark.soft{color:#e0c060}.level-row .level-name{flex:1}.lv-fav{color:#4f4a30;cursor:pointer;font-size:.95em;padding:0 2px;flex:none}.lv-fav.on{color:#e0c060}.lv-fav:hover{color:gold}.board-hint.hinting{color:#d9b36a}.isl-c.hinted{stroke:#ffe27a;stroke-width:4;filter:drop-shadow(0 0 5px rgba(255,215,0,.6))}.overlay-check{display:flex;align-items:center;gap:8px;color:#9a9a9a;font-size:.82em;margin:4px 0 12px;cursor:pointer}.hcheck{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#000;border:1px solid #444;border-radius:2px;cursor:pointer;position:relative;flex:none}.hcheck:hover{border-color:#666}.hcheck:checked{border-color:gold}.hcheck:checked:after{content:"✓";position:absolute;top:-2px;right:0;bottom:0;left:1px;color:gold;font-size:12px;line-height:14px}.overlay-box.wide{max-width:760px;max-height:86vh;overflow-y:auto}.info-modal{color:#c8a55e}.info-h{color:gold;font-size:1.35em;margin:0 0 8px;letter-spacing:1px}.info-lead{color:#b9b9b9;font-size:.86em;line-height:1.55;margin:0 0 14px}.info-lead b,.info-modal p b,.info-list b{color:#c8a55e}.info-sub{color:gold;font-size:1.02em;margin:18px 0 5px}.info-modal p{color:#b9b9b9;font-size:.84em;line-height:1.55;margin:0 0 8px}.info-list{color:#b9b9b9;font-size:.84em;line-height:1.6;margin:0 0 8px;padding-left:18px}.info-list li{margin:3px 0}.info-modal a{color:#c8a55e}.info-modal a:hover{color:gold}.info-credit{color:#8f8f8f;font-size:.92em;border-top:1px solid #2a2a2a;padding-top:10px;margin-top:16px}.info-beta{color:#ff6b6b;text-shadow:0 0 7px rgba(255,60,60,.4)}.hashi-illo{display:block;width:100%;max-width:300px;height:auto;margin:6px 0 10px;background:#0e0e0e;border:1px solid #2a2a2a;border-radius:3px;padding:5px}.hashi-illo .il-dots circle{fill:#2a2a2a}.hashi-illo .il-c{fill:#121212;stroke:#c8a55e;stroke-width:2}.hashi-illo .il-t{fill:#c8a55e;font-family:monospace;font-weight:700;font-size:13px;text-anchor:middle;dominant-baseline:middle}.hashi-illo .il-b{stroke:#c8a55e;stroke-width:3;stroke-linecap:round}.hashi-illo .il-bad{stroke:#d96a6a;stroke-width:3;stroke-linecap:round}.hashi-illo .il-dash{stroke-dasharray:4 5}.hashi-illo .il-div{stroke:#333;stroke-width:1.5;stroke-dasharray:2 4}.hashi-illo .il-x circle{fill:#140808e0;stroke:#d96a6a;stroke-width:2}.hashi-illo .il-x line{stroke:#d96a6a;stroke-width:2.5;stroke-linecap:round}.info-illos{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 8px;align-items:flex-start}.info-illos figure{margin:0;flex:1 1 150px;max-width:250px;text-align:center}.info-illos figcaption{color:#8f8f8f;font-size:.76em;margin-top:-3px}@media (max-width: 600px){body.color2 .wrapper{width:100%;padding-left:5px;padding-right:5px}#hashi-app{font-size:.88rem;min-height:70vh}.hashi-topbar,.hashi-toolbar{padding:6px 8px;gap:6px}.hashi-topbar .tb-center{order:-1;flex:1 1 100%;margin-bottom:4px}.tb-sep{display:none}.hashi-svg{max-height:56vh}.hashi-panel{width:100%}}