/* UNTANGLE public preview. Copyright (C) 2026 Left Gaming / Douglas Knoll.
 * SPDX-License-Identifier: GPL-3.0-or-later */
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f3f1ea;background:#111718}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}
button{font:inherit}button:focus-visible,canvas:focus-visible{outline:2px solid #e8ffc2;outline-offset:-3px}
.app-container{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 55% 40%,#1a292b 0%,#111718 72%)}
.game-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 19px 12px;border-bottom:1px solid #ffffff0c}
.game-name{display:grid;gap:5px}.logo-text{font-family:Georgia,'Times New Roman',serif;font-size:23px;letter-spacing:-.7px}.game-kind{font-size:8px;letter-spacing:2.8px;color:#aebcba}
.header-stats{display:flex;gap:17px}.header-stats>div{display:grid;gap:4px;text-align:center}.header-stats strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}.header-stats span{font-size:9px;color:#abb9b7}.zero-crossings strong{color:#83edd8}
.game-board{position:relative;flex:1;min-height:0}.game-board canvas{display:block;width:100%;height:100%;touch-action:none}
.game-footer{padding:0 15px 14px;text-align:center}.game-footer p{font-size:11px;line-height:1.4;color:#c3cecb;margin:8px 0 13px}.game-controls{display:flex;justify-content:center;gap:6px}
button{background:#ffffff06;border:1px solid #ffffff25;border-radius:7px;color:#edf4ee;padding:9px 10px;font-size:10px;white-space:nowrap;cursor:pointer;min-height:35px}button:hover{border-color:#b8d6c1;background:#ffffff10}button:disabled{opacity:.33;cursor:default}#btnSolve{color:#d4efbb;border-color:#d4efbb45}
.game-footer .keyboard-tip{font-size:8px;letter-spacing:.15px;color:#9baba8;margin:10px 0 0}
.hint-toast{position:absolute;top:12px;left:12px;right:12px;text-align:center;pointer-events:none;color:#f1e4b7;font-size:11px;padding:10px;background:#1e2625f5;border:1px solid #d6c98940;border-radius:8px;opacity:0}.hint-toast.visible{opacity:1}
.victory-card{position:absolute;left:15px;right:15px;bottom:8px;padding:17px;text-align:center;border:1px solid #9ebd9c50;border-radius:12px;background:#14201ef2;box-shadow:0 8px 35px #0004}.victory-card>strong{font-family:Georgia,'Times New Roman',serif;font-size:27px;font-weight:400;color:#dbefcb}.victory-card p{font-size:11px;color:#b3c2bb;margin:7px 0 14px}.victory-buttons{display:flex;gap:8px;justify-content:center}.hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:300px){.game-header{padding:14px 13px 10px}.logo-text{font-size:21px}.header-stats{gap:11px}.game-footer{padding:0 8px 11px}.game-controls{gap:4px}button{padding:8px 7px;font-size:9px}.game-footer .keyboard-tip{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}