*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#061624;color:white;font-family:system-ui,sans-serif;touch-action:none}#game{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}#stage{position:relative;width:min(100vw,177.77778dvh);height:min(100dvh,56.25vw);overflow:hidden;isolation:isolate}#background,#screen{position:absolute;inset:0;width:100%;height:100%}#background{object-fit:fill}#screen{pointer-events:none}#rumi{position:absolute;left:10%;bottom:7%;height:48%;max-width:25%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 6px #0008)}button{font-weight:900;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#topbuttons{position:absolute;right:1%;top:2%;display:flex;gap:8px}#topbuttons button{font-size:clamp(12px,2vw,25px);border:2px solid #f6bc57;border-radius:10px;background:#12364bdc;color:white;padding:.2em .55em}#controls{position:absolute;inset:0;pointer-events:none}#controls button{pointer-events:auto;border:2px solid #a5b6c6;background:#193a56e8;color:white;box-shadow:inset 0 2px 2px #ffffff44,0 4px 0 #091525;font-size:clamp(18px,2.8vw,37px);display:flex;align-items:center;justify-content:center;padding:0}#controls button:active{background:#278db1;transform:translateY(2px);box-shadow:0 2px 0 #091525}.dpad{position:absolute;left:1.2%;bottom:3%;width:17%;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;pointer-events:none}.dpad button{border-radius:9px}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .center{grid-column:2;grid-row:2;background:#152c43e8;color:#c4d7e6;display:grid;place-items:center;font-size:clamp(12px,2vw,24px)}.dpad .right{grid-column:3;grid-row:2}.dpad .down{grid-column:2;grid-row:3}.action-buttons{position:absolute;right:1.1%;bottom:3.5%;width:15%;height:21%;pointer-events:none}.action-buttons button{position:absolute;width:46%;aspect-ratio:1;border-radius:50%;background:#bd2d56ed;border-color:#ffb5cb;line-height:1}.action-buttons .rotate-a{right:0;top:0}.action-buttons .rotate-b{left:0;bottom:0;background:#385bceeb;border-color:#c2d1ff}.action-buttons small{position:absolute;right:8%;bottom:4%;font-size:clamp(8px,.9vw,13px)}#cover{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#031323aa;z-index:5}#cover.hidden{display:none}.modal{background:#07243af2;border:4px solid #f3b84c;border-radius:22px;text-align:center;padding:clamp(12px,2vw,32px);box-shadow:0 10px 35px #000a;max-width:62%}.modal h1{font-size:clamp(20px,4vw,58px);margin:0 0 .15em;color:#ffdc4f}.modal p{font-size:clamp(12px,1.8vw,24px)}.modal button{background:#ffd24a;color:#15263c;border:0;border-radius:10px;padding:.5em 1.5em;font-size:clamp(16px,2.2vw,30px)}.modal small{display:block;margin-top:10px;font-size:clamp(10px,1.15vw,16px)}footer{position:fixed;bottom:2px;right:6px;font-size:10px;opacity:.6}footer a{color:#fff}@media(orientation:portrait){#stage{position:absolute;width:100dvh;height:56.25dvh;max-width:none;max-height:none;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}#game{overflow:hidden}footer{display:none}}@media(max-height:420px) and (orientation:landscape){.dpad{width:15%;bottom:1%}.action-buttons{width:13%;bottom:1%}}
/* Desactivar gestos de pulsación larga en controles móviles */
#controls,#controls button,#stage{ -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; }
#controls,#controls button{touch-action:none;overscroll-behavior:contain;}
#controls button{-webkit-user-drag:none;}