.arcade-dialog{width:min(1120px,calc(100% - 28px));max-height:96vh;padding:0;overflow:auto;border:1px solid #8eaa70;border-radius:20px;background:#f6efd9;box-shadow:0 24px 100px #203e4260;color:#284333}.arcade-dialog::backdrop{background:#19372a8f;backdrop-filter:blur(5px)}.arcade-head{display:flex;justify-content:space-between;align-items:center;padding:20px 27px 17px;gap:20px;background:#f8f0da}.arcade-head p{font-size:9px;font-weight:750;letter-spacing:2px;margin:0 0 6px;color:#8e9b72;line-height:1.5}.arcade-head p span{color:#b78c45;letter-spacing:1px;margin-left:12px}.arcade-head h2{font:normal 29px/1.05 Georgia,serif;letter-spacing:-.8px;margin:0}.arcade-head-actions{display:flex;gap:9px}.arcade-close,.arcade-pause{width:34px;height:34px;border:1px solid #ccd3b0;border-radius:50%;background:#f5efd9;color:#8b9d74;font-size:22px;line-height:25px}.arcade-pause{font-size:15px}.arcade-hud{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#294d3c;padding:15px 27px;color:#f2edc9}.arcade-hud small{display:block;font-size:8px;letter-spacing:2px;color:#afc29c;margin-bottom:3px}.arcade-hud strong{font:30px/1.2 Consolas,monospace;letter-spacing:-1px}.arcade-combo{min-width:68px}.arcade-combo strong{color:#e2be62}.arcade-combo.is-hot strong{color:#ffce5b;text-shadow:0 0 18px #e9c65e88}.arcade-objective{flex:1;max-width:360px;text-align:center}.arcade-objective>strong{font:17px "Segoe UI",sans-serif;letter-spacing:0}.arcade-objective>div{height:6px;border-radius:8px;overflow:hidden;background:#55735a;margin-top:8px}.arcade-objective i{display:block;height:100%;background:#d6c778;width:0;transition:width .15s}.arcade-timer{min-width:86px;text-align:right}.arcade-timer>span{font-size:10px;color:#afc29c;margin-left:3px}.arcade-timer.is-urgent strong{color:#efba79}.arcade-screen{position:relative;line-height:0;background:#dbe5be;overflow:hidden}.arcade-screen canvas{display:block;width:100%;height:auto;aspect-ratio:9/5;outline:0;touch-action:none;cursor:crosshair}.arcade-screen canvas:focus-visible{outline:3px solid #d3bb6b;outline-offset:-3px}.arcade-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1.5;background:#e8ebd764;backdrop-filter:blur(3px);padding:20px}.arcade-overlay>div{width:min(590px,94%);border-radius:18px;background:#fff8e6f5;border:1px solid #dbd4ac;box-shadow:0 9px 40px #345b3533;padding:30px 35px;text-align:center}.arcade-overlay h3{font:normal 35px/1.05 Georgia,serif;letter-spacing:-1px;margin:13px 0 15px;color:#365b3c}.arcade-overlay p{font-size:18px;line-height:1.8;color:#8b9677;margin:0 0 21px}.arcade-round-label{display:block;letter-spacing:2px;color:#ad9b63;font-size:12px;font-weight:750}.arcade-overlay small{font-size:12px;color:#9da789;display:block;margin-top:12px}.arcade-start,.arcade-next{border:1px solid #b4743e;background:#dc9b56;color:#fff5dd;border-radius:10px;padding:14px 25px;font-size:15px;font-weight:700;box-shadow:0 4px 0 #b77a45;min-width:180px}.arcade-start:hover,.arcade-next:hover{background:#d18d4b}.arcade-start>span{margin-left:25px}.arcade-start:active,.arcade-next:active{transform:translateY(2px);box-shadow:0 2px 0 #b77a45}.arcade-stars{font-size:40px;letter-spacing:8px;line-height:1;color:#d9d9bb;text-shadow:0 2px #babd9c}.arcade-stars .is-earned{color:#e7b849;text-shadow:0 2px #b98939}.arcade-score-result{font-size:12px!important;color:#9b9b7c!important;line-height:1.3!important}.arcade-score-result>strong{font:35px Consolas,monospace;color:#5e8753}.arcade-score-result>span{display:block;color:#be8b42;font-size:11px;margin-top:7px}.arcade-result-actions{display:flex;gap:11px;align-items:center;justify-content:center;margin-top:20px}.arcade-result-actions .arcade-next{min-width:0;font-size:12px;padding:12px 17px;background:#62864e;border-color:#456a3e;box-shadow:0 3px 0 #456a3e}.arcade-retry{border:1px solid #cfdbb1;border-radius:9px;background:#f1f3dc;color:#7c9565;padding:12px 16px;font-size:12px}.arcade-retry:hover{background:#e4ebcc}.arcade-overlay p.arcade-lesson{font-size:12px;line-height:1.7;margin:14px 0 0;color:#879875}.arcade-foot{background:#f4efd7;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;gap:15px;font-size:10px;color:#a0a88b;min-height:45px}.arcade-foot .arcade-feedback{color:#7e9764;font-weight:600;font-size:11px}.arcade-pause-overlay{background:#2547348c}.arcade-pause-overlay>div{width:420px}.arcade-result-grid{display:grid;grid-template-columns:1fr;gap:9px;margin:20px 0}.arcade-record{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#edf1da;border:1px solid #d7dfbc;border-radius:9px;padding:13px 15px;gap:12px}.arcade-record strong{font-size:12px;color:#648450}.arcade-record small{display:block;font-size:10px;color:#9ba78a;margin-top:4px}.arcade-record .record-stars{color:#d0a450;font-size:19px;letter-spacing:2px;white-space:nowrap}.role-card .game-count{font-size:8px;color:#9aa77f;letter-spacing:1px;margin-top:8px;display:block}.arcade-summary-score{font:43px Consolas,monospace;color:#678c50;line-height:1.1}.arcade-summary-score small{font:11px "Segoe UI",sans-serif;color:#a0a98c;display:block;margin-top:4px}.tasks li .task-duration{font-size:9px;color:#a1aa8b;margin-top:3px;display:block}.layout.arcade-mode .mentor{background:#eaf0d7}.layout.arcade-mode .mission-label:after{content:' · 3 МИНИ-ИГРЫ';font-size:8px;letter-spacing:1px;color:#a3aa8d;margin-left:5px}.layout.arcade-mode .own-part span:last-child{font-size:10px}.layout.arcade-mode .start-button{background:#ce9053;border-color:#ae7540;box-shadow:0 3px #ae7540}.layout.arcade-mode .role-card[aria-pressed=true]{background:#e3edcf}.arcade-dialog button:focus-visible{outline:3px solid #d4a347;outline-offset:4px}@media(max-width:650px){.arcade-dialog{width:calc(100% - 12px);max-height:98vh;border-radius:12px}.arcade-head{padding:15px 16px;gap:12px}.arcade-head h2{font-size:24px}.arcade-head p{font-size:7px;letter-spacing:1px}.arcade-head p span{margin-left:5px;font-size:7px}.arcade-head-actions{gap:6px}.arcade-close,.arcade-pause{width:29px;height:29px}.arcade-hud{padding:12px 15px;gap:11px}.arcade-hud small{font-size:6px;letter-spacing:1.2px}.arcade-hud strong{font-size:24px}.arcade-combo{min-width:43px}.arcade-objective{max-width:180px}.arcade-objective>strong{font-size:12px}.arcade-objective>div{height:4px}.arcade-timer{min-width:54px}.arcade-timer>span{font-size:8px}.arcade-overlay{padding:9px}.arcade-overlay>div{padding:17px 17px;max-height:100%;overflow:auto}.arcade-overlay h3{font-size:24px;margin:7px 0 9px}.arcade-overlay p{font-size:15px;line-height:1.65;margin-bottom:11px}.arcade-round-label{font-size:11px;letter-spacing:1px}.arcade-start,.arcade-next{font-size:16px;padding:10px 17px;min-width:140px}.arcade-overlay small{font-size:12px;margin-top:8px}.arcade-stars{font-size:28px;letter-spacing:4px}.arcade-score-result>strong{font-size:26px}.arcade-overlay p.arcade-lesson{font-size:9px;margin-top:8px}.arcade-result-actions{gap:7px;margin-top:12px}.arcade-result-actions .arcade-next,.arcade-retry{font-size:14px;padding:9px 10px}.arcade-foot{padding:9px 13px;font-size:8px;gap:8px}.arcade-foot .arcade-feedback{font-size:8px}.arcade-foot>span:last-child{display:none}}@media(max-height:750px) and (min-width:651px){.arcade-dialog{width:min(960px,calc(100% - 25px))}.arcade-head{padding:13px 23px}.arcade-head h2{font-size:25px}.arcade-hud{padding:10px 23px}.arcade-hud strong{font-size:26px}.arcade-foot{padding:9px 23px;min-height:35px}.arcade-overlay>div{padding:23px 30px}.arcade-overlay h3{font-size:31px}}@media(prefers-reduced-motion:reduce){.arcade-objective i{transition:none}}

/* A compact frame leaves the game itself most of the screen. */
.arcade-dialog.is-paused .arcade-screen>canvas{filter:blur(6px)}
.arcade-dialog .arcade-head{padding:11px 18px;gap:16px;min-height:52px}
.arcade-dialog .arcade-head h2{font-size:27px;line-height:1.15;letter-spacing:-.4px}
.arcade-dialog .arcade-head-actions{gap:7px;flex-shrink:0}
.arcade-dialog .arcade-close,.arcade-dialog .arcade-pause{width:30px;height:30px}
.arcade-dialog .arcade-pause:disabled{opacity:.4;cursor:default}
.arcade-dialog .arcade-hud{padding:7px 18px;gap:20px;min-height:40px}
.arcade-dialog .arcade-hud small{display:inline;font-size:12px;letter-spacing:.8px;margin:0 7px 0 0}
.arcade-dialog .arcade-hud strong{font-size:24px;line-height:1.2;letter-spacing:0}
.arcade-dialog .arcade-combo{min-width:0}
.arcade-dialog .arcade-objective{max-width:250px}
.arcade-dialog .arcade-objective>strong{font-size:16px}
.arcade-dialog .arcade-objective>div{height:3px;margin-top:4px}
.arcade-dialog .arcade-timer{min-width:0;white-space:nowrap}
.arcade-dialog .arcade-timer>span{font-size:9px}
.arcade-dialog .arcade-feedback{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.arcade-dialog .arcade-overlay.arcade-pause-overlay{background:color-mix(in srgb,var(--paper,#f5f0df) 40%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.arcade-dialog .arcade-overlay.arcade-pause-overlay>div{width:auto;max-width:100%;padding:24px;border:0;border-radius:0;background:transparent;box-shadow:none}
.arcade-dialog .arcade-pause-overlay h3{font:600 25px/1.3 "Segoe UI",Arial,sans-serif;letter-spacing:0;color:var(--ink,#344a3b);margin:0 0 23px}
.arcade-dialog .arcade-resume{font-size:16px;min-width:150px;padding:11px 22px;box-shadow:none}
@media(max-width:650px){
 .arcade-dialog .arcade-head{padding:9px 12px;min-height:46px;gap:10px}
 .arcade-dialog .arcade-head h2{font-size:22px}
 .arcade-dialog .arcade-close,.arcade-dialog .arcade-pause{width:28px;height:28px}
 .arcade-dialog .arcade-hud{padding:6px 12px;min-height:36px;gap:12px}
 .arcade-dialog .arcade-hud small{font-size:10px;letter-spacing:.3px;margin-right:4px}
 .arcade-dialog .arcade-hud strong{font-size:20px}
 .arcade-dialog .arcade-objective>strong{font-size:14px}
 .arcade-dialog .arcade-objective{max-width:150px}
 .arcade-dialog .arcade-timer small{display:none}
 .arcade-dialog .arcade-pause-overlay h3{font-size:21px;margin-bottom:18px}
}
@media(max-width:400px){
 .arcade-dialog .arcade-hud{gap:9px}
 .arcade-dialog .arcade-hud small{font-size:10px}
 .arcade-dialog .arcade-combo small{display:none}
 .arcade-dialog .arcade-objective{min-width:65px}
}