.sb-page{min-height:100vh;background:radial-gradient(circle at top,#1f3a26 0,#0c1510 70%);padding:24px 16px;color:#e8f5e9;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.sb-container{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.sb-title{font-size:2.4rem;font-weight:800;letter-spacing:.02em;color:#69f0ae;text-shadow:0 0 12px rgba(105,240,174,.45);margin:0 0 12px}.sb-scores{display:flex;gap:28px;font-size:1.05rem;color:#a5d6a7;margin-bottom:12px}.sb-scores strong{color:#ffffff;font-size:1.25rem;margin-left:6px}.sb-canvas{display:block;width:100%;max-width:600px;height:auto;border-radius:14px;border:3px solid #2e7d32;box-shadow:0 0 24px rgba(76,175,80,.35);touch-action:none}.sb-pad{display:none;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:6px;margin-top:16px}@media (hover:none) and (pointer:coarse){.sb-pad{display:grid}}.sb-pad button{border:none;border-radius:12px;background:#2e7d32;color:#e8f5e9;font-size:1.3rem;cursor:pointer;user-select:none}.sb-pad button:active{background:#43a047}.sb-pad-up{grid-area:up}.sb-pad-down{grid-area:down}.sb-pad-left{grid-area:left}.sb-pad-right{grid-area:right}.sb-restart{margin-top:16px;background:#43a047;color:#fff;border:none;border-radius:8px;padding:10px 26px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.sb-restart:hover{background:#388e3c}.sb-instructions{margin-top:22px;width:100%;background:rgba(0,0,0,.3);border:1px solid #2e4d33;border-radius:10px;padding:14px 18px;color:#c8e6c9}.sb-instructions h2{font-size:1.05rem;color:#69f0ae;margin:0 0 8px}.sb-instructions ul{list-style:none;padding:0;margin:0}.sb-instructions li{margin-bottom:6px;font-size:.92rem;line-height:1.5}.sb-instructions li span{font-weight:700;color:#fff;background:#2b3d2e;padding:2px 6px;border-radius:4px;border:1px solid #4b6b50}