.rpg-wrap{--rpg-shell:#c6c6b0;--rpg-shell-dark:#858575;--rpg-ink:#263a32;--rpg-screen:#aab89a;max-width:520px;margin:1.5rem auto;font-family:monospace;color:var(--rpg-ink);user-select:none;-webkit-user-select:none}.rpg-shell{position:relative;padding:clamp(18px,5vw,32px);background:linear-gradient(145deg,#e0e0c9 0%,var(--rpg-shell) 46%,#9a9a88 100%);border:4px solid #505047;border-radius:28px;box-shadow:inset 3px 3px 0 #f2f2dc,inset -5px -5px 0 #707064,8px 10px 0 #35352f}.rpg-brand{text-align:center;letter-spacing:.16em;font-size:clamp(12px,3vw,16px);font-weight:bold;margin:0 0 12px;color:#4a4a42;text-shadow:1px 1px #ececd4}.rpg-screen-frame{padding:10px;background:#4c5148;border:3px solid #343831;border-radius:10px;box-shadow:inset 2px 2px 0 #1b201c}.rpg-canvas{display:block;width:100%;aspect-ratio:4/5;background:var(--rpg-screen);image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}.rpg-stats{display:flex;justify-content:space-between;gap:8px;padding:8px 2px 0;font-weight:bold;font-size:clamp(11px,3vw,14px);letter-spacing:.04em}.rpg-status{min-height:1.2em;text-align:center;margin-top:4px;font-size:11px}.rpg-controls{display:flex;justify-content:space-between;align-items:center;padding:22px 4px 8px}.rpg-dpad{position:relative;width:126px;height:112px}.rpg-key,.rpg-action{border:0;color:#eee;background:#464940;box-shadow:inset 2px 2px 0 #666b60,3px 4px 0 #30322d;font-family:inherit;font-weight:bold;touch-action:none}.rpg-key{position:absolute;width:40px;height:40px;font-size:20px}.rpg-key:active,.rpg-action:active{transform:translate(2px,3px);box-shadow:inset 2px 2px 0 #666b60,1px 1px 0 #30322d}.rpg-up{left:43px;top:0;border-radius:6px 6px 2px 2px}.rpg-down{left:43px;bottom:0;border-radius:2px 2px 6px 6px}.rpg-left{left:0;top:36px;border-radius:6px 2px 2px 6px}.rpg-right{right:0;top:36px;border-radius:2px 6px 6px 2px}.rpg-actions{display:flex;gap:14px;align-items:flex-end;transform:rotate(-12deg);padding-right:8px}.rpg-action{width:52px;height:52px;border-radius:50%;font-size:15px}.rpg-action span{display:block;font-size:9px;margin-top:3px;color:#d2d5bd}.rpg-start{display:block;margin:8px auto 0;padding:6px 16px;border:2px solid #68685d;border-radius:10px;background:#a0a08c;color:#35352f;font:700 12px monospace;box-shadow:2px 3px 0 #5c5c52}.rpg-start:active{transform:translate(1px,2px);box-shadow:1px 1px 0 #5c5c52}.rpg-help{text-align:center;font-size:10px;opacity:.75;margin:13px 0 0}@media(min-width:700px){.rpg-controls{padding-left:12px;padding-right:12px}}