.sr-platformer,.sr-platformer *{box-sizing:border-box}
  .sr-platformer{color:#edf4ed;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .sr-platformer{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;min-height:100svh;margin-inline:auto;padding:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#183747 0%,#0b1b27 46%,#060d15 100%)}
  .sr-game-shell{width:100%;max-width:1130px;min-width:0;margin-inline:auto;padding:clamp(10px,2vw,20px);border:1px solid #54707480;border-radius:22px;background:linear-gradient(145deg,#112936,#101d2a 55%,#0a1520);box-shadow:0 30px 90px #0009,inset 0 1px 0 #b5d8c322}
  .sr-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 16px}.sr-head>div:first-child{flex:1;min-width:0}
  .sr-brand{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:750;color:#99c5b0}
  .sr-title{font-size:clamp(18px,2.3vw,25px);font-weight:700;letter-spacing:-.035em;margin:5px 0 0;color:#f5f0dc}
  .sr-head-right{display:flex;align-items:center;gap:12px}.sr-head-note{font-size:11px;letter-spacing:.06em;color:#a9c5c3;white-space:nowrap}
  .sr-music{padding:9px 13px;border:1px solid #72979688;border-radius:99px;background:#224553;color:#eaf6e9;font:650 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;white-space:nowrap}
  .sr-music:focus-visible,.sr-primary:focus-visible,.sr-control:focus-visible,.sr-class:focus-visible{outline:3px solid #b8e6d2;outline-offset:2px}
  .sr-hud{display:flex;min-width:0;gap:8px;margin-bottom:10px}.sr-pill{flex:1;min-width:0;display:flex;justify-content:space-between;gap:4px;border:1px solid #8eb2aa3d;border-radius:9px;background:#071b26;padding:9px 12px;font-size:11px}.sr-pill span{color:#a5c2bd}.sr-pill strong{color:#f3d89e;font-variant-numeric:tabular-nums}
  .sr-frame{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;border:1px solid #77969a78;border-radius:12px;background:#0b1b25}
  #sr-canvas{width:100%;max-width:100%;height:clamp(320px,49vw,475px);display:block;outline:none;touch-action:none}
  .sr-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:12px;background:linear-gradient(130deg,#05111fe8,#102530d9 55%,#091523ed);backdrop-filter:blur(8px)}
  .sr-overlay[hidden]{display:none}.sr-overlay-box{width:min(100%,680px);max-height:100%;overflow:auto;padding:clamp(15px,3vw,27px);text-align:center;border:1px solid #afcabe65;border-radius:20px;background:linear-gradient(135deg,#163241ee,#152732f7);box-shadow:0 22px 70px #0009,inset 0 1px 0 #d2eddf22}
  .sr-overline{font-size:10px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:#c3dfa9}
  .sr-overlay h2{font-size:clamp(22px,4vw,31px);letter-spacing:-.04em;line-height:1.1;margin:9px 0}.sr-overlay p{font-size:12px;line-height:1.5;color:#c6d7d2;max-width:540px;margin:0 auto 13px}
  .sr-class-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 14px}.sr-class-picker[hidden]{display:none}
  .sr-class{position:relative;overflow:hidden;min-height:93px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:left;padding:11px 62px 11px 13px;cursor:pointer;border:1px solid #8bb4ad50;border-radius:12px;background:#0d2835;color:#dae8df;font:inherit;transition:transform .2s ease,background .2s ease,border-color .2s ease}
  .sr-class:hover{transform:translateY(-2px);background:#174251}.sr-class[aria-pressed="true"]{border-color:#d6deb2;background:linear-gradient(135deg,#245152,#34534a);box-shadow:inset 0 1px 0 #fff4}
  .sr-class strong{font-size:13px}.sr-class span{font-size:10px;color:#b9d0c9}.sr-class em{font-style:normal;font-size:13px;color:#ead8a7;margin-right:5px}
  .sr-class img{position:absolute;right:1px;bottom:-2px;max-width:61px;height:88px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 5px 7px #0007);pointer-events:none}
  .sr-primary{min-height:42px;padding:0 19px;border:1px solid #e6efc7;border-radius:99px;background:#d9e5bd;color:#173039;font:750 12px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 8px 22px #0004;transition:transform .2s,background .2s}.sr-primary:hover{background:#f3f0d1;transform:translateY(-2px)}
  .sr-controls{display:flex;justify-content:space-between;align-items:center;min-width:0;gap:8px;margin-top:13px;user-select:none;-webkit-user-select:none}.sr-move,.sr-actions{display:flex;min-width:0;gap:8px}
  .sr-control{touch-action:none;min-width:60px;height:55px;display:grid;place-items:center;border:1px solid #83b0aa90;border-radius:12px;background:#224c56;color:#f5f3dd;font:700 19px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.sr-control:active,.sr-control.pressed{background:#477a72;transform:scale(.97)}.sr-jump,.sr-fire{font-size:11px;letter-spacing:.04em;padding:0 9px}.sr-fire{background:#724649;border-color:#d59b80}.sr-help{margin:11px 0 0;text-align:center;color:#aac5be;font-size:11px}
  @media(max-width:640px){.sr-platformer{padding:6px}.sr-game-shell{border-radius:13px;padding:8px}.sr-head{flex-wrap:wrap;gap:6px;padding:1px 2px 9px}.sr-head-right{margin-left:auto}.sr-head-note{display:none}.sr-title{font-size:clamp(14px,4.2vw,18px);line-height:1.15}.sr-brand{font-size:9px;letter-spacing:.12em}.sr-music{padding:7px 9px;font-size:10px}.sr-hud{gap:3px;margin-bottom:7px}.sr-pill{padding:5px 2px;flex-direction:column;text-align:center;gap:1px;font-size:10px}.sr-pill span{font-size:9px}.sr-pill strong{white-space:nowrap;font-size:clamp(8px,2.7vw,11px)}#sr-lives{letter-spacing:-.08em}.sr-frame{border-radius:9px}#sr-canvas{height:clamp(320px,54svh,430px)}.sr-overlay{padding:7px}.sr-overlay-box{width:100%;padding:11px;border-radius:14px}.sr-overlay h2{font-size:clamp(18px,5vw,24px);margin:6px 0}.sr-overlay p{font-size:11px;line-height:1.35;margin-bottom:7px}.sr-class-picker{gap:4px;margin:8px 0}.sr-class{min-width:0;min-height:93px;align-items:center;justify-content:flex-end;gap:2px;text-align:center;padding:6px 2px}.sr-class img{position:static;order:-1;max-width:100%;height:55px;margin:auto auto 0}.sr-class strong{font-size:10px;line-height:1.1;white-space:nowrap}.sr-class em{font-size:11px;margin-right:2px}.sr-class span{display:none}.sr-primary{min-height:39px}.sr-controls{gap:4px;margin-top:8px}.sr-move,.sr-actions{gap:4px}.sr-control{width:clamp(42px,12vw,50px);min-width:0;height:48px;border-radius:10px}.sr-jump,.sr-fire{width:clamp(57px,16vw,73px);font-size:9px;padding:0 3px}.sr-help{font-size:9px;line-height:1.4;margin-top:7px}}
  @media(max-width:360px){.sr-head{align-items:flex-start}.sr-title{font-size:14px}.sr-control{width:42px}.sr-jump,.sr-fire{width:57px}.sr-move,.sr-actions{gap:3px}}
  @media(prefers-reduced-motion:reduce){.sr-class,.sr-primary{transition:none}}