:root{--bg: #09091a;--bg-1: #0f0f24;--bg-2: #161630;--bg-3: #1e1e3c;--border: #2e2e56;--border-dim: #1e1e3a;--text: #dddcf8;--text-2: #9090bb;--text-3: #55557a;--gold: #e8a020;--gold-dim: rgba(232,160,32,.12);--gold-glow: rgba(232,160,32,.25);--green: #3dcc7c;--green-dim: rgba(61,204,124,.12);--green-glow: rgba(61,204,124,.3);--red: #e8405a;--red-dim: rgba(232,64,90,.15);--font-title: "Cinzel", serif;--font-body: "Outfit", sans-serif;--font-mono: "DM Mono", monospace;--cell: 92px;--label-w: 72px;--shell-px: 16px;--grid-w: calc(var(--label-w) + 5 * var(--cell) + 5 * 4px);--radius: 10px;--radius-sm: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100dvh;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}button{cursor:pointer;border:none;background:none;font:inherit}.shell{max-width:calc(var(--grid-w) + 2 * var(--shell-px));margin:0 auto;padding:20px var(--shell-px) 48px;display:flex;flex-direction:column;gap:28px}.header{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:baseline;gap:12px}.title{font-family:var(--font-title);font-size:1.7rem;font-weight:700;letter-spacing:.18em;color:var(--gold);text-shadow:0 0 24px var(--gold-glow)}.subtitle{font-size:.75rem;font-weight:300;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}.puzzle-num{font-family:var(--font-mono);font-size:.75rem;color:var(--text-3);letter-spacing:.04em;cursor:pointer;border-bottom:1px dotted var(--text-3)}.puzzle-num:hover{color:var(--text-2);border-bottom-color:var(--text-2)}.seed-input{font-family:var(--font-mono);font-size:.75rem;color:var(--text);background:var(--bg-3);border:1px solid var(--gold);border-radius:var(--radius-sm);padding:2px 6px;width:90px;outline:none;letter-spacing:.04em}.seed-input::-webkit-outer-spin-button,.seed-input::-webkit-inner-spin-button{-webkit-appearance:none}.seed-input[type=number]{-moz-appearance:textfield}.btn{font-family:var(--font-body);font-weight:500;font-size:.85rem;padding:9px 20px;border-radius:var(--radius-sm);transition:opacity .15s,transform .1s,box-shadow .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gold);color:#0d0b00;font-weight:600;box-shadow:0 2px 16px var(--gold-dim)}.btn-primary:hover{opacity:.9;box-shadow:0 4px 24px var(--gold-glow)}.btn-ghost{background:var(--bg-3);color:var(--text-2);border:1px solid var(--border-dim);font-size:.8rem;padding:7px 14px}.btn-ghost:hover{border-color:var(--border);color:var(--text)}.btn-help{width:32px;height:32px;padding:0;border-radius:50%;font-size:.85rem;display:flex;align-items:center;justify-content:center}.header-right{display:flex;align-items:center;gap:10px}.diff-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:20px;border:1px solid var(--border-dim);background:var(--bg-3);color:var(--text-3)}.diff-badge-easy{color:#4dcc88;border-color:#4dcc8840;background:#4dcc8812}.diff-badge-medium{color:#60b4ff;border-color:#60b4ff40;background:#60b4ff12}.diff-badge-hard{color:var(--red);border-color:#ff5c5c40;background:#ff5c5c12}.new-puzzle-card{gap:8px;min-width:260px}.new-puzzle-title{font-family:var(--font-title);font-size:1.1rem;letter-spacing:.12em;color:var(--text)}.new-puzzle-sub{font-size:.82rem;color:var(--text-3);margin-bottom:4px}.diff-options{display:flex;flex-direction:column;gap:8px;width:100%}.diff-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;border:1px solid var(--border-dim);border-radius:var(--radius-sm);background:var(--bg-3);text-align:left;transition:border-color .15s,background .15s;cursor:pointer}.diff-option:hover{border-color:var(--border);background:var(--bg-2)}.diff-option.active{border-color:var(--gold);background:var(--gold-dim)}.diff-opt-name{font-size:.88rem;font-weight:500;color:var(--text)}.diff-opt-desc{font-size:.73rem;color:var(--text-3)}.splash-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 0;color:var(--text-2);font-size:.95rem}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-body{display:flex;flex-direction:column;gap:28px}.grid-wrap{overflow-x:clip}.grid{display:inline-flex;flex-direction:column;gap:4px;min-width:min-content}.grid-col-headers{display:flex;gap:4px;padding-bottom:4px}.row-label-ghost{width:var(--label-w);flex-shrink:0}.col-num{width:var(--cell);text-align:center;font-family:var(--font-mono);font-size:.7rem;color:var(--text-3);letter-spacing:.05em;flex-shrink:0}.grid-row{display:flex;gap:4px;align-items:stretch}.row-label{width:var(--label-w);flex-shrink:0;display:flex;align-items:center;padding:0 8px;background:var(--bg-2);border:1px solid var(--border-dim);border-radius:var(--radius-sm)}.cat-name{font-size:.7rem;font-weight:500;color:var(--text-2);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell{width:var(--cell);height:var(--cell);flex-shrink:0;background:var(--bg-2);border:1px solid var(--border-dim);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s}.cell:hover:not(.given){border-color:var(--border)}.cell.selected{border-color:#60b4ff;background:#60b4ff1f;box-shadow:0 0 16px #60b4ff59}.cell.given{background:var(--gold-dim);border-color:var(--gold);box-shadow:0 0 14px var(--gold-glow);cursor:default}.cell.locked{border-color:#4dcfb4;background:#4dcfb41a;box-shadow:0 0 12px #4dcfb440;cursor:default}.cell-lock{position:absolute;top:4px;right:5px;font-size:.6rem;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.85}.cell.hint-ok{border-color:var(--green)!important;background:var(--green-dim)!important;box-shadow:0 0 18px var(--green-glow)!important;transform:scale(1.06)}.cell.hint-bad{border-color:var(--red)!important;background:var(--red-dim)!important;box-shadow:0 0 18px #e8405a59!important;transform:scale(1.06)}.clue-tile.clue-active{border-color:var(--border)!important;box-shadow:0 4px 16px #00000073;transform:translateY(-3px);opacity:1!important}.clue-tile.cell-hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000073;filter:brightness(1.3)}.cell.dragging{opacity:.3;transform:scale(.93)}.cell.drag-over{border-color:#60b4ff;background:#60b4ff38;box-shadow:0 0 20px #60b4ff80;transform:scale(1.06)}.cell.drag-over-invalid{border-color:var(--red);background:var(--red-dim)}.drag-ghost{position:fixed;width:var(--cell);height:var(--cell);background:var(--bg-2);border:2px solid #60b4ff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:2.4rem;pointer-events:none;z-index:9999;opacity:.92;box-shadow:0 8px 32px #0000008c;transform:translate(-50%,-50%) scale(1.12)}.cell.wrong{animation:shake .45s ease-in-out;background:var(--red-dim)!important;border-color:var(--red)!important}@keyframes shake{0%,to{transform:translate(0)}18%{transform:translate(-6px)}36%{transform:translate(6px)}54%{transform:translate(-4px)}72%{transform:translate(4px)}90%{transform:translate(-2px)}}.cell.pop{animation:cellPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes cellPop{0%{transform:scale(.82)}to{transform:scale(1)}}.cell-emoji{font-size:2.4rem;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.clues-wrap{width:calc(var(--label-w) + 5 * var(--cell) + 5 * 4px)}.clues-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-label{font-family:var(--font-title);font-size:.8rem;letter-spacing:.18em;color:var(--text-3);text-transform:uppercase}.clue-count-badge{font-family:var(--font-mono);font-size:.7rem;background:var(--bg-3);border:1px solid var(--border-dim);color:var(--text-2);padding:1px 7px;border-radius:20px}.clues-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.clue-tile{background:var(--bg-2);border:1px solid var(--border-dim);border-radius:var(--radius-sm);padding:10px 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:84px;box-sizing:border-box;overflow:hidden;transition:border-color .15s,transform .12s,box-shadow .15s;border-left-width:3px;cursor:grab}.clue-tile:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.clue-tile.clue-ok{border-color:#3dcc7c99;background:#3dcc7c2e;box-shadow:inset 0 0 0 1px #3dcc7c26}.clue-tile.clue-bad{border-color:#e8405a8c;background:#e8405a29;box-shadow:inset 0 0 0 1px #e8405a1f}.clue-tile.clue-dragging{opacity:.25;transform:scale(.95);cursor:grabbing}.clue-tile.clue-drop-target{border:2px dashed #60b4ff!important;background:#60b4ff1a!important;transform:scale(1.04)}.clue-same-col{border-left-color:var(--gold)}.clue-immediately-left{border-left-color:#60b4ff}.clue-somewhere-left-of{border-left-color:#4dcfb4}.clue-not-next-to{border-left-color:var(--red)}.clue-at-position{border-left-color:#a78bfa}.clue-between{border-left-color:#ff9d4d}.clue-label{font-size:.6rem;color:var(--text-3);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.ce{font-size:1.35rem;line-height:1}.ct-stack{display:flex;flex-direction:column;align-items:center;gap:2px}.ct-vline{width:1px;height:8px;background:var(--border)}.ct-row{display:flex;align-items:center;gap:4px}.ct-sym{font-size:.7rem;color:#60b4ff;font-family:var(--font-mono);letter-spacing:-.02em}.ct-sym.dotted{color:#4dcfb4}.ct-sym.cross{color:var(--red);font-size:.85rem}.ct-position{display:flex;flex-direction:column;align-items:center;gap:4px}.pos-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:500;background:#a78bfa;color:#0a0820;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.ct-between{gap:2px}.ct-between .ce{font-size:1.1rem}.ct-bracket{font-size:.7rem;color:var(--text-3);font-weight:600;line-height:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#09091acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;transition:opacity .3s}.overlay.visible{opacity:1}.overlay-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:40px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 24px 80px #0009}.help-card{max-width:560px;width:90vw;max-height:85vh;overflow-y:auto;padding:28px 32px 32px;text-align:left;gap:0}.help-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.help-title{font-family:var(--font-title);font-size:1.1rem;letter-spacing:.14em;color:var(--gold)}.btn-close{font-size:.85rem;color:var(--text-3);padding:4px 8px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.btn-close:hover{color:var(--text);background:var(--bg-3)}.help-intro{font-size:.88rem;color:var(--text-2);line-height:1.6;margin-bottom:10px}.help-intro strong{color:var(--text)}.help-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.help-ctrl{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:var(--bg-3);border:1px solid var(--border-dim);border-radius:var(--radius-sm)}.help-ctrl-key{font-size:.75rem;font-weight:600;color:var(--gold);letter-spacing:.04em}.help-ctrl-desc{font-size:.8rem;color:var(--text-2);line-height:1.5}.help-divider{height:1px;background:var(--border-dim);margin:18px 0 14px}.help-sub{font-family:var(--font-title);font-size:.72rem;letter-spacing:.16em;color:var(--text-3);text-transform:uppercase;margin-bottom:14px}.help-clues{display:flex;flex-direction:column;gap:10px}.help-clue{display:flex;align-items:center;gap:16px}.hc-tile{flex-shrink:0;width:88px;background:var(--bg-3);border:1px solid var(--border-dim);border-radius:var(--radius-sm);padding:8px 10px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;border-left-width:3px}.help-clue p{font-size:.83rem;color:var(--text-2);line-height:1.5}.help-clue p strong{color:var(--text)}.win-card{animation:winPop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes winPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.win-icon{font-size:3.5rem;animation:winBounce .6s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes winBounce{0%{transform:scale(0) rotate(-30deg)}to{transform:scale(1) rotate(0)}}.win-title{font-family:var(--font-title);font-size:1.8rem;letter-spacing:.12em;color:var(--gold);text-shadow:0 0 20px var(--gold-glow)}.win-sub{color:var(--text-2);font-size:.95rem;margin-bottom:8px}.confetti-wrap{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;overflow:hidden}.cp{position:absolute;top:-12px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:0}}@media (max-width: 640px){:root{--cell: 56px;--label-w: 52px;--shell-px: 10px}.shell{padding:16px var(--shell-px) 48px}.game-body{gap:24px}.title{font-size:1.3rem}.subtitle{display:none}.header-left{gap:8px}.puzzle-num{font-size:.68rem}.grid-wrap{overflow-x:visible}.cell-emoji{font-size:2rem}.row-label{padding:0 5px}.cat-name{font-size:.62rem}.clues-wrap{width:calc(var(--label-w) + 5 * var(--cell) + 5 * 4px)}.clues-grid{grid-template-columns:repeat(3,1fr)}.ce{font-size:1.05rem}.clue-tile{height:80px;padding:9px 6px 7px}.clue-label{font-size:.54rem;white-space:normal;text-align:center;line-height:1.2}}