.skeet-game { --sk-ink:#21393b; --sk-muted:#536a69; color:var(--sk-ink); font-family:inherit; }
.skeet-game * { box-sizing:border-box; }
.skeet-game .sk-shell { position:relative; max-width:1180px; margin:0 auto; padding:clamp(12px,2vw,22px); border:1px solid #c7d1c3; border-radius:17px; background:#f7f4e7; }
.skeet-game p { color:var(--sk-ink); }
.skeet-game .sk-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.skeet-game .sk-heading h2 { margin:0; font-size:clamp(1.45rem,2.5vw,2rem); }
.skeet-game .sk-kicker { margin:0 0 3px; color:#42675e; font-size:.74rem; font-weight:850; letter-spacing:.1em; }
.skeet-game .sk-memory { margin:0; color:var(--sk-muted); font-size:.84rem; }
.skeet-game .sk-intro { margin:7px 0 10px; font-size:.94rem; }
.skeet-game .sk-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin-bottom:7px; }
.skeet-game .sk-tiers { display:flex; flex-wrap:wrap; gap:7px; }
.skeet-game button { min-width:44px; min-height:44px; padding:8px 12px; border:1px solid #829b94; border-radius:9px; background:#fffdf6; color:#203a3d; font:inherit; font-weight:650; cursor:pointer; }
.skeet-game button:hover:not(:disabled) { background:#e5f0e5; }
.skeet-game button:focus-visible, .skeet-game canvas:focus-visible { outline:3px solid #176b61; outline-offset:3px; }
.skeet-game button:disabled { opacity:.55; cursor:not-allowed; }
.skeet-game .sk-tiers [aria-pressed="true"] { border-color:#397367; background:#d8eadf; box-shadow:inset 0 0 0 1px #397367; }
.skeet-game .sk-readouts { display:flex; flex:1; flex-wrap:wrap; gap:8px 15px; color:var(--sk-muted); font-size:.9rem; }
.skeet-game .sk-readouts strong { color:var(--sk-ink); font-size:1.02rem; }
.skeet-game .sk-rewards { min-height:1.2em; margin:4px 0 8px; color:#385750; font-size:.83rem; }
.skeet-game canvas { display:block; width:min(100%, calc(min(360px, 40vh) * 24 / 13)); height:auto; margin:0 auto; aspect-ratio:24 / 13; border:3px solid #d3be8e; border-radius:9px; background:#99bd9e; cursor:crosshair; touch-action:none; }
.skeet-game .sk-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:9px; }
.skeet-game .sk-aim-pad { display:grid; grid-template-columns:repeat(4, 66px); grid-template-rows:48px; gap:6px; }
.skeet-game .sk-aim-pad button { display:flex; align-items:center; justify-content:center; flex-direction:column; padding:3px; border:2px solid #a9c3a2; background:#36575c; color:#fff4d0; font:700 1.1rem/1 system-ui,sans-serif; touch-action:none; user-select:none; }
.skeet-game .sk-aim-pad button small { font:600 .62rem/1.15 system-ui,sans-serif; }
.skeet-game .sk-aim-pad button:hover:not(:disabled) { background:#26464c; }
.skeet-game .sk-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.skeet-game .sk-actions button { min-height:46px; border-color:#a9c3a2; background:#36575c; color:#fff4d0; }
.skeet-game .sk-actions button:first-child { border-color:#c49b59; background:#efc77d; color:#293f43; }
.skeet-game .sk-actions button:hover:not(:disabled) { background:#26464c; }
.skeet-game .sk-actions button[data-action="fire"]:hover:not(:disabled) { background:#f5d59b; }
.skeet-game .sk-status { min-height:1.4em; margin:8px 0 0; padding:8px 11px; border-left:4px solid #9baf9e; border-radius:3px; background:#eef2e9; color:#203a3d; text-align:center; font-weight:700; }
.skeet-game .sk-help, .skeet-game .sk-flight-note { margin:6px auto 0; color:var(--sk-muted); text-align:center; font-size:.79rem; line-height:1.4; }
.skeet-game .sk-flight-note { color:#425f59; }
.skeet-game .sk-confirm { position:absolute; z-index:5; inset:0; display:grid; place-items:center; padding:18px; border-radius:17px; background:rgba(17,35,37,.6); }
.skeet-game .sk-confirm[hidden] { display:none; }
.skeet-game .sk-confirm section { width:min(100%,430px); padding:22px; border:1px solid #a7b6a6; border-radius:14px; background:#fffdf6; box-shadow:0 12px 38px #0004; }
.skeet-game .sk-confirm h3 { margin:0 0 8px; }
.skeet-game .sk-confirm p { color:#293f43; }
.skeet-game .sk-confirm section > div { display:flex; flex-wrap:wrap; gap:8px; }
@media(max-width:760px) { .skeet-game .sk-heading { align-items:flex-start; flex-direction:column; gap:3px; } .skeet-game .sk-controls { flex-direction:column; } .skeet-game .sk-actions { justify-content:center; } }
@media(max-width:470px) { .skeet-game .sk-shell { padding:10px; } .skeet-game .sk-tiers { width:100%; } .skeet-game .sk-tiers button { flex:1 1 30%; padding:7px 5px; font-size:.79rem; } .skeet-game .sk-readouts { font-size:.8rem; } .skeet-game .sk-aim-pad { grid-template-columns:repeat(4,58px); } .skeet-game .sk-actions button { padding:7px 9px; } }
@media(min-width:761px) and (max-height:760px) {
  .skeet-game .sk-shell { padding:8px 12px; border-radius:12px; }
  .skeet-game .sk-heading { justify-content:flex-end; min-height:1em; }
  .skeet-game .sk-heading > div { display:none; }
  .skeet-game .sk-memory { font-size:.74rem; line-height:1.1; }
  .skeet-game .sk-intro { display:none; }
  .skeet-game .sk-toolbar { gap:5px 12px; margin-bottom:3px; }
  .skeet-game .sk-tiers { gap:5px; }
  .skeet-game button { min-height:38px; padding:6px 10px; }
  .skeet-game .sk-readouts { gap:4px 11px; font-size:.8rem; }
  .skeet-game .sk-readouts strong { font-size:.9rem; }
  .skeet-game .sk-rewards { min-height:1em; margin:3px 0 5px; font-size:.75rem; line-height:1.1; }
  .skeet-game canvas { width:auto; max-width:100%; height:min(310px, calc(100vh - 390px)); }
  .skeet-game .sk-controls { margin-top:5px; gap:6px; }
  .skeet-game .sk-aim-pad { grid-template-columns:repeat(4,60px); grid-template-rows:42px; gap:4px; }
  .skeet-game .sk-aim-pad button { min-height:42px; }
  .skeet-game .sk-actions { gap:5px; }
  .skeet-game .sk-actions button { min-height:42px; }
  .skeet-game .sk-status { min-height:1.2em; margin-top:5px; padding:5px 8px; }
  .skeet-game .sk-help, .skeet-game .sk-flight-note { margin-top:3px; font-size:.7rem; line-height:1.2; }
}
@media(prefers-reduced-motion:reduce) { .skeet-game *, .skeet-game *::before, .skeet-game *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }