*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#1a1a24;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#shell{height:100%;display:flex;flex-direction:column}#screen-area{flex:1;min-height:0;display:flex}#bezel{flex:1;min-width:0;display:flex;flex-direction:column}#game{flex:1;min-height:0}#game canvas{image-rendering:pixelated}#bezel-label,#controls{display:none}body.handheld{background:#17141c}body.handheld #shell{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body.handheld #screen-area{padding:0}body.handheld #bezel{background:#17141c;padding:0}body.handheld #bezel-label{display:none}body.handheld #controls{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"stick ab" "menu menu";align-items:end;row-gap:18px;padding:14px 22px}body.handheld #stick-zone{grid-area:stick}body.handheld #ab-btns{grid-area:ab;display:flex;gap:22px;justify-content:flex-end;align-items:flex-end}body.handheld #menu-btns{grid-area:menu;justify-self:center;align-self:start}#stick-zone{position:relative;width:100%;height:168px;touch-action:none}#stick-base{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:2px solid rgba(255,240,200,.55);background:#18141c4d;opacity:0;transition:opacity .12s ease;pointer-events:none}#stick-zone.active #stick-base{opacity:1}#stick-knob{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:#f5cd78d9;box-shadow:0 0 0 2px #17141c8c}.round{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,236,190,.55);background:#18141c6b;backdrop-filter:blur(2px);font-family:monospace;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);touch-action:none}.round.a{background:#96342e85;border-color:#ffa89ebf}.round.b{background:#18141c73;border-color:#ffffff73}.round:active,.round.pressed{background:#f5c34a73;border-color:#f5c34acc;transform:scale(.94)}#menu-btns{display:flex;gap:20px;justify-self:center;align-self:end;padding-bottom:4px}.pill{min-width:88px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#18141c73;backdrop-filter:blur(2px);font-family:monospace;font-size:12px;letter-spacing:1.5px;color:#ffffffeb;touch-action:none}.pill:active,.pill.pressed{background:#f5c34a59;color:#fff}.pill:disabled{opacity:.55}@media(orientation:portrait){body.handheld #screen-area{flex:1}body.handheld #bezel{width:100%}body.handheld #game{flex:1;width:100%}body.handheld #controls{position:fixed;left:0;right:0;bottom:0;align-content:end;padding-bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to top,#0f0d128c,#0f0d1200)}body.handheld #stick-zone,body.handheld #ab-btns,body.handheld #menu-btns,body.handheld .pill,body.handheld .round{pointer-events:auto}}@media(orientation:landscape){body.handheld #shell{flex-direction:row;align-items:center}body.handheld #screen-area{order:1;height:100%}body.handheld #controls{display:contents}body.handheld #stick-zone{order:0;flex:0 0 22vw;min-width:132px;height:100%;margin-left:16px}body.handheld #ab-btns{flex:0 0 auto}body.handheld #ab-btns{order:2;margin-right:20px}body.handheld #menu-btns{position:fixed;left:50%;transform:translate(-50%);bottom:6px}}