.logic-game,.generated-puzzle{max-width:640px;margin:auto}.logic-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.logic-notice{min-height:1.5em}.logic-progress{font-size:14px}.logic-scroll{overflow:auto;padding:6px;max-width:100%}.logic-loop{display:grid;aspect-ratio:1;min-width:280px;width:100%;max-width:540px;margin:auto;gap:0;background:#faf5df;touch-action:manipulation}.logic-loop.zoom{width:620px;max-width:none}.logic-dot{width:7px;height:7px;border-radius:50%;background:#455a45;align-self:center;justify-self:center}.logic-clue{display:grid;place-items:center;font-weight:bold;font-size:clamp(14px,3vw,22px)}.logic-clue[data-satisfied=true]{color:#55774e}.logic-edge{position:relative;padding:0!important;min-width:0!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#9b503f}.logic-edge::before{content:"";position:absolute;inset:-4px;background:transparent}.logic-edge[data-mark="1"]::after{content:"";position:absolute;background:#305e4b}.logic-edge.h[data-mark="1"]::after{height:4px;left:0;right:0;top:calc(50% - 2px)}.logic-edge.v[data-mark="1"]::after{width:4px;top:0;bottom:0;left:calc(50% - 2px)}.logic-edge[aria-pressed=true]{outline:2px solid #b98037;outline-offset:-1px}.logic-edge:focus-visible{outline:3px solid #315075}.logic-edge[data-mark="2"]{font-size:18px;line-height:1}.logic-bridges{position:relative;aspect-ratio:1;width:100%;max-width:540px;margin:14px auto;background:#ede9d6;border:1px solid #b1b495;border-radius:8px}.logic-bridges svg{position:absolute;inset:0;width:100%;height:100%}.logic-bridges line{stroke:#466951;stroke-width:1.1}.logic-island{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;min-height:0!important;padding:2px!important;display:flex;flex-direction:column;justify-content:center;line-height:1.1;background:#fff9e8;border:2px solid #6c785c;border-radius:50%}.logic-island strong{font-size:18px}.logic-island small{font-size:10px}.logic-island[aria-pressed=true]{outline:3px solid #bd873c;outline-offset:0}.untangle-arena{position:relative;aspect-ratio:1;background:#f3ecd9;border:1px solid #b8b492;border-radius:12px;touch-action:none;max-width:560px;margin:15px auto}.untangle-arena svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.untangle-point{position:absolute;transform:translate(-50%,-50%);width:38px;height:38px;min-height:0!important;padding:0!important;border-radius:50%;background:#fffae9;border:2px solid #5b7058;font-weight:bold;touch-action:none}.untangle-point[aria-pressed=true]{background:#e3b660;outline:3px solid #8f5d2e}.laser-frame{position:relative;margin:20px 12px;max-width:520px}.laser-grid{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));border:2px solid #68715d;background:#eee7d1}.laser-cell{aspect-ratio:1;min-width:0!important;min-height:0!important;padding:0!important;border:1px solid #c5c2a9!important;border-radius:0!important;font-size:clamp(20px,5vw,32px);font-weight:bold;background:#f8f2df;color:#294e44;line-height:1}.laser-cell[data-tile="1"]{background:#dfe8e1}.laser-cell[data-tile="2"]{background:#727c6a;color:#e7e8d8}.laser-cell.lit{background:#d6c478}.laser-cell.hinted{outline:4px solid #bf8336;outline-offset:-4px}.laser-frame svg{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);pointer-events:none}.laser-entry,.laser-exit{position:absolute;transform:translateY(-50%);font-weight:bold;color:#466d4e;font-size:18px}.laser-entry{left:-17px}.laser-exit{right:-21px}.sort-tubes{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:12px;max-width:600px;margin:18px auto}.sort-tube{padding:5px!important;background:#f9f4e3;border:2px solid #808571;border-radius:8px 8px 18px 18px;min-width:0;line-height:1.2}.sort-tube[aria-pressed=true]{outline:3px solid #be883f}.sort-tube.hint-destination{border:4px dashed #446b52}.sort-chips{height:162px;display:flex;flex-direction:column-reverse;gap:4px}.sort-chip{display:grid;place-items:center;border-radius:7px;height:34px;color:#253a32;font-size:24px;border:1px solid #868c70}.sort-chip[data-color="-1"]{border:1px dashed #d6d0bc}.sort-chip[data-color="0"]{background:#ecb5a7}.sort-chip[data-color="1"]{background:#e7cb73}.sort-chip[data-color="2"]{background:#9bc7c9}.sort-chip[data-color="3"]{background:#b0bf92}.sort-chip[data-color="4"]{background:#c2afdb}.sort-chip[data-color="5"]{background:#ecaec6}.sort-chip[data-color="6"]{background:#aec5eb}.sort-chip[data-color="7"]{background:#d3c4b0}

.header-nav a{white-space:nowrap}.logic-loop[aria-busy=true]{opacity:.7}