.puzzle-jump{margin-top:18px;border:0;border-radius:15px;padding:13px 19px;background:linear-gradient(135deg,#087ea4,#009966);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 10px 28px #087ea433;transition:transform .2s,box-shadow .2s}.puzzle-jump:hover{transform:translateY(-2px);box-shadow:0 14px 32px #087ea445}
.block-zone{margin:54px 0 42px;padding-top:20px;scroll-margin-top:82px}.block-intro{text-align:center;max-width:850px;margin:0 auto 22px}.block-eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff0e8;color:#d53f00;font-size:12px;font-weight:950;letter-spacing:.07em}.block-intro h2{margin:12px 0 8px;font-size:clamp(34px,5.7vw,62px);line-height:1;letter-spacing:-.05em}.block-intro h2 em{font-style:normal;color:#ff4b00}.block-intro p{margin:0;color:#607887;font-size:16px}
.block-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.block-card,.block-side section{background:#fff;border:1px solid #d7e8ee;border-radius:24px;box-shadow:0 18px 50px #0b4c6712}.block-card{overflow:hidden}.block-toolbar{min-height:58px;padding:10px 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;border-bottom:1px solid #d7e8ee}.block-toolbar>div:first-child{font-weight:950;color:#075d7d}.block-live{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#ff6a22;box-shadow:0 0 0 5px #ff6a2220}.block-mini{justify-self:end;border:0;border-radius:10px;padding:8px 10px;background:#edf7fa;color:#075d7d;font-weight:900;cursor:pointer}.block-level-dots{display:flex;gap:7px}.block-level-dots i{width:31px;height:8px;border-radius:999px;background:#d7e8ee;transition:.25s}.block-level-dots i.active{background:#ff4b00}.block-level-dots i.done{background:#009966}
.block-canvas-wrap{position:relative;aspect-ratio:11/7;min-height:480px;overflow:hidden;background:linear-gradient(160deg,#062f45,#075d67);outline:none}.block-canvas-wrap:focus-visible{box-shadow:inset 0 0 0 4px #ffba43}.block-canvas-wrap canvas{width:100%;height:100%;display:block}.block-hud{position:absolute;left:13px;right:13px;top:13px;z-index:4;display:flex;gap:8px;pointer-events:none}.block-hud span{padding:7px 10px;border-radius:11px;background:#062f45d8;color:#fff;border:1px solid #ffffff26;font-size:12px;font-weight:850;backdrop-filter:blur(7px)}.block-hud b{color:#ffd35c}.block-message{position:absolute;left:14px;bottom:14px;z-index:4;max-width:58%;padding:9px 12px;border-radius:12px;background:#fffef0e8;color:#684610;font-size:12px;font-weight:800;box-shadow:0 7px 25px #001c2d2b}
.block-screen{position:absolute;inset:0;z-index:10;display:none;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#053f5be8,#08785edb)}.block-screen.show{display:flex}.block-panel{width:min(650px,100%);max-height:94%;overflow:auto;padding:25px;text-align:center;border:1px solid #ffffff70;border-radius:24px;background:#fffffff4;box-shadow:0 22px 80px #00283c66}.block-panel-tag{color:#d53f00;font-size:11px;font-weight:950;letter-spacing:.1em}.block-panel h3{margin:7px 0 8px;color:#075d7d;font-size:clamp(28px,4.6vw,45px);line-height:1;letter-spacing:-.045em}.block-panel p{max-width:570px;margin:0 auto 16px;color:#607887}.block-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.block-rules span{padding:10px;border-radius:12px;background:#eff9fc;color:#31576b;font-size:12px;font-weight:800}.block-primary,.block-secondary{border-radius:14px;padding:13px 20px;font-weight:950;cursor:pointer}.block-primary{border:0;background:linear-gradient(135deg,#ff4b00,#ff7b37);color:#fff;box-shadow:0 9px 25px #ff4b0040}.block-secondary{border:1px solid #d7e8ee;background:#fff;color:#087ea4}.block-panel-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.block-result-stats{display:flex;justify-content:center;gap:10px;margin:0 0 17px}.block-result-stats span{padding:9px 12px;border-radius:12px;background:#eff9fc;color:#607887;font-size:12px}.block-result-stats b{display:block;color:#075d7d;font-size:16px}
.block-touch{position:absolute;right:14px;bottom:14px;z-index:6;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px}.block-touch button{border:1px solid #ffffff3b;border-radius:14px;background:#063a54cb;color:#fff;font-size:18px;font-weight:950;cursor:pointer;backdrop-filter:blur(7px);touch-action:manipulation;box-shadow:0 5px 15px #00283c38}.block-touch button:active{transform:scale(.94);background:#ff5716}.block-touch [data-block-dir="up"]{grid-column:2}.block-touch [data-block-dir="left"]{grid-column:1;grid-row:2}.block-touch [data-block-dir="down"]{grid-column:2;grid-row:2}.block-touch [data-block-dir="right"]{grid-column:3;grid-row:2}
.block-side{display:grid;gap:14px}.block-side section{padding:17px}.block-side h3{margin:0 0 8px;font-size:16px}.block-side p{margin:0;color:#607887;font-size:13px}.block-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.block-key-grid span{padding:8px;border-radius:10px;background:#f3f9fb;color:#607887;font-size:10px}.block-key-grid b{display:block;color:#087ea4;font-size:11px}.block-hint-btn{width:100%;margin-top:10px;border:0;border-radius:11px;padding:9px;background:#fff0e8;color:#d53f00;font-size:12px;font-weight:900;cursor:pointer}.block-progress-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.block-progress-list li{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:11px;background:#f4f9fb;color:#607887;font-size:12px}.block-progress-list li b{color:#10394b}.block-progress-list li.current{background:#fff1e9;color:#d53f00}.block-progress-list li.done{background:#e9f9f3;color:#08785e}
@media(max-width:1050px){.block-layout{grid-template-columns:1fr}.block-side{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.block-zone{margin-top:35px}.block-layout{gap:12px}.block-card{border-radius:17px}.block-toolbar{grid-template-columns:1fr auto}.block-level-dots{display:none}.block-canvas-wrap{aspect-ratio:10/12;min-height:590px}.block-side{grid-template-columns:1fr 1fr}.block-message{bottom:116px;max-width:calc(100% - 28px)}.block-touch{left:50%;right:auto;bottom:13px;transform:translateX(-50%);grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,54px)}.block-rules{grid-template-columns:1fr}.block-panel{padding:18px;border-radius:18px}}
@media(max-width:560px){.block-side{grid-template-columns:1fr}.block-toolbar strong{font-size:13px}.block-mini{font-size:11px}.block-hud{gap:5px}.block-hud span{padding:5px 7px;font-size:10px}.block-canvas-wrap{min-height:560px}.puzzle-jump{width:100%}}