.keks-game{--blue:#07518a;--dark:#063b68;--yellow:#ffd229;--green:#2d813c;max-width:1120px;margin:26px auto;font-family:Arial,sans-serif;color:#17384e}.keks-game *{box-sizing:border-box}
.keks-game__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border:3px solid var(--green);border-bottom:0;border-radius:26px 26px 0 0;background:linear-gradient(135deg,#e8f7df,#fff7bd);box-shadow:inset 0 3px #fff}.keks-game__header h2{margin:4px 0 8px;color:var(--blue);font-size:clamp(25px,4vw,40px);line-height:1.1;text-shadow:0 2px #fff}.keks-game__header p{max-width:750px;margin:0;font-size:17px;line-height:1.5}.keks-game__eyebrow{color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.07em;font-size:13px}
.keks-game__dog{position:relative;flex:0 0 88px;width:88px;height:72px;filter:drop-shadow(0 5px 0 rgba(0,0,0,.12))}.keks-game__dog .face{position:absolute;left:15px;top:7px;width:58px;height:55px;background:#6d351d;box-shadow:inset 13px 0 #111,inset -13px 0 #111;clip-path:polygon(12% 0,88% 0,100% 35%,88% 100%,12% 100%,0 35%)}.keks-game__dog .face:after{content:"";position:absolute;left:24px;top:0;width:10px;height:35px;background:#fff}.keks-game__dog .ear{position:absolute;top:3px;width:25px;height:44px;background:#151515;border-radius:60%}.keks-game__dog .ear-left{left:3px;transform:rotate(15deg)}.keks-game__dog .ear-right{right:3px;transform:rotate(-15deg)}.keks-game__dog .snout{position:absolute;left:31px;top:36px;width:27px;height:24px;background:#fff;border-radius:45%}.keks-game__dog .snout:after{content:"";position:absolute;left:8px;top:2px;width:12px;height:8px;background:#111;border-radius:50%}
.keks-game__frame{padding:16px;border:4px solid var(--dark);border-radius:0 0 26px 26px;background:linear-gradient(110deg,#0b6fa4,#075483 45%,#0b6fa4);box-shadow:0 17px 35px rgba(0,44,73,.25)}.keks-game__hud{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px;padding:10px;border:3px solid #052e4d;border-radius:12px;background:#082b43;color:#fff;font-size:14px;text-align:center;text-transform:uppercase}.keks-game__hud strong{display:block;color:var(--yellow);font-size:18px}
.keks-game__screen{position:relative;overflow:hidden;aspect-ratio:16/9;border:5px solid #052e4d;border-radius:16px;background:#80cef1;box-shadow:inset 0 0 0 3px #bdeaff,0 6px 14px rgba(0,0,0,.25)}.keks-game canvas{display:block;width:100%;height:100%;image-rendering:auto;outline:0}.keks-game canvas:focus-visible{box-shadow:inset 0 0 0 5px var(--yellow)}
.keks-game__overlay{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:rgba(2,35,59,.58)}.keks-game__overlay[hidden]{display:none}.keks-game__panel{max-width:410px;padding:24px;border:4px solid #fff;border-radius:22px;background:linear-gradient(145deg,#0877b4,#07518a);color:#fff;box-shadow:9px 9px 0 #052e4d;text-align:center}.keks-game__panel h3{margin:6px 0 10px;color:var(--yellow);font-size:24px}.keks-game__panel p{margin:0 0 17px;line-height:1.5}.keks-game__panel button{padding:12px 22px;border:3px solid #fff;border-radius:18px;background:var(--yellow);color:var(--dark);font:inherit;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 #052e4d}.keks-game__bone{font-size:30px;color:#fff}
.keks-game__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.keks-game__actions button,.keks-game__touch button{min-height:45px;padding:9px 15px;border:2px solid #fff;border-radius:16px;background:#eef8fb;color:var(--dark);font:inherit;font-weight:800;cursor:pointer;box-shadow:3px 3px 0 #052e4d;touch-action:none;user-select:none}.keks-game__actions button:hover,.keks-game__actions button:focus-visible,.keks-game__touch button:active{background:var(--yellow);transform:translateY(-1px)}.keks-game__touch{display:none;grid-template-columns:1fr 1fr 1.5fr;gap:10px;margin-top:14px}.keks-game__touch .jump{background:var(--yellow)}.keks-game__help{margin:14px 3px 2px;padding:10px;border-radius:12px;background:rgba(255,255,255,.94);font-size:14px;line-height:1.5}
.keks-game:fullscreen{max-width:none;margin:0;padding:20px;background:#063b68}.keks-game:fullscreen .keks-game__header{display:none}.keks-game:fullscreen .keks-game__frame{height:100%;display:flex;flex-direction:column}.keks-game:fullscreen .keks-game__screen{flex:1;min-height:0}.keks-game:fullscreen .keks-game__help{display:none}body.dark-mode .keks-game__header,.theme-dark .keks-game__header{background:linear-gradient(135deg,#214d3b,#173e36);color:#effaf4}body.dark-mode .keks-game__help,.theme-dark .keks-game__help{background:#173e57;color:#eef8fc}
@media (hover:none),(pointer:coarse){.keks-game__touch{display:grid}}@media(max-width:620px){.keks-game{margin:15px -10px}.keks-game__header{padding:18px}.keks-game__dog{display:none}.keks-game__frame{padding:8px;border-width:3px}.keks-game__hud{grid-template-columns:repeat(2,1fr);font-size:12px}.keks-game__hud strong{font-size:16px}.keks-game__actions button{flex:1 1 calc(50% - 8px)}.keks-game__touch{display:grid}.keks-game__help{font-size:12px}}