*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;touch-action:none}body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a2e;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center}#app{text-align:center;padding:16px;width:100%}h1{color:#4ecca3;margin-bottom:12px;font-size:2rem}.game-info{color:#eee;font-size:1.2rem;margin-bottom:12px;display:flex;justify-content:center;gap:24px}.game-info #score,.game-info #timer,.game-info #max-length{color:#4ecca3;font-weight:700}#game-canvas{background:#16213e;border:2px solid #4ecca3;border-radius:8px;display:block;margin:0 auto;touch-action:none}.controls{margin-top:16px;color:#eee}.controls p{margin-bottom:12px;opacity:.7;font-size:.9rem}#start-btn{background:#4ecca3;color:#1a1a2e;border:none;padding:14px 40px;font-size:1.1rem;font-weight:700;border-radius:25px;cursor:pointer}#start-btn:active{transform:scale(.96)}.canvas-wrapper{position:relative;display:inline-block}.swipe-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;border-radius:8px;opacity:1;transition:opacity .5s}.swipe-hint.fade-out{opacity:0;pointer-events:none}.swipe-hint .center-label{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;color:#eee;font-size:.9rem;white-space:nowrap;opacity:.8}.swipe-hint #start-btn{margin-top:16px}.swipe-arrows{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:16px;width:200px;height:200px}.swipe-arrows .arrow{color:#4ecca3;font-size:2rem;display:flex;align-items:center;justify-content:center}.swipe-arrows .arrow.up{grid-column:2;grid-row:1;animation:slide-up 2s ease-in-out infinite 0s}.swipe-arrows .arrow.right{grid-column:3;grid-row:2;animation:slide-right 2s ease-in-out infinite .5s}.swipe-arrows .arrow.down{grid-column:2;grid-row:3;animation:slide-down 2s ease-in-out infinite 1s}.swipe-arrows .arrow.left{grid-column:1;grid-row:2;animation:slide-left 2s ease-in-out infinite 1.5s}@keyframes slide-up{0%,to{opacity:.3;transform:translateY(6px)}50%{opacity:1;transform:translateY(-6px)}}@keyframes slide-down{0%,to{opacity:.3;transform:translateY(-6px)}50%{opacity:1;transform:translateY(6px)}}@keyframes slide-left{0%,to{opacity:.3;transform:translate(6px)}50%{opacity:1;transform:translate(-6px)}}@keyframes slide-right{0%,to{opacity:.3;transform:translate(-6px)}50%{opacity:1;transform:translate(6px)}}.rules{margin-top:20px;color:#eee;font-size:.85rem;opacity:.7}.rules p{margin:4px 0}