body{margin:0;padding:0;user-select:none;-webkit-user-select:none;font-family:monospace;background-color:#fcf8f2}.retro-button{background-color:#f4b251;border:3px solid #4a3728;border-radius:6px;box-shadow:2px 2px #4a3728;color:#4a3728;font-family:monospace;font-weight:700;cursor:pointer;transition:transform .05s,box-shadow .05s;outline:none}.retro-button:hover{background-color:#f7be6d}.retro-button:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #4a3728}.retro-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.retro-dpad-button{background-color:#f7eedf;border:3px solid #4a3728;border-radius:8px;box-shadow:2px 2px #4a3728;color:#4a3728;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;outline:none;transition:transform .05s,box-shadow .05s}.retro-dpad-button:active,.retro-dpad-button.active{background-color:#f4b251;transform:translate(1px,1px);box-shadow:1px 1px #4a3728}.retro-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background-color:#0009;display:flex;align-items:center;justify-content:center}.retro-modal-content{background-color:#f7eedf;border:4px solid #4a3728;border-radius:8px;box-shadow:6px 6px #4a3728;color:#4a3728;padding:20px;max-width:90%;width:360px;text-align:center;display:flex;flex-direction:column}#level-select-modal .retro-modal-content{width:520px;max-width:95%}.retro-level-item{background-color:#fff;border:3px solid #4a3728;border-radius:6px;box-shadow:2px 2px #4a3728;padding:10px 12px;cursor:pointer;font-family:monospace;color:#4a3728;font-weight:700;text-align:left;transition:transform .05s,box-shadow .05s}.retro-level-item:hover{background-color:#fff9f0}.retro-level-item:active{transform:translate(1px,1px);box-shadow:1px 1px #4a3728}.retro-level-item.active{background-color:#ffdca6;border-color:#4a3728}.retro-level-completed-badge{background-color:#8ac926;border:2px solid #4a3728;border-radius:4px;font-size:10px;color:#fff;padding:1px 4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f7eedf;border-left:2px solid #4a3728}::-webkit-scrollbar-thumb{background:#f4b251;border:2px solid #4a3728;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#db902c}#canvas-container{touch-action:none;background-color:#cbd5e1}.retro-item-button{background-color:#f7eedf;border:3px solid #4a3728;border-radius:8px;box-shadow:2px 2px #4a3728;color:#4a3728;width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;outline:none;transition:transform .05s,box-shadow .05s}.retro-item-button:active,.retro-item-button.active{background-color:#ffdca6;transform:translate(1px,1px);box-shadow:1px 1px #4a3728}.retro-badge{position:absolute;top:-6px;right:-6px;background-color:#e29578;border:2px solid #4a3728;border-radius:9999px;color:#4a3728;font-weight:900;font-size:9px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px #4a3728;pointer-events:none;font-family:monospace;padding:0 2px}.retro-badge.ad-badge{background-color:#8ac926;color:#f7eedf;font-size:11px;min-width:20px;height:20px}@media(max-height:510px)and (min-width:500px){#virtual-controls{padding-top:4px!important;padding-bottom:6px!important;width:240px!important}#virtual-controls>div{gap:4px!important}.hidden.landscape\:flex.md\:flex.flex-col{padding-bottom:4px!important}h1.text-2xl{font-size:1.1rem!important;margin-bottom:2px!important}#side-level-title{padding:1px 6px!important;font-size:10px!important}.flex.justify-between.w-full.mt-4.px-2.gap-2{margin-top:4px!important;padding-left:2px!important;padding-right:2px!important;gap:4px!important}.flex-1.bg-\[\#fcf8f2\].border-2{padding:2px 4px!important}#side-best-steps-val-label,#side-current-steps-val-label{font-size:8px!important}#side-best-steps-val,#side-current-steps-val{font-size:13px!important;font-weight:900!important}.retro-dpad-button{width:36px!important;height:36px!important;border-width:2px!important;border-radius:6px!important;box-shadow:1px 1px #4a3728!important}.retro-dpad-button svg{width:16px!important;height:16px!important;stroke-width:2.5!important}#dpad .flex.gap-1{gap:2px!important}#dpad div[class*=w-]{width:36px!important;height:36px!important}.retro-item-button{width:36px!important;height:36px!important;border-width:2px!important;border-radius:6px!important;box-shadow:1px 1px #4a3728!important}.retro-item-button svg{width:16px!important;height:16px!important}#items-panel{gap:8px!important;margin-top:4px!important}#label-undo,#label-reset,#label-hint,#label-skip{display:none!important}.hidden.landscape\:flex.md\:flex.justify-center.gap-3{padding-top:4px!important;border-top-width:2px!important;gap:8px!important}#btn-settings-side,#btn-levels-side{padding:3px 8px!important;font-size:10px!important;border-width:2px!important;box-shadow:1px 1px #4a3728!important}#btn-settings-side svg,#btn-levels-side svg{width:12px!important;height:12px!important}}