.logic-page{--logic-bg:#09131f;--logic-panel:#101e2d;--logic-line:#b4d7d51b;--logic-mint:#80e7c6;--logic-lime:#d7fa70;background:radial-gradient(ellipse at 80% 5%,#15312955,transparent 40%),var(--logic-bg);color:#e9f0ee;color-scheme:dark;min-height:100vh}.logic-page [hidden]{display:none!important}.logic-page button,.logic-page input,.logic-page select{font:inherit}.logic-page button{cursor:pointer}.logic-page button:disabled{cursor:default;opacity:.35}.logic-page button:focus-visible,.logic-page a:focus-visible,.logic-page input:focus-visible,.logic-page select:focus-visible{outline:2px solid var(--logic-lime);outline-offset:4px}.logic-header{height:76px;border-bottom:1px solid var(--logic-line);display:flex;align-items:center;justify-content:space-between;max-width:1440px;padding:0 36px;margin:auto}.logic-header .brand-mark{width:35px;height:35px}.logic-header .brand-name{font-size:20px}.logic-header nav{display:flex;gap:22px;align-items:center;color:#9db0bd;font-size:11px}.logic-header nav>a:first-child{color:#dce6df}.logic-header nav span{color:var(--logic-lime);margin-inline-start:6px}.logic-shell{width:min(1180px,calc(100% - 72px));margin:auto;padding-top:34px}.logic-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:29px}.logic-eyebrow{font-size:10px;color:#a2bcae;letter-spacing:.4px;display:flex;align-items:center;gap:8px}.logic-eyebrow>i{width:6px;height:6px;border-radius:50%;background:var(--logic-lime);box-shadow:0 0 0 4px #d7fa700d}.logic-intro h1{font-size:clamp(32px,4vw,46px);letter-spacing:-1.7px;line-height:1.4;margin:10px 0 5px}.logic-intro h1 span{color:var(--logic-lime)}.logic-intro p{font-size:12px;color:#91a8b4;margin:0;line-height:1.9}.logic-intro-art{width:146px;position:relative;flex-shrink:0;margin-left:8px}.logic-intro-art svg{width:135px;fill:#183b35;stroke:var(--logic-mint);stroke-width:1.2;overflow:visible;filter:drop-shadow(0 0 9px #8cffe622)}.logic-intro-art .art-spark{fill:var(--logic-lime);stroke:none}.logic-intro-art>span{display:block;direction:ltr;font:7px var(--display);letter-spacing:1.3px;color:#648178;margin-top:3px;white-space:nowrap}.logic-modebar{display:flex;align-items:stretch;gap:6px;padding:6px;border:1px solid var(--logic-line);background:#0e1c29;border-radius:13px;margin-bottom:17px}.logic-modebar>button{display:flex;flex-direction:column;text-align:right;justify-content:center;min-width:149px;padding:12px 18px;background:transparent;border:1px solid transparent;color:#91a9b8;border-radius:9px;transition:background .18s,border-color .18s}.logic-modebar>button>b{font-size:12px;font-weight:600}.logic-modebar>button>span{font-size:9px;margin-top:2px;color:#6e8899}.logic-modebar>button[aria-selected=true]{background:#263c32;border-color:#d7fa7030;color:#e1f4bb}.logic-modebar>button[aria-selected=true]>span{color:#a5ba8c}.logic-save-status{display:flex;align-items:center;gap:7px;margin-inline-start:auto;padding-inline:17px;font-size:9px;color:#86a197}.logic-save-status>i{width:5px;height:5px;background:#80d6b9;border-radius:50%}.logic-save-status[data-available=false]>i{background:#e6ba81}.logic-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:stretch}.logic-board-panel{min-width:0;background:linear-gradient(135deg,#132533,#101d2a);border:1px solid var(--logic-line);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0002}.logic-board-heading{padding:21px 26px 16px;display:flex;justify-content:space-between;gap:15px;align-items:center}.logic-board-kicker{font-size:9px;color:#8ca697;display:block}.logic-board-heading h2{font-size:18px;font-weight:600;margin:4px 0 0;color:#e2ece2}.logic-board-code{border:1px solid #adcbd521;border-radius:6px;padding:6px 9px;font:9px var(--display);color:#839fa6;direction:ltr;letter-spacing:1.2px}.logic-board-code>span{color:#b4d7c2}.logic-power-strip{display:flex;align-items:center;gap:13px;padding:0 26px 18px;font-size:10px;color:#8ca7ac}.logic-power-strip>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.logic-power-strip b{font-weight:600;color:#c6e8d1;font-size:11px}.power-dot{width:5px;height:5px;background:var(--logic-mint);border-radius:50%;box-shadow:0 0 9px #80e7c677;margin-inline-end:3px}.logic-power-meter{height:4px;flex:1;background:#254047;border-radius:6px;overflow:hidden;min-width:30px}.logic-power-meter>i{display:block;height:100%;background:linear-gradient(90deg,#8aead0,#d7fa70);border-radius:6px;transition:width .3s}.logic-board-frame{position:relative;padding:28px 28px 31px;margin:0 23px;background-color:#0b2025;background-image:radial-gradient(#7bbaad15 .8px,transparent 1px),linear-gradient(120deg,#2a5b4d33,transparent 45%,#183f3a33);background-size:16px 16px,100% 100%;border:1px solid #81b9ab31;border-radius:13px;box-shadow:inset 0 0 45px #0004,0 6px 22px #0002}.logic-board-frame:before,.logic-board-frame:after{content:"";position:absolute;top:22px;bottom:22px;width:5px;border-top:1px solid #8ac2a83d;border-bottom:1px solid #8ac2a83d;pointer-events:none}.logic-board-frame:before{left:12px;border-left:1px solid #8ac2a83d}.logic-board-frame:after{right:12px;border-right:1px solid #8ac2a83d}.board-screw{position:absolute;width:6px;height:6px;border-radius:50%;border:1px solid #6d948877;background:linear-gradient(135deg,#668e80,#233f37);box-shadow:0 0 0 3px #071c1b99}.board-screw:after{content:"";position:absolute;left:1px;right:1px;top:2px;height:1px;background:#17372d;transform:rotate(-35deg)}.screw-a{top:10px;left:10px}.screw-b{top:10px;right:10px}.screw-c{bottom:10px;left:10px}.screw-d{bottom:10px;right:10px}.logic-board{width:min(100%,530px);margin:auto;display:grid;gap:5px;padding:7px;border:1px solid #9bcbb01c;border-radius:11px;background:#06161d;position:relative;direction:ltr;isolation:isolate}.wire-row{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:5px;min-width:0}.wire-tile{aspect-ratio:1;min-width:0;width:100%;position:relative;display:block;border:1px solid #81a9a518;border-radius:8px;padding:0;background:linear-gradient(145deg,#163138,#10272f);color:#477e80;box-shadow:inset 0 1px 0 #a9e2d409,inset 0 -1px 2px #0003;touch-action:manipulation;transition:background .15s,border-color .15s,box-shadow .2s;outline:none;overflow:hidden}.wire-tile:hover{border-color:#a5d5bb6e;background:#1b3a3f}.wire-tile:focus-visible{outline:2px solid #e2fa87!important;outline-offset:0!important;z-index:2;box-shadow:inset 0 0 0 4px #d7fa701c}.wire-tile.is-powered{background:linear-gradient(140deg,#1b413d,#153535);border-color:#6dc4a83f;color:#87ebc8}.wire-tile.is-source{border-color:#d7fa707a;background:radial-gradient(circle,#2f4f37,#193a32 70%)}.wire-tile.is-hinted{border-color:#f1d086;box-shadow:inset 0 0 0 2px #f1d086,0 0 15px #f1d08626;z-index:1}.wire-tile>svg{display:block;width:100%;height:100%;overflow:hidden}.circuit-rotor{transform:rotate(var(--rotation,0deg));transform-origin:50px 50px;transition:transform .18s cubic-bezier(.2,.8,.25,1)}.trace-under,.trace-metal,.trace-flow{fill:none;stroke-linecap:round;stroke-linejoin:round}.trace-under{stroke:#061a23;stroke-width:15}.trace-metal{stroke:currentColor;stroke-width:8;transition:stroke .15s}.trace-flow{stroke:#d2ffe6;stroke-width:3;stroke-dasharray:5 19;opacity:0}.is-powered .trace-flow{opacity:.7;animation:circuit-flow 1.5s linear infinite}.circuit-hub{fill:#10272a;stroke:currentColor;stroke-width:3}.circuit-center{fill:currentColor}.is-powered .circuit-center{fill:#d8ffe5;filter:drop-shadow(0 0 4px #80e7c6)}.source-symbol>circle{fill:#294436;stroke:#d7fa70;stroke-width:2}.source-symbol>path{fill:#e3fd8a;filter:drop-shadow(0 0 5px #d7fa7040)}.goal-symbol>circle{fill:#152a31;stroke:#789a9f;stroke-width:1.7}.goal-symbol>path{fill:none;stroke:#95acb0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.is-powered .goal-symbol>circle{fill:#405138;stroke:#e5f89a}.is-powered .goal-symbol>path{fill:#e6fa8b33;stroke:#e7f9a2;filter:drop-shadow(0 0 4px #d7fa70)}.port-warning{fill:#efa77c;stroke:#402e26;stroke-width:1.3;opacity:0}.show-open .port-warning{opacity:1}.tile-fixed{position:absolute;bottom:2px;right:6px;font:14px var(--display);color:#7eaaa04a;pointer-events:none}.logic-board.is-complete{box-shadow:0 0 32px #8ee6bb22;border-color:#d7fa7044}.logic-board-stamp{direction:ltr;display:flex;justify-content:space-between;gap:10px;position:absolute;left:24px;right:24px;bottom:9px;font:6px var(--display);letter-spacing:1px;color:#5f8f7d;pointer-events:none}.logic-board-legend{display:flex;justify-content:center;gap:24px;padding:17px 20px 13px;color:#93aca8;font-size:9px}.logic-board-legend>span{display:flex;gap:6px;align-items:center}.logic-board-legend i{font-style:normal}.legend-source,.legend-goal{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;color:#d7fa70;background:#d7fa7010;font:14px var(--display)}.legend-goal{color:#c0ddb5}.legend-node{width:6px;height:6px;border:1px solid #96edc8;border-radius:50%;background:#6cb49b;box-shadow:0 0 6px #8ce7c04d}.logic-board-feedback{border-top:1px solid var(--logic-line);padding:14px 23px;font-size:10px;line-height:1.8;text-align:center;color:#97b0b5;background:#0a172329;min-height:49px}.logic-solved-banner{background:#263e2a;border-top:1px solid #d7fa7033;padding:13px 21px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#d8edb1}.logic-solved-banner button{background:var(--logic-lime);color:#1c2c1c;border:0;border-radius:7px;padding:8px 12px;font-size:10px;font-weight:600}.logic-console{border:1px solid var(--logic-line);background:linear-gradient(140deg,#142533,#101e2b);border-radius:16px;padding:22px;min-width:0}.logic-console-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#809a9e}.logic-sound{background:#0c1c27;border:1px solid #bfd7d51c;border-radius:6px;color:#9ab5b7;padding:5px 7px;display:flex;gap:5px;align-items:center}.logic-sound>span{color:#acc8ae;font-size:14px}.logic-sound>b{font-size:8px;font-weight:400}.logic-sound[aria-pressed=true]{color:#d7fa70;border-color:#d7fa7040}.logic-mode-info{margin:23px 0 19px}.logic-mode-info>span{font-size:9px;color:#a7bd92}.logic-mode-info h2{font-size:20px;line-height:1.5;margin:5px 0 7px;font-weight:600;letter-spacing:-.5px}.logic-mode-info p{font-size:11px;color:#8fa8b4;line-height:1.9;margin:0}.logic-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.logic-stats>div{border:1px solid #bfded51a;border-radius:9px;background:#0a1926aa;padding:12px}.logic-stats span{display:block;font-size:9px;color:#8fa8af}.logic-stats b{display:block;font:500 26px var(--display),var(--arabic);margin-top:4px;color:#e1efdb;line-height:1.4;text-align:right}.logic-best{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--logic-line);font-size:9px;color:#819fa7}.logic-best b{font-size:10px;font-weight:500;color:#c8dca2}.logic-options{padding:16px 0;border-bottom:1px solid var(--logic-line)}.logic-options>label{display:block;font-size:10px;color:#b5c8c8;margin-bottom:9px}.logic-options>small{display:block;font-size:8px;color:#77959c;margin-top:7px;line-height:1.8}.logic-level-input{display:flex;gap:7px}.logic-level-input input,.logic-options select{min-width:0;background:#0c1b29;border:1px solid #c1dcd527;border-radius:7px;color:#d4e8d3;padding:8px 10px;font-size:11px}.logic-level-input input{width:100%;flex:1;direction:ltr;text-align:center}.logic-level-input button{background:#223b36;border:1px solid #9ac2a82b;color:#c6e4b8;border-radius:7px;padding:6px 11px;white-space:nowrap;font-size:10px}.logic-options select{width:100%;font-family:var(--arabic);line-height:1.8}.logic-new-board{width:100%;margin-top:8px;border:1px solid #8bb7aa2a;background:#18352f;color:#c0deb5;border-radius:7px;padding:8px 6px;font-size:10px!important}.logic-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.logic-tools>button{border:1px solid #afcfc82a;background:#182d3d;border-radius:8px;padding:10px 7px;color:#c4d5d8;font-size:10px;display:flex;gap:7px;align-items:center;justify-content:center}.logic-tools>button>span{font:17px var(--display);color:#a5c5bb}.logic-tools>.logic-hint-button{grid-column:1/-1;color:#e0e9b4;border-color:#d7fa7040;background:#d7fa700c}.logic-tools>.logic-hint-button>span{color:#d7fa70}.logic-check{display:flex;gap:8px;align-items:center;font-size:9px;color:#8da6ac;margin-top:16px;cursor:pointer}.logic-check input{accent-color:var(--logic-lime);margin:0;width:13px;height:13px}.logic-check i{width:5px;height:5px;border-radius:50%;background:#e8aa81;margin-inline-start:auto}.logic-restart{display:block;margin:13px auto 0;color:#8aa5b0;border:0;background:none;font-size:9px!important;padding:6px}.logic-how{margin-top:19px;border-top:1px solid var(--logic-line);padding-top:16px}.logic-how>div{display:flex;gap:8px;align-items:center}.logic-how>div>span{display:grid;place-items:center;border:1px solid #a2c7a648;color:#c0e09c;border-radius:50%;width:18px;height:18px;font-size:10px}.logic-how b{font-size:10px;font-weight:500;color:#c4d6ce}.logic-how ol{margin:11px 0;padding-inline-start:16px;font-size:9px;color:#87a1ab;line-height:2.2}.logic-how ol b{font-size:9px;color:#b9d3c0}.logic-how>button{color:#b4cdad;border:0;padding:3px 0;background:none;font-size:9px}.logic-hint-card{border:1px solid #e5ca7d4a;background:#483e201e;border-radius:8px;padding:13px;margin-top:12px}.logic-hint-card>b{font-size:10px;color:#e6d8a3;font-weight:500}.logic-hint-card p{font-size:10px;color:#c0b697;line-height:1.9;margin:5px 0 10px}.logic-hint-card>div{display:flex;gap:7px;flex-wrap:wrap}.logic-hint-card button{border:1px solid #e5ca7d30;background:#51472d55;color:#e6dcae;font-size:9px;padding:6px 8px;border-radius:5px}.logic-hint-card button:last-child{background:transparent;color:#b0b59a;border-color:transparent}.logic-afterword{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 3px 27px;font-size:10px;color:#7f9da7}.logic-afterword p{margin:0;line-height:1.9;max-width:650px}.logic-afterword p>span{color:#a6cd9b;margin-inline-end:7px}.logic-afterword a{color:#bad4bd;white-space:nowrap}.logic-afterword a>span{color:var(--logic-lime);margin-inline-start:8px}.logic-footer{width:min(1180px,calc(100% - 72px));margin:auto;border-top:1px solid var(--logic-line);padding:18px 0 24px;display:flex;gap:15px;justify-content:space-between;color:#698896;font-size:9px}.logic-footer a{color:#a7bebf}.logic-mobile-hud,.logic-mobile-tools{display:none}.logic-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);background:#294035;border:1px solid #b6d88f44;color:#e0efc8;box-shadow:0 8px 25px #0005;border-radius:9px;padding:10px 17px;font-size:11px;z-index:100;white-space:nowrap}.logic-dialog{width:min(500px,calc(100% - 32px));border:1px solid #b9d5bd39;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#304b3544,transparent 50%),#10212d;color:#e7eee3;box-shadow:0 30px 120px #0008;padding:0;max-height:calc(100dvh - 36px);overflow:auto}.logic-dialog::backdrop{background:#041018d9;backdrop-filter:blur(7px)}.logic-dialog-content{padding:33px;text-align:center;position:relative}.dialog-close{position:absolute;left:12px;top:11px;border:0;background:transparent;color:#8fa9b5;width:30px;height:30px;font-size:24px!important;line-height:1}.dialog-eyebrow{font-size:10px;color:#a9c29d;display:block;margin:8px 0}.logic-dialog h2{font-size:29px;line-height:1.5;letter-spacing:-.8px;margin:5px 0 12px}.logic-dialog p{font-size:12px;line-height:2;color:#9eb5bb;margin:12px 0 20px}.logic-dialog .dialog-primary,.logic-dialog .dialog-secondary{display:block;width:100%;border-radius:9px;padding:12px 15px;font-size:12px;font-weight:600}.dialog-primary{color:#1c3022;background:var(--logic-lime);border:1px solid var(--logic-lime)}.dialog-secondary{margin-top:8px;color:#a3bbbd;background:transparent;border:1px solid #b1cec51a!important;font-weight:400!important}.dialog-stars{display:flex;gap:14px;align-items:center;justify-content:center;font:43px var(--display);color:#345047;margin:3px 0 15px;direction:ltr}.dialog-stars>span:nth-child(2){font-size:57px;transform:translateY(-5px)}.dialog-stars .is-earned{color:#d7fa70;filter:drop-shadow(0 3px 18px #d7fa7022)}.dialog-result{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:21px 0}.dialog-result>div{background:#0b1924;border:1px solid #b3d2c41a;border-radius:9px;padding:11px 5px}.dialog-result span{font-size:9px;color:#7f9f9f;display:block}.dialog-result b{font:21px var(--display),var(--arabic);color:#d8e9c3;margin-top:5px;display:block}.logic-dialog p.dialog-small{font-size:10px;color:#819eaa;line-height:1.9;margin:12px 0 21px}.dialog-help{display:grid;gap:9px;text-align:right;margin:20px 0}.dialog-help>div{background:#17312f66;border:1px solid #9abfa41a;border-radius:8px;padding:11px 14px}.dialog-help b{display:block;color:#ccdfaf;font-size:11px;font-weight:500}.dialog-help span{font-size:10px;color:#8faeaf;display:block;margin-top:3px}.logic-dialog p.dialog-keyboard{font-size:10px;line-height:2.4}.dialog-keyboard kbd{display:inline-block;direction:ltr;color:#d1e6c7;border:1px solid #bad8cc25;border-radius:4px;padding:0 5px;background:#0c1b26;font:10px var(--display)}.logic-modal-open{overflow:hidden}.logic-modal-open .logic-dialog[open]{position:fixed;inset:0;margin:auto;z-index:200;box-shadow:0 0 0 100vmax #041018dd}.logic-noscript{position:fixed;bottom:12px;left:12px;right:12px;background:#304236;color:#e6f0cf;padding:15px;text-align:center;border-radius:9px;z-index:50;font-size:13px}
@keyframes circuit-flow{to{stroke-dashoffset:-48}}
.logic-board-hint-actions{display:none}
@media(max-width:1050px){.logic-shell,.logic-footer{width:calc(100% - 48px)}.logic-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:13px}.logic-console{padding:18px}.logic-board-heading{padding:20px 19px 15px}.logic-power-strip{padding-inline:19px;gap:10px}.logic-power-strip>span{font-size:9px}.logic-board-frame{margin-inline:17px;padding:24px}.logic-board-legend{gap:16px}.logic-modebar>button{min-width:132px;padding-inline:14px}.logic-save-status{font-size:8px;padding-inline:10px}.logic-afterword{font-size:9px}}
@media(max-width:800px){.logic-header{height:69px;padding-inline:24px}.logic-shell{padding-top:27px}.logic-workspace{grid-template-columns:1fr}.logic-board{max-width:530px}.logic-console{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:24px}.logic-console-heading,.logic-mode-info,.logic-hint-card,.logic-how{grid-column:1/-1}.logic-mode-info{margin:17px 0}.logic-console .logic-stats{align-self:start}.logic-console .logic-best{align-self:start;min-height:82px;flex-direction:column;justify-content:center;border:1px solid var(--logic-line);border-radius:9px;background:#0b1c26;gap:8px}.logic-options{grid-column:1/-1}.logic-tools{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr}.logic-tools>.logic-hint-button{grid-column:auto}.logic-how{margin-top:17px}.logic-how ol{display:flex;justify-content:space-between;gap:18px;padding-inline-start:16px}.logic-check{align-self:center}.logic-restart{margin:14px 0 0;justify-self:end}.logic-save-status{margin-inline-start:auto}.logic-modebar>button{min-width:122px}.logic-afterword{display:block}.logic-afterword a{display:block;margin-top:12px}.logic-footer{font-size:8px}}
@media(max-width:540px){.logic-header{height:65px;padding-inline:17px}.logic-header .brand-name{font-size:18px}.logic-header .brand-mark{width:31px;height:31px}.logic-header .brand-mark svg{width:25px}.logic-header nav{font-size:10px;gap:13px}.logic-header nav>a:last-child{display:none}.logic-shell,.logic-footer{width:calc(100% - 26px)}.logic-shell{padding-top:25px}.logic-intro{margin-bottom:23px;gap:10px}.logic-intro-art{display:none}.logic-eyebrow{font-size:9px}.logic-intro h1{font-size:34px;letter-spacing:-1px;margin-top:8px}.logic-intro p{font-size:11px;line-height:1.9}.logic-modebar{gap:4px;padding:5px;border-radius:10px;margin-bottom:12px}.logic-modebar>button{min-width:0;flex:1;padding:9px 7px;text-align:center;border-radius:6px}.logic-modebar>button>b{font-size:11px}.logic-modebar>button>span{font-size:8px;white-space:nowrap}.logic-save-status{display:none}.logic-workspace{gap:12px}.logic-board-panel{border-radius:12px}.logic-board-heading{padding:16px 16px 12px}.logic-board-kicker{font-size:8px}.logic-board-heading h2{font-size:16px}.logic-board-code{font-size:8px;padding:5px 7px}.logic-power-strip{padding:0 16px 12px;gap:8px}.logic-power-strip b{font-size:10px}.logic-power-strip>span{font-size:8px;gap:4px}.logic-board-frame{margin:0 8px;padding:15px 10px 22px;border-radius:10px}.logic-board-frame:before,.logic-board-frame:after{display:none}.logic-board{gap:3px;padding:4px;border-radius:8px}.wire-row{gap:3px}.wire-tile{border-radius:5px}.board-screw{width:4px;height:4px}.screw-a,.screw-b{top:6px}.screw-a,.screw-c{left:6px}.screw-b,.screw-d{right:6px}.screw-c,.screw-d{bottom:6px}.logic-board-stamp{bottom:7px;left:17px;right:17px;font-size:5px;letter-spacing:.7px}.logic-board-legend{gap:17px;padding:13px 12px 11px;font-size:8px}.legend-source,.legend-goal{width:15px;height:15px;font-size:12px}.logic-board-feedback{padding:12px 14px;font-size:9px;min-height:44px}.logic-console{display:block;padding:20px}.logic-console .logic-best{min-height:0;display:flex;flex-direction:row;justify-content:space-between;gap:8px;padding:12px;border-radius:7px;margin-top:8px}.logic-mode-info{margin:17px 0}.logic-mode-info h2{font-size:21px}.logic-mode-info p{font-size:11px}.logic-console .logic-tools{display:none}.logic-check{font-size:10px;margin-top:17px}.logic-restart{margin:10px auto 0}.logic-how ol{display:block;font-size:10px;line-height:2.3}.logic-how ol b{font-size:10px}.logic-how>button{font-size:10px}.logic-mobile-hud{display:flex;justify-content:center;align-items:center;gap:21px;padding:0 15px 13px;color:#779d9e;font-size:8px}.logic-mobile-hud>span{display:flex;gap:7px;align-items:center}.logic-mobile-hud b{font:11px var(--display),var(--arabic);color:#bdd6be}.logic-mobile-tools{display:flex;gap:6px;justify-content:center;padding:13px 16px 0}.logic-mobile-tools>button{flex:1;border:1px solid #aaccc32b;background:#17313b;border-radius:7px;color:#bcd5cd;min-height:37px;font-size:10px;padding:7px 6px}.logic-mobile-tools>button[data-action=hint]{color:#ddedaf;background:#d7fa7009;border-color:#d7fa7038}.logic-solved-banner{font-size:10px;padding:12px 14px;gap:8px}.logic-solved-banner button{font-size:9px;padding:8px}.logic-afterword{padding:17px 3px 22px;font-size:9px}.logic-afterword a{font-size:10px}.logic-footer{padding:17px 0 22px;font-size:8px;flex-wrap:wrap;gap:8px}.logic-footer>span:nth-child(2){order:3;flex-basis:100%;font-size:8px}.logic-dialog-content{padding:29px 22px 24px}.logic-dialog h2{font-size:26px}.logic-dialog p{font-size:11px}.dialog-stars{font-size:38px;gap:11px}.dialog-stars>span:nth-child(2){font-size:51px}.dialog-result b{font-size:20px}.logic-dialog .dialog-primary,.logic-dialog .dialog-secondary{font-size:11px}.logic-toast{font-size:10px;white-space:normal;text-align:center;min-width:220px}}
@media(prefers-reduced-motion:reduce){.logic-page *,.logic-page *:before,.logic-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:540px){.logic-board-hint-actions{display:flex;gap:8px;padding:0 15px 13px;justify-content:center}.logic-board-hint-actions button{font-size:10px;color:#deebb1;background:#d7fa700b;border:1px solid #d7fa7030;border-radius:7px;padding:8px 13px}.logic-board-hint-actions button:last-child{background:transparent;color:#99b1b6;border-color:var(--logic-line)}}