/* Osmi case v4: one screen height. Playable game in a full-height iPhone frame (rule lives on the game start screen), screens carousel and socials beside it
   (on phones: two tabs «Сыграть» / «Экраны и соцсети»). Monochrome site shell, tokens from site/tokens.css.
   The game keeps its own neon look inside the phone (ported from components/osmi_game). */
.c-osmi_case_v5{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;height:100vh;height:100svh;min-height:600px;max-height:980px;padding:20px var(--pad) 16px;display:flex;flex-direction:column;overflow:hidden;color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;background:var(--page)}
.c-osmi_case_v5 *,.c-osmi_case_v5 *::before,.c-osmi_case_v5 *::after{box-sizing:border-box}
.c-osmi_case_v5 :where(h2,h3,p,dl,dd,dt,ul){margin:0;padding:0}
.c-osmi_case_v5 :where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.c-osmi_case_v5 :focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.c-osmi_case_v5__head{flex:none}
.c-osmi_case_v5__brand{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-3);letter-spacing:.02em}
.c-osmi_case_v5__brand img{width:30px;height:30px;border-radius:50%;display:block;background:var(--sunken)}
.c-osmi_case_v5__title{margin-top:10px;max-width:820px;color:var(--heading);font-weight:600;font-size:clamp(24px,3.6vw,42px);line-height:1.1;letter-spacing:-.025em;text-wrap:balance}
.c-osmi_case_v5__lead{margin-top:8px;max-width:640px;font-size:15px;line-height:1.45;color:var(--text-2)}

.c-osmi_case_v5__tabs{flex:none;display:flex;gap:4px;padding:4px;margin-top:14px;border-radius:999px;background:var(--sunken)}
.c-osmi_case_v5__tabs [role=tab]{flex:1;height:38px;border-radius:999px;font-size:14px;font-weight:500;color:var(--text-2);white-space:nowrap;transition:background-color .25s var(--ease),color .25s var(--ease)}
.c-osmi_case_v5__tabs [aria-selected=true]{background:var(--accent);color:var(--page)}

