.game-tutorial{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;background:#090c14f5;overflow:auto;touch-action:pan-y;box-sizing:border-box;color:#fff0d5;font-family:Arial,sans-serif}.tutorial-card{width:min(430px,100%);text-align:center;margin:auto}.tutorial-card>small{font-size:10px;letter-spacing:3px;color:#d9b875}.tutorial-card h2{font:900 30px Impact,Arial,sans-serif;letter-spacing:2px;margin:10px}.tutorial-note,.tutorial-status{font-size:12px;color:#c9c0ba}.tutorial-card video{display:block;width:100%;max-height:59dvh;aspect-ratio:3/5;background:#10141e;border:1px solid #96754066;border-radius:10px;margin:12px auto;object-fit:contain}.tutorial-actions{display:flex;gap:10px;justify-content:center}.tutorial-actions button{cursor:pointer;min-height:48px;border:1px solid #c49d62;border-radius:7px;padding:12px;font-size:10px;font-weight:bold;letter-spacing:1px;background:#a41c37;color:#fff0d5}.tutorial-actions .tutorial-skip{background:#1a1b24}.tutorial-actions button:focus-visible{outline:3px solid #fff0b3;outline-offset:3px}@media(max-height:500px){.tutorial-card{width:min(680px,100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:20px}.tutorial-card video{grid-column:2;grid-row:1/6;max-height:85dvh}.tutorial-actions{flex-direction:column}}

#topHowTo{font-size:8px;letter-spacing:.7px;white-space:nowrap;min-height:32px;border:1px solid #c49d6266;background:#17181ddd;color:#f4dca9;border-radius:6px;padding:8px 10px;cursor:pointer}
.playing #topHowTo{position:fixed;right:14px;top:max(86px,calc(env(safe-area-inset-top) + 72px));width:90px;z-index:20;pointer-events:auto;font-size:7px;padding:7px 5px}
@media(max-height:500px){.playing #topHowTo{top:118px;right:15px}}

.pc-controls{display:none}
@media(hover:hover) and (pointer:fine) and (min-width:900px){.playing .pc-controls,.match-active .pc-controls{display:block;position:fixed;bottom:8px;left:50%;transform:translateX(-50%);z-index:4;width:max-content;max-width:94vw;padding:8px 14px;border:1px solid #b7915555;border-radius:7px;background:#11141eea;color:#ead8b6;font:10px/1.5 Arial,sans-serif;text-align:center;letter-spacing:.5px;pointer-events:none}.victory-scene .pc-controls{display:none}}
button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #f4d18a;outline-offset:4px}

.input-choice{display:flex;align-items:center;gap:10px;margin:14px 0;color:#d8bd8d;font:9px Arial,sans-serif;letter-spacing:1px}
.input-choice select{flex:1;min-width:0;padding:10px;border:1px solid #b9975a66;border-radius:6px;background:#201923;color:#f8e6ca;font:12px Arial,sans-serif}
.touch-input .pc-controls,.touch-input .keyboard,.touch-input .keyboard-rules{display:none!important}
.desktop-input .playing #stick,.desktop-input .playing #controlHint,.desktop-input .playing .keyboard{display:none!important}
.desktop-input .playing .pc-controls,.desktop-input .match-active .pc-controls{display:block;position:fixed;bottom:8px;left:50%;transform:translateX(-50%);z-index:4;width:max-content;max-width:92vw;box-sizing:border-box;padding:8px 14px;border:1px solid #b7915555;border-radius:7px;background:#11141eea;color:#ead8b6;font:10px/1.5 Arial,sans-serif;text-align:center;pointer-events:none}
.desktop-input .victory-scene .pc-controls{display:none}
.desktop-input .match-active #swipeHint{display:none}
.desktop-input .match-active #touch .attacks{justify-content:center;gap:220px}
.desktop-input .match-active #touch button{width:130px!important;height:60px!important;border-radius:10px}
.desktop-input .playing #controls{height:75px;bottom:55px;pointer-events:none}
.desktop-input .playing #power{pointer-events:auto;height:55px;min-height:55px;border-radius:10px}
@media(max-width:650px){.desktop-input .match-active #touch .attacks{gap:120px}.desktop-input .match-active #touch button{width:90px!important;height:55px!important}.desktop-input .pc-controls{font-size:8px!important}}