:root{color:#2f2419;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#fff6dce6,#0000 32%),linear-gradient(#c6975d 0%,#e9d1a3 38%,#f7eed9 100%);font-family:Trebuchet MS,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#app{min-height:100vh}.shell{min-height:100vh;padding:24px}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf6e9e6;border:1px solid #57391933;border-radius:28px;gap:24px;max-width:1180px;margin:0 auto;padding:28px;display:grid;box-shadow:0 24px 60px #4a301329}.heading{align-items:flex-start;gap:20px;display:flex}.title-block{max-width:540px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#8b5a2b;margin:0 0 8px;font-size:.8rem}h1,h2,p{margin:0}h1{max-width:100%;font-size:clamp(1.8rem,2.6vw,3.1rem);line-height:1.05}h2{margin-bottom:10px;font-size:1rem}.controls{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.sidebar-controls{align-items:stretch}.difficulty-picker{background:#fff8eceb;border:1px solid #5c381624;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex}.difficulty-picker span{color:#6d4928;font-size:.92rem}.difficulty-picker select{color:#2f2419;font:inherit;background:0 0;border:none}.controls button{color:#fff8ec;cursor:pointer;background:linear-gradient(135deg,#6d4928,#a1692f);border:none;border-radius:999px;padding:12px 18px;transition:transform .16s,box-shadow .16s;box-shadow:0 12px 20px #5c381633}.controls button:hover{transform:translateY(-1px);box-shadow:0 16px 28px #5c38163d}.content{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:20px;display:grid}.board-column{gap:16px;display:grid}#game{aspect-ratio:1;touch-action:none;background:#efe3c2;border:1px solid #5739192e;border-radius:24px;width:min(100%,100vw - 380px,640px);box-shadow:inset 0 1px #fffcf2b3}.sidebar{align-content:start;gap:16px;display:grid}.card{background:#fffaefe0;border:1px solid #6f4d2a24;border-radius:20px;padding:16px 18px}.card p+p{margin-top:8px}.touch-controls{justify-items:center;padding:8px 0 0;display:none}.touch-pad{grid-template-columns:repeat(3,minmax(0,72px));grid-template-areas:".up.""left.right"".down.";justify-content:center;gap:10px;display:grid}.move-button{color:#5b3b1c;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fff6e0,#ecd4a5);border:none;border-radius:22px;width:72px;height:72px;font-size:1.4rem;box-shadow:inset 0 1px #ffffffe6,0 10px 20px #66452124}.move-button.up{grid-area:up}.move-button.left{grid-area:left}.move-button.right{grid-area:right}.move-button.down{grid-area:down}.move-button:active{transform:translateY(1px)}@media (width<=980px){.shell{padding:14px}.panel{border-radius:22px;padding:18px}.heading,.content{grid-template-columns:1fr;display:grid}.controls{justify-content:flex-start}.board-column{order:2}.sidebar{order:1;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-controls{grid-column:1/-1}#game{width:min(100%,82vw,560px)}.touch-device .touch-controls{display:grid}}@media (width<=640px){.shell{padding:10px}.panel{border-radius:18px;gap:14px;padding:14px}.controls{gap:10px}.content{gap:14px}.sidebar{grid-template-columns:1fr;gap:12px}.difficulty-picker,.controls button{justify-content:center;width:100%}#game{width:min(100%,92vw,520px)}.touch-pad{grid-template-columns:repeat(3,minmax(0,56px));gap:8px}.move-button{border-radius:18px;width:56px;height:56px;font-size:1.15rem}.touch-controls{padding-top:4px}}