:root{color-scheme:light;--ink:#232523;--paper:#eeeae2;--lime:#dfed8e;--border:#c8c7bc;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible{outline:3px solid #55701c;outline-offset:4px}main{max-width:1320px;margin:auto;padding:28px 42px 20px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:22px}.brand{font-size:17px;letter-spacing:.1em;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:10px}.brand>span:last-child{font-weight:400;color:#74766c}.brand-icon{display:inline-flex;background:var(--ink);color:var(--lime);width:33px;height:33px;align-items:center;justify-content:center;font-family:monospace;font-size:24px;letter-spacing:-3px;padding-right:4px}.header-note{font-size:13px;color:#64675d}.intro{padding:30px 0 24px}.eyebrow{font:10px monospace;letter-spacing:.14em;margin:0 0 13px;color:#696c5f}h1{font-size:clamp(23px,3vw,34px);font-weight:650;letter-spacing:-.04em;margin:0 0 8px}.intro>p:last-child{margin:0;color:#696c63;font-size:14px}.games{display:flex;gap:12px;max-width:840px;margin-bottom:20px}.games button{flex:1;display:flex;align-items:center;text-align:left;gap:15px;border:1px solid var(--border);background:#f5f3ed;border-radius:8px;padding:16px 18px}.games button[aria-pressed=true]{border-color:var(--ink);background:var(--lime);box-shadow:0 2px 0 var(--ink)}.game-index{font:13px monospace;opacity:.55}.games button>span:nth-child(2){font-size:16px;font-weight:650}.games small{display:block;font-size:11px;font-weight:400;margin-top:5px;color:#5e6251}.game-arrow{margin-left:auto;font-size:24px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 228px;gap:26px;align-items:start}.console{background:#faf9f5;border:1px solid #b9bcb0;border-radius:14px;padding:18px 20px 12px;box-shadow:0 6px 0 #d1d2c7}.console-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px}.console-top>span:first-child{display:flex;align-items:center;gap:8px}.console-top b{font-weight:550}.console-top i{width:6px;height:6px;background:#7f9257;border-radius:50%}#phase{font-size:11px;color:#676b5d}.screen-wrap{background:#dfe2d6;min-height:200px;display:flex;align-items:center;justify-content:center;padding:16px 0;border:1px solid #c7cabe;border-radius:5px;overflow:hidden;position:relative}canvas{display:block;background:white;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:manipulation;max-width:100%;height:auto}#load-error{position:absolute;background:#fff;padding:20px;inset:12px;color:#832d21;font-size:13px}.controls{display:flex;gap:8px;padding:17px 0 12px}.controls button{border:1px solid #c5c8bc;border-radius:6px;background:#f0f1e9;min-height:42px;padding:8px 15px;font-size:13px}.controls .primary{background:var(--ink);color:white;border-color:var(--ink);min-width:132px}.controls .primary kbd{background:#41483a;color:#dae0d3;margin-left:13px}#fullscreen{margin-left:auto}.answers{display:flex;gap:10px}.answers button{flex:1;border:1px solid #b8bdac;background:white;border-radius:7px;display:flex;gap:15px;align-items:center;min-height:49px;padding:10px 15px;font-size:17px}.answers button:not(:disabled):active{background:var(--lime)}kbd{font:13px monospace;border:1px solid #d3d6ca;background:#f1f3eb;border-radius:3px;padding:3px 6px;min-width:26px;text-align:center}.hint{min-height:18px;font-size:11px;color:#6a6f61;margin:13px 0 1px}aside{padding:11px 0 0}h2{font-size:19px;font-weight:650;margin:0 0 13px}.howto>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#63685b}.howto ol{font-size:12px;line-height:2.1;color:#43493b;padding-left:19px;margin-top:18px}.sound-panel{border-top:1px solid var(--border);margin-top:26px;padding-top:24px}.switch{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:13px 0}.switch input{appearance:none;width:34px;height:19px;background:#bfc3b6;border-radius:15px;position:relative;cursor:pointer;flex-shrink:0;margin:0}.switch input:before{content:"";width:13px;height:13px;position:absolute;left:3px;top:3px;background:#fff;border-radius:50%}.switch input:checked{background:#53613c}.switch input:checked:before{left:18px}.volume{font-size:11px;color:#63685b;display:flex;justify-content:space-between;margin-top:20px}input[type=range]{accent-color:#53613c;width:100%;margin:10px 0 0}.fine{font-size:10px;line-height:1.6;color:#777c6d}footer{display:flex;justify-content:space-between;margin-top:32px;border-top:1px solid var(--border);padding-top:18px;font:9px monospace;letter-spacing:.08em;color:#74796b}footer a{font-family:inherit;font-size:10px;text-decoration:none}.console:fullscreen{border-radius:0;width:100vw;height:100vh;display:flex;flex-direction:column;padding:20px}.console:fullscreen .screen-wrap{flex:1;min-height:0}.console:fullscreen .controls,.console:fullscreen .answers{max-width:792px;width:100%;margin:auto}.console:fullscreen .hint{text-align:center}
@media(max-width:880px){main{padding:20px 22px}.play-layout{grid-template-columns:minmax(0,1fr)}aside{display:grid;grid-template-columns:1fr 1fr;gap:30px}.sound-panel{border-top:0;border-left:1px solid var(--border);margin-top:0;padding:0 0 0 24px}.intro{padding:24px 0 20px}.games{max-width:none}.console{padding:16px}.screen-wrap{padding:12px 0}}
@media(max-width:520px){main{padding:16px 14px}header{padding-bottom:15px}.brand{font-size:14px;gap:7px}.header-note{display:none}.intro{padding:20px 0}.intro>p:last-child{font-size:12px}.eyebrow{font-size:9px}.games{gap:8px;margin-bottom:15px}.games button{padding:12px 10px;gap:9px}.games button>span:nth-child(2){font-size:14px}.games small{font-size:10px;line-height:1.5;max-width:100px}.game-arrow{display:none}.console{padding:12px 10px}.screen-wrap{padding:10px 0;min-height:176px}.console-top{font-size:11px;margin-bottom:11px}.controls button{padding:8px 11px}.answers button{font-size:16px;padding:10px;gap:10px}.play-layout{gap:22px}aside{gap:16px}.sound-panel{padding-left:16px}h2{font-size:16px}.howto ol,.howto>p:not(.eyebrow){font-size:11px}footer{gap:15px;font-size:8px}.console:fullscreen{padding:10px}.console:fullscreen .controls{padding:7px 0}.console:fullscreen .answers button{min-height:38px}}