.layers-intro{max-width:680px;margin:22px auto 16px}.layers-intro h1{font-size:clamp(2rem,5vw,3rem);margin:4px 0 10px}.layers-intro p{color:var(--muted);line-height:1.6}.layers-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--game-accent,var(--accent))!important}[data-layers]{max-width:720px;margin:0 auto}.layers-toolbar,.layers-actions,.layers-stats{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.layers-toolbar{justify-content:space-between;margin:18px 0}.layers-toolbar label{display:grid;gap:5px;font-size:.8rem;color:var(--muted)}.layers-toolbar select,.layers-actions button,.layers-mode,.layers-tutorial button,.layers-success button,.layers-success a{min-height:44px;border:1px solid var(--line);background:var(--panel,var(--paper));color:var(--ink);border-radius:10px;padding:10px 14px;font:inherit;text-decoration:none;cursor:pointer}.layers-toolbar select{max-width:100%;font-size:.85rem}.layers-mode[aria-current=page]{border-color:var(--game-accent,var(--accent));background:var(--panel2)}.layers-stats{justify-content:space-between;color:var(--muted);font-size:.82rem;margin:14px 0}.layers-stats strong{color:var(--ink);font-size:1.1rem;font-variant-numeric:tabular-nums}.layers-title{font-size:1.1rem;font-weight:650;margin:14px 0 2px}.layers-meta{font-size:.8rem;color:var(--muted);line-height:1.6;margin:0 0 12px}.layers-board{display:grid;grid-template-columns:repeat(var(--cols,6),minmax(0,1fr));gap:9px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel2,var(--bg));touch-action:manipulation}.layer-tile{position:relative;aspect-ratio:1;display:block;width:100%;min-height:44px;min-width:0;padding:0;background:var(--tile,var(--paper));border:2px solid transparent;border-radius:11px;color:var(--ink);cursor:pointer;box-shadow:0 2px 3px #0000000c;transition:background .15s,border-color .15s}.layer-tile svg{display:block;width:100%;height:100%;overflow:visible}.layer-tile:hover:not(:disabled){border-color:var(--muted)}.layer-tile.selected{border-color:var(--game-accent,var(--accent));box-shadow:0 0 0 2px var(--game-accent,var(--accent))}.layer-tile.hinted{outline:3px dashed var(--focus,var(--accent));outline-offset:1px}.layer-tile.anchor:after{content:'↪';position:absolute;right:-2px;bottom:-3px;line-height:1;background:var(--tile,var(--paper));color:var(--game-accent,var(--accent));border-radius:50%;font-size:1.1rem;font-weight:bold}.layer-tile.empty{background:transparent;box-shadow:none;opacity:.25;border:1px dashed var(--line)}.layer-tile:focus-visible{outline:3px solid var(--focus,var(--accent));outline-offset:3px;z-index:1}.layers-pattern{color:var(--game-accent,var(--ink));opacity:.55}.layers-symbol-bg{fill:var(--tile,var(--paper));stroke:var(--tile,var(--paper));stroke-width:4}.layers-symbol{stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.layers-frame{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round}.layers-actions{margin:18px 0 10px}.layers-actions button:first-child{background:var(--ink);color:var(--bg)}.layers-actions button:disabled{opacity:.4;cursor:default}.layers-notice{min-height:3em;font-size:.88rem;line-height:1.55;color:var(--muted);margin:10px 0}.layers-save{font-size:.75rem;color:var(--muted);line-height:1.5}.layers-help{margin:20px 0;color:var(--muted);font-size:.87rem;line-height:1.6}.layers-help summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--ink)}.layers-help p{margin:6px 0 12px}.layers-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.layers-legend strong{display:block;color:var(--ink)}.layers-success,.layers-tutorial{background:var(--panel2,var(--panel));border:1px solid var(--line);padding:20px;border-radius:16px;margin:18px 0}.layers-success h2,.layers-tutorial h2{font-size:1.25rem;margin:0 0 8px}.layers-success p,.layers-tutorial p{line-height:1.6;color:var(--muted);font-size:.9rem}.layers-tutorial .layers-board{max-width:280px;margin:14px 0;--cols:2!important}.layers-success a{display:inline-block;margin:6px 6px 6px 0}.layers-success[hidden],.layers-tutorial[hidden]{display:none}.layers-share{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit}.layers-key{font-size:.75rem;color:var(--muted);line-height:1.5}.layers-zen-note{border-left:3px solid var(--game-accent,var(--accent));padding-left:12px;color:var(--muted);font-size:.85rem;line-height:1.6}@media(max-width:600px){.layers-board{gap:6px;padding:9px}.layers-intro{margin-top:15px}.layers-legend{grid-template-columns:1fr}.layers-legend p{margin:0}.layers-toolbar{align-items:flex-end}.layers-toolbar select{max-width:210px}.layer-tile{border-radius:8px}}@media(max-width:420px){.layers-board{--cols:4!important}.layers-actions{gap:6px}.layers-actions button{padding:10px 11px;font-size:.82rem}.layers-toolbar{gap:8px}.layers-toolbar select{max-width:185px}.layers-mode{padding:10px;font-size:.85rem}}@media(prefers-reduced-motion:reduce){.layer-tile{transition:none}}