.logic-intro{display:flex;justify-content:space-between;align-items:center;padding:39px 0 32px}.logic-intro h1{font-size:36px;letter-spacing:-1.2px;line-height:1.4;color:#345847;margin:0 0 14px}.logic-intro p:not(.eyebrow){font-size:14px;color:#71816b;line-height:1.8}.logic-emblem{font-size:54px;color:var(--accent);background:var(--soft);border-radius:22px;padding:22px 25px;transform:rotate(7deg)}.suite-nav>span{font-size:12px;color:#71816b;align-self:center}.logic-board{width:100%;aspect-ratio:1;position:relative;box-sizing:border-box;border-radius:16px;overflow:hidden}.logic-board.bridges{background:#edf5f3;border:7px solid #d5e4df;display:block}.logic-board.bridges>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.island{position:absolute;transform:translate(-50%,-50%);width:var(--island-size);height:var(--island-size);min-width:34px;min-height:34px;border-radius:50%;background:#fffdf0;border:2px solid #9ab8b6;color:#436d75;font-size:19px;font-weight:700;box-shadow:0 3px 0 #98b8b329;display:grid;place-items:center;padding:0;cursor:pointer}.island:before{content:"";position:absolute;inset:-5px;border-radius:50%}.island.matched{background:#bfd9c8;border-color:#86ae96;color:#446c55}.island.over{background:#f3d4c0;border-color:#c28662;color:#9d5136}.island.selected{outline:4px solid #497c90;outline-offset:3px;z-index:2}.island.hinted{box-shadow:0 0 0 4px #dab45f;z-index:1}.island:focus-visible{outline:3px solid #bd8d33;outline-offset:3px}.tent-modes{display:flex;gap:8px;justify-content:center;margin:0 0 13px}.tent-modes button{border:1px solid #cbd6b6;border-radius:8px;color:#6d7e53;background:#f4f6ed;padding:11px 18px;min-height:44px;font:inherit;font-size:12px;cursor:pointer}.tent-modes button[aria-pressed=true]{color:#fff;background:#788351;border-color:#788351}.logic-board.tents{display:grid;gap:3px;background:#e3e9d6;border:7px solid #e3e9d6;padding:4px}.tent-count{display:grid;place-items:center;color:#7d865f;font-size:17px;font-weight:650}.tent-count.matched{color:#4b7b4a}.tent-count.over{color:#b6663e}.tent-cell{border:0;padding:2px;border-radius:7px;background:#f4f6e9;position:relative;display:grid;place-items:center;cursor:pointer;min-width:0;min-height:0}.tent-cell.tree{background:#e2ebd2;opacity:1;cursor:default}.tent-cell svg{width:100%;height:100%;max-height:80px;pointer-events:none}.tent-cell.grass{background:#e8efda;color:#8c9d71}.tent-cell.grass span{font-size:27px}.tent-cell.hinted{outline:3px solid #d7ac52;outline-offset:-3px;box-shadow:inset 0 0 0 3px #f1d899}.logic-stats{display:flex;justify-content:center;gap:27px;padding:23px 0}.logic-stats>div{display:flex;align-items:center;flex-direction:column;gap:8px}.logic-stats strong{font-size:19px;font-weight:650;color:var(--accent)}.logic-stats span{font-size:11px;color:#7d8d71}.logic-guide{background:var(--soft);border-radius:20px;padding:28px}.logic-guide h2{font-size:25px;line-height:1.5;letter-spacing:-.6px;margin:0 0 23px;color:#45634d}.logic-guide ol{padding-left:20px;font-size:13px;line-height:1.9;color:#5e7556}.logic-guide li{margin:0 0 13px;padding-left:4px}.logic-guide>p:last-child{border-top:1px solid #b8c9b677;padding-top:16px;font-size:12px;line-height:1.9;color:#697e5f}.logic-intro .eyebrow{color:var(--accent)}.board-caption{min-height:19px}.play-header{align-items:center}.win .plain{text-decoration:none;display:inline-block}.island:disabled{opacity:1}.tent-cell:disabled:not(.tree){opacity:1}
@media(max-width:700px){.logic-intro{padding:26px 0 22px;gap:16px}.logic-intro h1{font-size:29px}.logic-intro p:not(.eyebrow){font-size:12px;max-width:280px}.logic-emblem{font-size:29px;padding:14px 17px;border-radius:15px;white-space:nowrap}.logic-guide{padding:22px 20px;margin-top:18px}.logic-guide h2{display:none}.logic-guide .eyebrow{font-size:8px;margin-bottom:16px}.logic-guide ol{font-size:12px;margin:0}.logic-guide li:last-child{margin-bottom:0}.logic-guide>p:last-child{font-size:11px}.logic-stats{gap:20px;padding:20px 0}.logic-stats strong{font-size:18px}.logic-stats span{font-size:10px}.island{font-size:16px;min-width:31px;min-height:31px}.logic-board.tents{gap:2px;padding:2px;border-width:5px;border-radius:12px}.tent-count{font-size:14px}.tent-cell{border-radius:4px}.tent-modes button{font-size:11px;padding:10px 15px}.logic-board.bridges{border-width:5px}.logic-intro h1 br{display:initial}.board-caption{font-size:10px!important}.play-header .tier{font-size:9px}.win h2{font-size:22px}}