.lr-wrap{max-width:1160px;margin:0 auto;padding:24px 16px 18px}
.lr-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:#7e2935;font-weight:700;text-decoration:none}
.lr-back:hover{text-decoration:underline}
.lr-hero{background:linear-gradient(135deg,#113259 0%,#1f5f8f 54%,#5ba8cf 100%);border-radius:26px;padding:30px 28px;color:#fff;box-shadow:0 14px 34px rgba(10,33,55,.18);position:relative;overflow:hidden}
.lr-hero:before,.lr-hero:after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}
.lr-hero:before{width:190px;height:190px;right:-45px;top:-45px}
.lr-hero:after{width:125px;height:125px;left:-35px;bottom:-35px}
.lr-eyebrow{display:inline-block;font-weight:800;letter-spacing:.06em;font-size:.84rem;background:rgba(255,255,255,.18);padding:7px 12px;border-radius:999px;margin-bottom:14px}
.lr-hero h1{margin:0 0 12px;font-size:clamp(2rem,3vw,3rem);line-height:1.1;color:#fff}
.lr-hero p{max-width:70ch;margin:0;font-size:1.03rem;line-height:1.65;color:#eef7ff}
.lr-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:24px;align-items:start;margin-top:24px}
.lr-panel{background:#fff;border:1px solid #e4edf3;border-radius:24px;box-shadow:0 10px 25px rgba(24,42,64,.07)}
.lr-game{padding:18px}
.lr-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.lr-badge{background:#f4f8fc;border:1px solid #d8e4ee;border-radius:16px;padding:11px 12px;font-size:.93rem;color:#243345}
.lr-badge strong{display:block;font-size:.8rem;color:#59708b;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.lr-stage{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700}
.lr-canvas-wrap{position:relative;background:linear-gradient(180deg,#dff3ff 0%,#eaf6ff 46%,#fff8ea 46%,#fff4dc 100%);border-radius:22px;border:1px solid #d2e2ef;overflow:hidden}
#lr-canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}
.lr-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,24,43,.16),rgba(7,18,33,.62));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#fff}
.lr-overlay[hidden]{display:none}
.lr-overlay-box{max-width:560px;background:rgba(7,18,33,.58);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:26px 24px;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.lr-overlay h2{margin:0 0 12px;color:#fff;font-size:clamp(1.7rem,2.5vw,2.35rem)}
.lr-overlay p{margin:0 0 18px;color:#f4f8fb;line-height:1.6}
.lr-btn,.lr-btn-secondary{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:14px;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}
.lr-btn{background:#a71d2a;color:#fff;box-shadow:0 10px 20px rgba(167,29,42,.24)}
.lr-btn:hover,.lr-btn:focus-visible{background:#8a1823;color:#fff}
.lr-btn-secondary{background:#edf4f8;color:#243345;border:1px solid #d8e4ee}
.lr-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.lr-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.lr-controls button{border:1px solid #d8e4ee;background:#fff;border-radius:16px;padding:12px 10px;font:inherit;font-weight:800;color:#234;min-height:52px;touch-action:manipulation;cursor:pointer}
.lr-controls button.action{background:#a71d2a;color:#fff;border-color:#a71d2a}
.lr-controls button:hover,.lr-controls button:focus-visible{background:#f4f8fc}
.lr-controls button.action:hover,.lr-controls button.action:focus-visible{background:#8a1823;color:#fff}
.lr-help{margin:14px 4px 0;color:#5a6b7f;font-size:.95rem;line-height:1.55}
.lr-side{padding:20px}
.lr-side h2,.lr-side h3{margin-top:0}
.lr-side p,.lr-side li{line-height:1.6;color:#384b5e}
.lr-list{display:grid;gap:10px;padding-left:20px;margin:0}
.lr-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.lr-mini{background:#f7fafc;border:1px solid #e0eaf1;border-radius:18px;padding:14px}
.lr-mini strong{display:block;color:#173b5a;margin-bottom:6px}
.lr-mini span{font-size:.93rem;color:#506377;line-height:1.55}
.lr-more,.lr-facts{margin-top:22px;padding:22px 24px}
.lr-more h2,.lr-facts h2{margin-top:0}
.lr-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lr-fact{padding:14px 16px;border-radius:18px;background:#f7fafc;border:1px solid #e1ebf3}
.lr-fact b{display:block;color:#173b5a;margin-bottom:6px}
.lr-share-gap{margin-top:8px}
@media (max-width:930px){.lr-grid{grid-template-columns:1fr}.lr-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.lr-facts-grid{grid-template-columns:1fr}.lr-mini-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.lr-wrap{padding:18px 12px}.lr-hero{padding:24px 18px}.lr-game{padding:12px}.lr-hud{grid-template-columns:1fr 1fr;gap:8px}.lr-badge{padding:10px}.lr-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.lr-controls .spacer{display:none}.lr-mini-grid{grid-template-columns:1fr}.lr-more,.lr-facts,.lr-side{padding:18px 16px}}