.hero-art{position:relative;isolation:isolate}.hero-image{object-fit:contain!important;object-position:center!important}.hero-fallback{position:absolute;inset:0;display:grid;place-items:center;background:var(--tint);color:var(--ink);font:800 64px/1 Arial,sans-serif;letter-spacing:-3px}.hero-fallback[hidden]{display:none}.tutorial-slot{width:100%;aspect-ratio:720/604;display:grid;place-items:center;position:relative;overflow:hidden;border:1px dashed var(--field);border-radius:18px;background:var(--tint);margin:14px 0}.tutorial-placeholder{text-align:center;padding:24px;max-width:100%;color:var(--body)}.tutorial-placeholder svg{width:48px;height:48px;display:block;margin:0 auto 14px;opacity:.7}.tutorial-placeholder strong{display:block;font-size:17px;line-height:1.6;color:var(--ink)}.tutorial-placeholder p{font-size:13px;line-height:1.6;margin:6px 0 0}.tutorial-animation{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:var(--tint)}.tutorial-animation[hidden]{display:none}.tutorial-caption{font-size:13px!important;line-height:1.7;color:var(--body);margin:12px 0 0}.menu-demo-dialog{max-width:430px}.menu-demo-dialog .dialog-head h2{font-size:23px}:lang(km) .tutorial-placeholder strong{font-size:16px;line-height:1.9}:lang(km) .tutorial-placeholder p{font-size:13px;line-height:1.9}

/* V10: wide artwork dictates its own slot; no square crop or fixed-height letterbox. */
.hero-art{height:auto!important;min-height:0!important;aspect-ratio:4/3;margin-top:0!important;margin-bottom:12px!important}.hero-image{width:100%;height:100%;object-fit:contain!important}

/* Independent usability fixes; rejected Gate artwork/layout remains unchanged. */
.native-dots-static{background:var(--tint);border-color:var(--line);box-shadow:none;cursor:default}.native-dots-static span{background:var(--body)}.screen[data-view="form"]>.guide-back{min-height:44px;margin-bottom:12px}.screen[data-view="form"] h1{margin-top:0}.review-controls[hidden]{display:none!important}