@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:dark;--bg: #05070f;--surface: #0d1324;--surface-muted: #111a30;--text: #e6edf7;--muted: #98a2b3;--border: #1c2742;--primary: #7bb3ff;--primary-strong: #5a8eff;--danger: #f06a87;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow: 0 14px 30px rgba(2, 6, 18, .45);--max-width: 1080px;--zip-path: #46b637;--zip-path-light: #d4f1c9;--zip-path-active: #c2eaa9;--zip-stroke: 26px;--zip-node: 30px}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Sora,system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(circle at top,#101833,#05070f 55%);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:120px 120px;opacity:.35}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#080c18d9;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:16px}.brand-dot{width:32px;height:32px;border-radius:12px;background:radial-gradient(circle at top,#7bb3ff,#3b5fcc)}.topbar-stats{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topbar-chip{background:#141c2bcc;border:1px solid var(--border);border-radius:999px;padding:6px 12px;display:inline-flex;align-items:baseline;gap:8px}.topbar-chip-label{font-size:12px;color:var(--muted)}.topbar-chip-value{font-size:14px;font-weight:600;color:var(--text)}.tabs{display:flex;gap:8px}.tab{border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 14px;border-radius:999px;min-height:44px;cursor:pointer}.tab.active{background:#7bb3ff33;color:var(--text);border-color:#7bb3ff66}.page{max-width:var(--max-width);width:100%;margin:32px auto 80px;padding:0 24px 40px}.view-header h1{margin:0 0 8px;font-size:28px;font-weight:600}.view-header p{margin:0 0 24px;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start;min-width:0}.panel{background:var(--surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border)}.side-panel{display:flex;flex-direction:column;gap:12px}.panel-actions{display:flex;gap:10px;margin-top:16px}.panel-actions.vertical{flex-direction:column}button.primary,button.secondary{flex:1;padding:10px 12px;border-radius:12px;font-weight:600;cursor:pointer;border:1px solid transparent;min-height:44px}button.primary{background:var(--primary);color:#0b1120}button.primary:hover{background:var(--primary-strong)}button.secondary{background:var(--surface-muted);color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:#15223b}.panel-status{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--surface-muted);border:1px solid var(--border);font-size:13px;color:var(--muted)}.panel-puzzle-name{margin-top:8px;padding:10px 12px;border-radius:12px;background:#7bb3ff14;border:1px solid rgba(123,179,255,.3);color:var(--text);font-size:12px;line-height:1.35;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere}.panel-status.ok{background:#2e7d5a33;border-color:#52c48899;color:#b6f1d1}.panel-status.warn{background:#be821833;border-color:#f5be5f99;color:#f7d499}.panel-status.error{background:#8c282840;border-color:#f8717199;color:#f9b0b0}.success-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0}.success-message{font-size:14px;color:#c9f2da}.cta-large{background:linear-gradient(135deg,#7bb3ff,#56f0c2);color:#05131f;border:none;padding:14px 22px;font-weight:700;border-radius:14px;width:100%;max-width:220px;cursor:pointer}.cta-large:hover{background:linear-gradient(135deg,#5a8eff,#4bd8ab)}.board{background:var(--surface);border-radius:var(--radius-lg);padding:18px;border:1px solid var(--border);box-shadow:var(--shadow);min-height:420px;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;overflow:hidden}.grid{width:min(100%,520px);display:grid;gap:0;border:3px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;margin-inline:auto;aspect-ratio:1 / 1;touch-action:none;user-select:none;-webkit-user-select:none}.cell{border:1.5px solid rgba(4,7,16,.7);border-radius:0;aspect-ratio:1 / 1;min-width:0;min-height:0;font-size:clamp(18px,4.5vw,24px);font-weight:700;color:#0b0f1a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease}.cell.blocked{background:#0e131d;color:#0b0f1a;text-shadow:0 0 3px rgba(255,255,255,.65);cursor:not-allowed}.cell.given{box-shadow:inset 0 0 0 2px #0000004d}.cell.queen{color:#0b0f1a;font-size:clamp(24px,6vw,30px)}.cell.mark{color:#0b0f1a;font-weight:600}.cell.conflict{border-color:#e26b6b;box-shadow:0 0 0 2px #e26b6b4d}.zip-grid{width:min(100%,520px);display:grid;gap:0;border:3px solid rgba(255,255,255,.18);border-radius:24px;overflow:hidden;background:#fff;margin-inline:auto;aspect-ratio:1 / 1;touch-action:none;user-select:none;-webkit-user-select:none}.zip-cell{border:1.5px solid #6f7a89;aspect-ratio:1 / 1;min-width:0;min-height:0;background:#fff;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:none;background-repeat:no-repeat}.zip-cell.path{background:var(--zip-path-light)}.zip-cell.active{background:var(--zip-path-active)}.zip-cell.has-number .zip-number{position:relative;z-index:1}.zip-number{width:clamp(22px,8vw,34px);height:clamp(22px,8vw,34px);border-radius:999px;background:#111;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(11px,3vw,15px)}.zip-number.active{box-shadow:0 0 0 4px var(--zip-path)}.zip-cell.wall-top{border-top:4px solid #000000}.zip-cell.wall-right{border-right:4px solid #000000}.zip-cell.wall-bottom{border-bottom:4px solid #000000}.zip-cell.wall-left{border-left:4px solid #000000}.placeholder{min-height:320px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}@media (max-width: 900px){.layout{grid-template-columns:1fr}.tabs{flex-wrap:wrap;justify-content:flex-end}}@media (max-width: 640px){:root{--zip-stroke: 18px;--zip-node: 20px}.topbar{padding:10px 12px;gap:8px;align-items:center}.topbar-stats{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:6px;padding-bottom:2px}.topbar-stats::-webkit-scrollbar{display:none}.topbar-chip{padding:4px 8px;gap:6px;white-space:nowrap;flex:0 0 auto}.topbar-chip-label{font-size:11px}.topbar-chip-value{font-size:13px}.tabs{width:auto;flex-wrap:nowrap;gap:6px;flex:0 0 auto}.tab{flex:0 0 auto;min-height:36px;padding:8px 12px}.page{margin-top:20px;padding:0 14px 120px}.view-header h1{font-size:24px}.layout{gap:16px}.board{min-height:0;padding:10px}.grid,.zip-grid{border-width:2px;border-radius:14px}.cell,.zip-cell{border-width:1px}.zip-cell.wall-top{border-top-width:3px}.zip-cell.wall-right{border-right-width:3px}.zip-cell.wall-bottom{border-bottom-width:3px}.zip-cell.wall-left{border-left-width:3px}}