.c-osmi_case_v5__grid{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin-top:12px}
.c-osmi_case_v5__play,.c-osmi_case_v5__side{flex:1 1 auto;min-height:0}
.c-osmi_case_v5__play:not(.is-on),.c-osmi_case_v5__side:not(.is-on){display:none}
.c-osmi_case_v5__play{display:flex;flex-direction:column}
.c-osmi_case_v5__stage{flex:1 1 auto;min-height:0;container-type:size;display:flex;justify-content:center;align-items:center}
/* iPhone frame: outer 71.6 x 147.6 mm (ratio .485), thin bezel, island; fills the stage height */
.c-osmi_case_v5__phone{--w:min(100cqw,100cqh * .485);position:relative;flex:none;width:var(--w);height:calc(var(--w) / .485);padding:calc(var(--w) * .03);border-radius:calc(var(--w) * .165);background:#1b1b1d;box-shadow:inset 0 0 0 1px #3a3a3d,0 0 0 1px rgba(0,0,0,.08),0 30px 60px -30px rgba(0,0,0,.45)}
.c-osmi_case_v5__phone::before{content:"";position:absolute;z-index:300;left:50%;top:calc(var(--w) * .058);width:calc(var(--w) * .3);height:calc(var(--w) * .085);transform:translateX(-50%);border-radius:999px;background:#000;pointer-events:none}
.c-osmi_case_v5__phone::after{content:"";position:absolute;right:calc(var(--w) * -.012);top:30%;width:calc(var(--w) * .012);height:13%;border-radius:0 3px 3px 0;background:#2a2a2d}
.c-osmi_case_v5__screen{position:relative;width:100%;height:100%;border-radius:calc(var(--w) * .135);overflow:hidden;background:#050505}
.c-osmi_case_v5 .c-osmi_case_v5__game{min-height:0}
.c-osmi_case_v5 .c-osmi_case_v5__g-hud{padding-top:calc(var(--w) * .17)}
.c-osmi_case_v5 .c-osmi_case_v5__g-start .c-osmi_case_v5__g-title{font-size:min(30px,calc(var(--w) * .08));white-space:nowrap}
.c-osmi_case_v5 .c-osmi_case_v5__g-won h2{font-size:min(36px,calc(var(--w) * .085))}

.c-osmi_case_v5__side{display:flex;flex-direction:column;gap:18px;min-width:0}
.c-osmi_case_v5__gallery{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.c-osmi_case_v5__gallery-hd{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.c-osmi_case_v5__gallery-hd h3{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--heading)}
.c-osmi_case_v5__nav{display:flex;align-items:center;gap:8px}
.c-osmi_case_v5__shots-count{font-size:13px;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:4px}
.c-osmi_case_v5__shots-count b{color:var(--heading);font-weight:600}
.c-osmi_case_v5__arrow{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s var(--spring)}
.c-osmi_case_v5__arrow:active{transform:scale(.94)}
.c-osmi_case_v5__arrow[disabled]{opacity:.3;cursor:default}
.c-osmi_case_v5__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.c-osmi_case_v5__shots{flex:1 1 auto;min-height:0;container-type:size;list-style:none;display:flex;gap:12px;margin-top:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth}
.c-osmi_case_v5__shots::-webkit-scrollbar{display:none}
.c-osmi_case_v5__shots li{flex:0 0 auto;width:min(62cqw,(100cqh - 28px) * .51);scroll-snap-align:start;display:flex;flex-direction:column;gap:6px}
.c-osmi_case_v5__shots img{display:block;width:100%;height:auto;aspect-ratio:600/1175;object-fit:cover;object-position:top;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--sunken)}
.c-osmi_case_v5__shots span{font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-osmi_case_v5__about{flex:none;font-size:14px;line-height:1.5;color:var(--text-2)}

.c-osmi_case_v5__social{flex:none;display:flex;flex-wrap:wrap;gap:8px}
.c-osmi_case_v5__social a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);color:var(--heading);text-decoration:none;font-size:14px;font-weight:500;transition:background-color .2s}
.c-osmi_case_v5__social a:hover{background:var(--sunken)}

@media (max-width:959px){.c-osmi_case_v5__lead{display:none}}
@media (min-width:960px){
  .c-osmi_case_v5{padding-top:36px;padding-bottom:32px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"play head" "play side";column-gap:56px}
  .c-osmi_case_v5__head{grid-area:head}
  .c-osmi_case_v5__tabs{display:none}
  .c-osmi_case_v5__grid{display:contents}
  .c-osmi_case_v5__play{grid-area:play;height:100%;min-height:0}
  .c-osmi_case_v5__side{grid-area:side;margin-top:28px}
  .c-osmi_case_v5__play:not(.is-on),.c-osmi_case_v5__side:not(.is-on){display:flex}
  .c-osmi_case_v5__stage{width:calc((100vh - 68px) * .485);width:calc((min(100svh,980px) - 68px) * .485);max-width:420px}
  .c-osmi_case_v5__shots li{width:min(38cqw,(100cqh - 28px) * .51)}
  .c-osmi_case_v5__about{font-size:15px;max-width:560px}
}
@media (prefers-reduced-motion:reduce){
  .c-osmi_case_v5__shots{scroll-behavior:auto}
  .c-osmi_case_v5__arrow,.c-osmi_case_v5__social a,.c-osmi_case_v5__tabs [role=tab]{transition:none}
}

/* ---------- game «Испытание 456» (ported from components/osmi_game/game.css) ---------- */
.c-osmi_case_v5__game {
  --c-osmi_case_v5__g-pink: #ff2e63;
  --c-osmi_case_v5__g-mint: #08d9d6;
  --c-osmi_case_v5__g-yellow: #eab308;
  --c-osmi_case_v5__g-black: #050505;
  --c-osmi_case_v5__g-z950: #09090b;
  --c-osmi_case_v5__g-z900: #18181b;
  --c-osmi_case_v5__g-z800: #27272a;
  --c-osmi_case_v5__g-z700: #3f3f46;
  --c-osmi_case_v5__g-z600: #52525b;
  --c-osmi_case_v5__g-z500: #71717a;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 480px;
  overflow: hidden;
  color: #fff;
  background: radial-gradient(circle at 50% 50%, #1a1a1a 0%, var(--c-osmi_case_v5__g-black) 100%);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  isolation: isolate;
}
.c-osmi_case_v5__game *, .c-osmi_case_v5__game *::before, .c-osmi_case_v5__game *::after { box-sizing: border-box; }
.c-osmi_case_v5__game button { font: inherit; color: inherit; }
.c-osmi_case_v5__game [hidden] { display: none !important; }
.c-osmi_case_v5__game .c-osmi_case_v5__g-px { font-family: 'Press Start 2P', ui-monospace, monospace; }

/* атмосфера оригинала: сканлайны + виньетка */
.c-osmi_case_v5__game::before, .c-osmi_case_v5__game::after { content: ''; position: absolute; inset: 0; pointer-events: none; }
.c-osmi_case_v5__game::before {
  z-index: 90;
  background: linear-gradient(rgba(18,16,16,0) 50%, rgba(0,0,0,.1) 50%),
              linear-gradient(90deg, rgba(255,0,0,.02), rgba(0,255,0,.01), rgba(0,0,255,.02));
  background-size: 100% 3px, 2px 100%;
}
.c-osmi_case_v5__game::after { z-index: 89; background: radial-gradient(circle, transparent 20%, rgba(0,0,0,.8) 100%); }

.c-osmi_case_v5__g-world { position: absolute; inset: 0; }
.c-osmi_case_v5__g-world.c-osmi_case_v5__g-shake { animation: c-osmi_case_v5__g-shake .4s cubic-bezier(.36,.07,.19,.97) both; }
@keyframes c-osmi_case_v5__g-shake {
  10%, 90% { transform: translate3d(-2px,0,0); }
  20%, 80% { transform: translate3d(4px,0,0); }
  30%, 50%, 70% { transform: translate3d(-6px,0,0); }
  40%, 60% { transform: translate3d(6px,0,0); }
}

/* HUD */
.c-osmi_case_v5__g-hud {
  position: absolute; top: 0; left: 0; right: 0; z-index: 100;
  display: flex; justify-content: space-between; align-items: flex-start;
  padding: 18px; pointer-events: none;
}
.c-osmi_case_v5__g-card {
  background: rgba(0,0,0,.8); border: 1px solid rgba(255,255,255,.1);
  border-radius: 2px; padding: 10px 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,.4);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.c-osmi_case_v5__g-id { display: flex; align-items: center; gap: 7px; font-size: 7px; color: var(--c-osmi_case_v5__g-pink); text-transform: uppercase; }
.c-osmi_case_v5__g-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--c-osmi_case_v5__g-pink); animation: c-osmi_case_v5__g-pulse 2s cubic-bezier(.4,0,.6,1) infinite; }
@keyframes c-osmi_case_v5__g-pulse { 50% { opacity: .5; } }
.c-osmi_case_v5__g-row-count { font-weight: 900; font-style: italic; font-size: 23px; letter-spacing: -.05em; margin-top: 4px; line-height: 1.1; }
.c-osmi_case_v5__g-row-count span { color: rgba(255,255,255,.2); }
.c-osmi_case_v5__g-attempts { font-size: 8px; color: rgba(255,255,255,.4); margin-top: 3px; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; }
.c-osmi_case_v5__g-attempts.c-osmi_case_v5__g-bump { color: var(--c-osmi_case_v5__g-pink); }
.c-osmi_case_v5__g-timer { display: flex; align-items: center; gap: 9px; }
.c-osmi_case_v5__g-timer svg { width: 18px; height: 18px; color: var(--c-osmi_case_v5__g-mint); }
.c-osmi_case_v5__g-timer b { font-size: 16px; font-weight: 400; }

/* мост */
.c-osmi_case_v5__g-scroll {
  position: absolute; inset: 0; overflow-y: auto; overflow-x: hidden;
  scrollbar-width: none; -ms-overflow-style: none;
  display: flex; flex-direction: column; align-items: center;
  padding: 45% 0 40%;
  overscroll-behavior: contain;
}
.c-osmi_case_v5__g-scroll::-webkit-scrollbar { display: none; }
.c-osmi_case_v5__g-arena { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0 8px; }

.c-osmi_case_v5__g-finish {
  width: min(300px, 92%); margin-bottom: 40px; padding: 40px 0;
  border-bottom: 8px solid rgba(234,179,8,.5); background: rgba(234,179,8,.05);
  display: flex; flex-direction: column; align-items: center; gap: 16px; color: var(--c-osmi_case_v5__g-yellow);
}
.c-osmi_case_v5__g-finish .c-osmi_case_v5__g-chev { width: 28px; height: 28px; animation: c-osmi_case_v5__g-bounce 1s infinite; }
.c-osmi_case_v5__g-finish .c-osmi_case_v5__g-word { font-weight: 900; font-size: 26px; letter-spacing: .3em; text-transform: uppercase; padding-left: .3em; }
.c-osmi_case_v5__g-finish .c-osmi_case_v5__g-trophy { width: 54px; height: 54px; filter: drop-shadow(0 0 15px rgba(234,179,8,.5)); }
@keyframes c-osmi_case_v5__g-bounce {
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8,0,1,1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0,0,.2,1); }
}

