:root{font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:#253247;background:#f7f8fb;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:290px}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}
button:focus-visible,a:focus-visible,select:focus-visible,.piece:focus-visible,.pipe-tile:focus-visible{outline:3px solid #3884dc;outline-offset:3px}
.top{min-height:68px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e7eaf0;background:#fff}
.logo{font-size:20px;font-weight:800;text-decoration:none;letter-spacing:-.9px}.logo span{color:#4e7fdf}.logo i{font-style:normal;font-size:13px;margin-left:3px;color:#f4ac5c}
.home{max-width:900px;margin:64px auto 70px;padding:0 22px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#6382b8;font-weight:800;margin:0 0 13px}
h1{font-size:clamp(30px,5vw,49px);letter-spacing:-2px;line-height:1.08;margin:0 0 12px}.intro{color:#69778b;line-height:1.6;font-size:15px;margin:0 0 30px}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.game-link{display:flex;align-items:center;gap:14px;min-width:0;background:#fff;border:1px solid #e4e9f2;border-radius:15px;padding:20px 17px;text-decoration:none;transition:transform .14s,border-color .14s}
.game-link:hover{transform:translateY(-2px);border-color:#97b6e9}.game-link strong{display:block;font-size:17px;line-height:1.5}.game-link small{display:block;font-size:12px;line-height:1.55;color:#78849a;margin-top:2px}.game-link>span:nth-child(2){min-width:0;flex:1}
.game-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;font-size:27px;font-weight:800}.icon-slide{background:#ffeddb;color:#dc8b38}.icon-pipe{background:#e0f3ff;color:#3d95c3}.icon-knot{background:#eee7ff;color:#8c69c1}.icon-pin{background:#ffe8e7;color:#d67a73}.icon-bounce{background:#e4f5e5;color:#5d9b63}.icon-switch{background:#fff0d7;color:#ce9a36}.icon-ball{background:#fce8ec;color:#da687f}.icon-water{background:#e3f3ff;color:#5b98cb}.icon-anchor{background:#eff1f8;color:#617995}.icon-number{background:#fff4da;color:#ba933d}.icon-word{background:#e6edff;color:#7182cb}.icon-seek{background:#def7ed;color:#4c9b7a}.icon-think{background:#f5eaff;color:#9270bd}.arrow{color:#9ba7b8;font-size:22px}
.game-main{width:min(100%,790px);padding:25px 18px 60px;margin:0 auto}.game-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:22px}.back{font-size:13px;font-weight:700;color:#5d779c;text-decoration:none}.back:hover{text-decoration:underline}
.game-title{font-size:clamp(25px,5vw,32px);margin:0;letter-spacing:-1.3px}.game-sub{margin:8px 0 0;color:#78849a;font-size:13px;line-height:1.5}.game-shell{width:min(100%,520px);margin:20px auto 0}
.game-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:750;margin:0 0 13px;color:#556982}
.game-meta strong{font-variant-numeric:tabular-nums;color:#213247}
.game-panel{position:relative;background:#fff;border:1px solid #e5e9f1;border-radius:19px;padding:16px;box-shadow:0 15px 36px #263a5610}
.game-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:center;margin:18px 0 0}
.btn{border:1px solid #dce3ef;background:#fff;border-radius:10px;padding:10px 15px;color:#35455c;font-size:13px;font-weight:800;min-height:42px}.btn:hover:not(:disabled){border-color:#91ade2;background:#f4f7ff}.btn:disabled{opacity:.43;cursor:default}
.btn.primary{background:#446fd1;color:#fff;border-color:#446fd1}.btn.primary:hover:not(:disabled){background:#365fc0}
select.level-select{background:#fff;color:#263751;border:1px solid #dce3ef;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:700;max-width:145px}
.instructions{color:#7b8798;font-size:12px;line-height:1.65;text-align:center;margin:17px auto 0;max-width:480px}
.status{font-size:12px;font-weight:700;color:#5679af;text-align:center;min-height:20px;margin:13px 0 0}
.win{border:1px solid #b9d8c1;border-radius:12px;padding:13px;margin:14px 0 0;background:#e9f8ed;color:#2b6841;text-align:center;font-weight:800;font-size:14px}
.win[hidden],[hidden]{display:none!important}
@media(max-width:610px){.top{min-height:58px}.home{margin:39px auto 50px}.game-grid{grid-template-columns:1fr}.game-link{padding:15px}.game-main{padding:20px 12px 45px}.game-panel{padding:10px;border-radius:15px}.game-head{margin-bottom:16px}.game-shell{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}