:root{color-scheme:dark;--bg:#0f1513;--panel:#18211e;--text:#ece5d5;--muted:#a3aba4;--gold:#e6cf96;--line:#34423b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Manrope,system-ui,sans-serif}header,footer{max-width:820px;margin:auto;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font:24px Marcellus,Georgia,serif;color:var(--text);text-decoration:none}main{max-width:610px;margin:0 auto;padding:22px 18px 40px}h1{font:clamp(30px,6vw,45px)/1.15 Marcellus,Georgia,serif;margin:10px 0 28px;max-width:14em}h2{font:26px/1.25 Marcellus,Georgia,serif;margin:0 0 16px}h3{margin:0 0 10px;font-size:18px}p{margin:10px 0 16px}.eyebrow{color:var(--gold);font-size:13px}.panel{border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--panel)}button,.button,select{font:inherit;color:var(--text);border:1px solid var(--line);border-radius:13px;background:#22322b;min-height:46px;padding:11px 16px}button,.button{cursor:pointer;font-weight:650}button:disabled{opacity:.42;cursor:default}.primary{color:#171c15;background:linear-gradient(#ead69f,#c8a860);border-color:#cfb574}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}a{color:var(--gold)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.actions>*{flex:1 1 150px}.controls{margin-top:12px}.controls>*{flex:1 1 90px;padding-inline:8px}.game-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.game-head h2{margin:0}.game-head button{font-size:12px}.small,footer{font-size:12px;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.sequence{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-height:50px;margin:16px 0}.sequence span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.sequence .current{color:var(--gold)}.sequence svg{height:30px;width:30px;fill:currentColor}.sequence i{font-style:normal;color:var(--muted)}.board{position:relative;aspect-ratio:1;user-select:none;border:6px solid #62533b;border-radius:13px;overflow:hidden;touch-action:pan-y}.cells{display:grid;grid-template-columns:repeat(6,1fr);height:100%}.cell{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#e5d6b5;color:#17281d;aspect-ratio:1;touch-action:pan-y}.cell.dark{background:#637e6b}.cell.wall{background:#28372e;box-shadow:inset 0 0 0 2px #4b5b50}.cell.wall::before{content:'▥';font-size:clamp(20px,5vw,36px);color:#809083}.cell.crack{background-image:linear-gradient(130deg,transparent 48%,#364c41 49%,#364c41 51%,transparent 52%)}.cell.broken{background:#28372e}.cell.broken::before{content:'×';color:#8c9d91;font-size:30px}.cell.flip::before{content:'↔';position:absolute;inset:0;display:grid;place-items:center;color:#2c4637;font-size:clamp(22px,6vw,40px)}.cell.coin::after{content:'';position:absolute;width:30%;height:30%;border:2px solid #99772e;border-radius:50%;background:#e6cb7c;left:35%;top:35%;box-shadow:0 1px 3px #0004}.cell.legal{box-shadow:inset 0 0 0 3px #6e541d}.cell.legal:not(.coin)::after{content:'';position:absolute;inset:43%;border-radius:50%;background:#203f2a99}.cell.hint{outline:4px solid #ffe09b;outline-offset:-5px}.cell.selected{box-shadow:inset 0 0 0 4px #b18b32}.piece{position:absolute;width:16.666667%;height:16.666667%;transform:translate(-50%,-50%);pointer-events:none;display:grid;place-items:center;transition:left .19s ease,top .19s ease;filter:drop-shadow(0 2px 2px #0006)}.piece svg{height:86%;width:86%;fill:#f4ebd5;stroke:#273c2e;stroke-width:1.1}.piece .o,.piece .b{fill:#f4ebd5}.piece .d{fill:#273c2e}.piece .c{stroke:#273c2e;fill:none}.board.dragging .piece{transition:none}.score{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;margin-top:14px}.status{min-height:2em;color:var(--gold);font-size:13px}.lesson{font-size:14px;min-height:2em;color:var(--gold)}.result{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.app-card{padding:20px;border:1px solid #766039;border-radius:16px;margin-top:24px}.app-card .button{width:100%}.app-card .small{margin-bottom:0}.storage-note{margin-top:22px}.loading{text-align:center}.loading-piece{font:54px 'DA Chess';color:var(--gold);display:block;animation:breathe 1.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.4}}dialog{max-width:min(540px,calc(100% - 28px));border:1px solid var(--line);border-radius:22px;padding:26px;background:var(--panel);color:var(--text)}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog button{width:100%;margin-top:14px}dialog textarea{width:100%;min-height:120px;resize:vertical;background:var(--bg);color:var(--text);padding:12px;border:1px solid var(--line);border-radius:10px;font:14px/1.5 Manrope,system-ui}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:400px){.panel{padding:16px}main{padding:12px 12px 30px}header{padding:16px 12px}button,.button{font-size:13px}.sequence{gap:5px}.sequence span{font-size:11px}.sequence svg{width:24px;height:24px}.game-head{gap:6px}.game-head h2{font-size:24px}.board{border-width:4px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cell:disabled{opacity:1}.cell.flip::before{color:#142d1c}.controls>*{flex:1 1 0;min-width:0;padding-inline:4px;font-size:12px}