.c-osmi_case_v5__g-rows { display: flex; flex-direction: column-reverse; gap: 22px; width: 100%; align-items: center; }
.c-osmi_case_v5__g-row { display: flex; align-items: center; gap: 10px; width: 100%; max-width: 360px; justify-content: center; transition: opacity .5s; opacity: .4; }
.c-osmi_case_v5__g-row.c-osmi_case_v5__g-active, .c-osmi_case_v5__g-row.c-osmi_case_v5__g-passed { opacity: 1; }
.c-osmi_case_v5__g-num { width: 20px; flex: none; font-size: 6px; color: rgba(255,255,255,.2); text-align: right; }
.c-osmi_case_v5__g-num.c-osmi_case_v5__g-r { text-align: left; }

.c-osmi_case_v5__g-tile {
  position: relative; flex: 1 1 0; max-width: 140px; height: 76px; min-width: 0;
  display: flex; align-items: center; justify-content: center; padding: 8px; text-align: center; overflow: hidden;
  background: rgba(24,24,27,.6); border: 2px solid var(--c-osmi_case_v5__g-z800); border-radius: 2px;
  transition: transform .3s, border-color .3s, background-color .3s, box-shadow .3s;
  cursor: default; touch-action: manipulation; appearance: none; -webkit-appearance: none;
}
.c-osmi_case_v5__g-tile::before {
  content: ''; position: absolute; inset: 4px; pointer-events: none;
  background:
    radial-gradient(circle, rgba(255,255,255,.1) 1.5px, transparent 2px) 0 0 / 4px 4px no-repeat,
    radial-gradient(circle, rgba(255,255,255,.1) 1.5px, transparent 2px) 100% 0 / 4px 4px no-repeat,
    radial-gradient(circle, rgba(255,255,255,.1) 1.5px, transparent 2px) 0 100% / 4px 4px no-repeat,
    radial-gradient(circle, rgba(255,255,255,.1) 1.5px, transparent 2px) 100% 100% / 4px 4px no-repeat;
}
.c-osmi_case_v5__g-tile span {
  font-weight: 900; text-transform: uppercase; letter-spacing: -.025em; font-size: 12px; line-height: 1.15;
  color: rgba(255,255,255,.1); transition: color .3s, text-shadow .3s; overflow-wrap: anywhere;
}
.c-osmi_case_v5__g-active .c-osmi_case_v5__g-tile {
  border-color: var(--c-osmi_case_v5__g-z500); transform: scale(1.05); z-index: 10; cursor: pointer;
  box-shadow: 0 0 20px rgba(8,217,214,.1);
}
.c-osmi_case_v5__g-active .c-osmi_case_v5__g-tile span, .c-osmi_case_v5__g-passed .c-osmi_case_v5__g-tile span { color: #fff; }
@media (hover: hover) { .c-osmi_case_v5__g-active .c-osmi_case_v5__g-tile:hover { border-color: var(--c-osmi_case_v5__g-mint); } }
.c-osmi_case_v5__g-tile:focus-visible { outline: 2px solid var(--c-osmi_case_v5__g-mint); outline-offset: 3px; }
.c-osmi_case_v5__g-tile.c-osmi_case_v5__g-correct {
  background: rgba(8,217,214,.15); border-color: var(--c-osmi_case_v5__g-mint);
  box-shadow: 0 0 20px rgba(8,217,214,.4), inset 0 0 10px rgba(8,217,214,.2);
}
.c-osmi_case_v5__g-tile.c-osmi_case_v5__g-correct span { color: var(--c-osmi_case_v5__g-mint); text-shadow: 0 0 5px rgba(8,217,214,.5); }
.c-osmi_case_v5__g-tile.c-osmi_case_v5__g-wrong {
  background: rgba(255,46,99,.3); border-color: var(--c-osmi_case_v5__g-pink);
  box-shadow: 0 0 25px rgba(255,46,99,.6), inset 0 0 15px rgba(255,46,99,.3);
  animation: c-osmi_case_v5__g-pulse-red .5s infinite alternate;
}
@keyframes c-osmi_case_v5__g-pulse-red { from { opacity: .8; } to { opacity: 1; transform: scale(1.02); } }

.c-osmi_case_v5__g-start-line {
  width: min(300px, 92%); margin-top: 40px; padding: 34px 0;
  border-top: 4px solid var(--c-osmi_case_v5__g-z700); background: rgba(24,24,27,.2);
  display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.c-osmi_case_v5__g-start-line .c-osmi_case_v5__g-word { font-weight: 900; color: var(--c-osmi_case_v5__g-z600); font-size: 15px; letter-spacing: .4em; text-transform: uppercase; padding-left: .4em; }
.c-osmi_case_v5__g-shapes { display: flex; gap: 14px; opacity: .2; }
.c-osmi_case_v5__g-shapes i { width: 26px; height: 26px; border: 4px solid #fff; display: block; }
.c-osmi_case_v5__g-shapes i:nth-child(2) { border-radius: 50%; }
.c-osmi_case_v5__g-shapes i:nth-child(3) { transform: rotate(45deg); }
.c-osmi_case_v5__g-hint { font-size: 10px; color: rgba(255,255,255,.3); letter-spacing: .08em; text-align: center; }

/* оверлеи */
.c-osmi_case_v5__g-overlay {
  position: absolute; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center;
  padding: 18px; background: rgba(0,0,0,.95); overflow-y: auto; scrollbar-width: none;
}
.c-osmi_case_v5__g-overlay::-webkit-scrollbar { display: none; }
.c-osmi_case_v5__g-overlay[hidden] { display: none; }
.c-osmi_case_v5__g-panel { width: 100%; max-width: 420px; text-align: center; margin: auto; }
.c-osmi_case_v5__g-start .c-osmi_case_v5__g-panel {
  border: 4px solid var(--c-osmi_case_v5__g-pink); background: var(--c-osmi_case_v5__g-z950); padding: 26px 20px;
  box-shadow: 0 0 50px rgba(255,46,99,.3); display: flex; flex-direction: column; gap: 22px;
}
.c-osmi_case_v5__g-start .c-osmi_case_v5__g-shapes { opacity: 1; justify-content: center; gap: 20px; }
.c-osmi_case_v5__g-start .c-osmi_case_v5__g-shapes i { width: 40px; height: 40px; }
.c-osmi_case_v5__g-start .c-osmi_case_v5__g-shapes i:nth-child(1) { border-color: var(--c-osmi_case_v5__g-mint); }
.c-osmi_case_v5__g-start .c-osmi_case_v5__g-shapes i:nth-child(2) { border-color: var(--c-osmi_case_v5__g-pink); }
.c-osmi_case_v5__g-start .c-osmi_case_v5__g-shapes i:nth-child(3) { border-color: #9ca3af; }
.c-osmi_case_v5__g-title { margin: 0; font-weight: 900; font-size: 34px; line-height: 1; letter-spacing: -.05em; text-transform: uppercase; color: var(--c-osmi_case_v5__g-pink); text-shadow: 0 0 15px rgba(255,46,99,.6); }
.c-osmi_case_v5__g-sub { font-size: 8px; color: rgba(255,255,255,.3); letter-spacing: .4em; text-transform: uppercase; font-weight: 700; margin-top: 10px; }
.c-osmi_case_v5__g-sep { height: 2px; background: rgba(131,24,67,.3); margin-top: 14px; }
.c-osmi_case_v5__g-lead { font-size: 13.5px; font-weight: 300; line-height: 1.6; color: rgba(255,255,255,.7); margin: 0; padding: 0 4px; }
.c-osmi_case_v5__g-lead b { color: #fff; font-weight: 700; }
.c-osmi_case_v5__g-lead em { color: var(--c-osmi_case_v5__g-pink); font-weight: 700; font-style: normal; }
.c-osmi_case_v5__g-btn {
  width: 100%; padding: 17px 10px; border: 0; border-radius: 2px; cursor: pointer;
  background: var(--c-osmi_case_v5__g-pink); color: #fff; font-weight: 900; letter-spacing: .4em; text-transform: uppercase; font-size: 14px;
  display: flex; align-items: center; justify-content: center; gap: 12px; transition: background-color .2s, transform .1s;
}
.c-osmi_case_v5__g-btn:hover { background: #ff4f7d; }
.c-osmi_case_v5__g-btn:active { transform: translateY(2px); }
.c-osmi_case_v5__g-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.c-osmi_case_v5__g-btn svg { width: 18px; height: 18px; }
.c-osmi_case_v5__g-keys { font-size: 10px; color: rgba(255,255,255,.3); margin: -6px 0 0; }

.c-osmi_case_v5__g-won { background: rgba(8,51,68,.6); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.c-osmi_case_v5__g-won .c-osmi_case_v5__g-panel {
  background: #000; border: 4px solid var(--c-osmi_case_v5__g-mint); padding: 20px 16px 18px;
  box-shadow: 0 0 100px rgba(8,217,214,.4); display: flex; flex-direction: column; gap: 14px;
}
.c-osmi_case_v5__g-won .c-osmi_case_v5__g-trophy { width: 50px; height: 50px; color: var(--c-osmi_case_v5__g-yellow); margin: 0 auto; animation: c-osmi_case_v5__g-bounce 1s infinite; }
.c-osmi_case_v5__g-won h2 { margin: 0; font-weight: 900; font-size: 36px; letter-spacing: -.05em; text-shadow: 0 0 30px rgba(8,217,214,.6); }
.c-osmi_case_v5__g-won .c-osmi_case_v5__g-ok { color: var(--c-osmi_case_v5__g-mint); font-weight: 900; letter-spacing: .3em; font-size: 9px; text-transform: uppercase; margin-top: 6px; }
.c-osmi_case_v5__g-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.c-osmi_case_v5__g-stats div > div:first-child { font-size: 8px; color: rgba(255,255,255,.3); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px; }
.c-osmi_case_v5__g-stats .c-osmi_case_v5__g-px { font-size: 13px; }
.c-osmi_case_v5__g-stats .c-osmi_case_v5__g-star { color: var(--c-osmi_case_v5__g-yellow); }
.c-osmi_case_v5__g-promo { border-top: 1px solid var(--c-osmi_case_v5__g-z800); padding-top: 14px; display: flex; align-items: center; gap: 12px; text-align: left; }
.c-osmi_case_v5__g-promo img { width: 64px; height: 64px; border-radius: 50%; flex: none; background: #fdfbf8; }
.c-osmi_case_v5__g-promo p { margin: 0; font-size: 14px; line-height: 1.35; font-weight: 700; }
.c-osmi_case_v5__g-promo p small { display: block; font-weight: 400; font-size: 11.5px; color: rgba(255,255,255,.5); margin-top: 3px; }
.c-osmi_case_v5__g-social { display: flex; justify-content: center; gap: 8px; }
.c-osmi_case_v5__g-social a {
  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.75); background: var(--c-osmi_case_v5__g-z900); border-radius: 50%; transition: color .2s, background-color .2s;
}
.c-osmi_case_v5__g-social a:hover { color: #000; background: var(--c-osmi_case_v5__g-mint); }
.c-osmi_case_v5__g-social a:focus-visible { outline: 2px solid var(--c-osmi_case_v5__g-mint); outline-offset: 2px; }
.c-osmi_case_v5__g-social svg { width: 19px; height: 19px; }
.c-osmi_case_v5__g-won .c-osmi_case_v5__g-btn { background: var(--c-osmi_case_v5__g-mint); color: #000; letter-spacing: .25em; }
.c-osmi_case_v5__g-won .c-osmi_case_v5__g-btn:hover { background: #fff; }

.c-osmi_case_v5__g-toast {
  position: absolute; left: 50%; bottom: 14%; z-index: 120; transform: translateX(-50%);
  background: rgba(0,0,0,.85); border: 2px solid var(--c-osmi_case_v5__g-pink); color: #fff; padding: 9px 14px; border-radius: 2px;
  text-align: center; white-space: nowrap; box-shadow: 0 0 25px rgba(255,46,99,.45); pointer-events: none;
  animation: c-osmi_case_v5__g-toast 1.4s ease both;
}
.c-osmi_case_v5__g-toast b { display: block; color: var(--c-osmi_case_v5__g-pink); font-weight: 900; font-size: 10px; letter-spacing: .25em; text-transform: uppercase; }
.c-osmi_case_v5__g-toast span { display: block; font-size: 11px; color: rgba(255,255,255,.7); margin-top: 3px; }
@keyframes c-osmi_case_v5__g-toast { 0% { opacity: 0; transform: translate(-50%, 8px); } 12%, 80% { opacity: 1; transform: translate(-50%, 0); } 100% { opacity: 0; } }
.c-osmi_case_v5__g-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (prefers-reduced-motion: reduce) {
  .c-osmi_case_v5__game *, .c-osmi_case_v5__game *::before, .c-osmi_case_v5__game *::after { animation: none !important; transition: none !important; }
  .c-osmi_case_v5__g-world.c-osmi_case_v5__g-shake { animation: none; }
  .c-osmi_case_v5__g-scroll { scroll-behavior: auto; }
}

/* v2: clear rules + big «Играть» on the start overlay */
.c-osmi_case_v5__g-start .c-osmi_case_v5__g-panel{gap:18px;padding:22px 18px}
.c-osmi_case_v5__g-start .c-osmi_case_v5__g-shapes i{width:30px;height:30px}
.c-osmi_case_v5__g-start .c-osmi_case_v5__g-title{font-size:28px}
.c-osmi_case_v5__g-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left;font-size:14px;line-height:1.4;color:rgba(255,255,255,.82)}
.c-osmi_case_v5__g-rules li{padding-left:16px;position:relative}
.c-osmi_case_v5__g-rules li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background:var(--c-osmi_case_v5__g-mint)}
.c-osmi_case_v5__g-rules b{color:#fff;font-weight:700}
.c-osmi_case_v5__g-rules em{font-style:normal;font-weight:700;color:var(--c-osmi_case_v5__g-pink)}
.c-osmi_case_v5__g-go{font-size:20px;letter-spacing:.12em;padding:18px 10px;animation:c-osmi_case_v5__g-glow 1.8s ease-in-out infinite}
.c-osmi_case_v5__g-go svg{width:20px;height:20px}
@keyframes c-osmi_case_v5__g-glow{50%{box-shadow:0 0 28px rgba(255,46,99,.75)}}
@media (prefers-reduced-motion:reduce){.c-osmi_case_v5__g-go{animation:none}}
@media (max-height:720px){.c-osmi_case_v5__g-start .c-osmi_case_v5__g-shapes{display:none}.c-osmi_case_v5__g-start .c-osmi_case_v5__g-panel{gap:12px;padding:16px 14px}.c-osmi_case_v5__g-rules{font-size:13px}}
.c-osmi_case_v5__about b{font-size:34px;line-height:1;font-weight:600;color:var(--text);margin-right:6px;font-variant-numeric:tabular-nums;vertical-align:-4px}

/* v5: «Попробуйте сыграть» sticker on the phone corner + hand-drawn arrow into the screen; gone once the game starts */
.c-osmi_case_v5__try{position:absolute;z-index:350;top:9%;right:calc(var(--w) * -.07);pointer-events:none;transition:opacity .35s var(--ease),visibility 0s linear .35s}
.c-osmi_case_v5__try.is-gone{opacity:0;visibility:hidden}
.c-osmi_case_v5__try-pill{pointer-events:auto;position:relative;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 12px;border-radius:999px;background:var(--page);color:var(--heading);font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 10px 24px -8px rgba(0,0,0,.45);transform:rotate(-5deg);transform-origin:80% 50%;transition:transform .25s var(--spring)}
.c-osmi_case_v5__try-pill:hover{transform:rotate(-2deg) scale(1.04)}
.c-osmi_case_v5__try-pill i{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:#ff2d6a}
.c-osmi_case_v5__try-pill i::after{content:"";position:absolute;inset:0;border-radius:50%;background:#ff2d6a;animation:c-osmi_case_v5-ping 1.8s var(--ease) infinite}
.c-osmi_case_v5__try-arrow{position:absolute;top:calc(100% + 2px);right:calc(var(--w) * .2);width:calc(var(--w) * .19);height:auto;overflow:visible;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.92}
.c-osmi_case_v5__try-line{stroke-dasharray:190;stroke-dashoffset:190}
.c-osmi_case_v5__try-head{stroke-dasharray:40;stroke-dashoffset:40}
.c-osmi_case_v5__try.is-in .c-osmi_case_v5__try-line{animation:c-osmi_case_v5-draw .9s var(--ease) .3s forwards}
.c-osmi_case_v5__try.is-in .c-osmi_case_v5__try-head{animation:c-osmi_case_v5-draw .25s var(--ease) 1.15s forwards}
.c-osmi_case_v5__try.is-in .c-osmi_case_v5__try-pill{animation:c-osmi_case_v5-nudge 3.2s var(--ease) 1.6s infinite}
@keyframes c-osmi_case_v5-draw{to{stroke-dashoffset:0}}
@keyframes c-osmi_case_v5-ping{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(3);opacity:0}}
@keyframes c-osmi_case_v5-nudge{0%,70%,100%{transform:rotate(-5deg) translate(0,0)}78%{transform:rotate(-5deg) translate(-4px,3px)}86%{transform:rotate(-5deg) translate(0,0)}92%{transform:rotate(-5deg) translate(-2px,1.5px)}}
@media (max-width:959px){.c-osmi_case_v5__try{right:calc(var(--w) * -.03)}.c-osmi_case_v5__try-pill{height:32px;font-size:13px;padding:0 12px 0 10px}}
@media (prefers-reduced-motion:reduce){
  .c-osmi_case_v5__try,.c-osmi_case_v5__try-pill{transition:none}
  .c-osmi_case_v5__try-line,.c-osmi_case_v5__try-head{stroke-dashoffset:0}
  .c-osmi_case_v5__try.is-in .c-osmi_case_v5__try-line,.c-osmi_case_v5__try.is-in .c-osmi_case_v5__try-head,.c-osmi_case_v5__try.is-in .c-osmi_case_v5__try-pill,.c-osmi_case_v5__try-pill i::after{animation:none}
}