:root{--bg:#081721;--panel:#122b39;--panel2:#0b2330;--edge:#365768;--gold:#f2c889;--cyan:#9be2e9;--text:#e7f2f3;--dim:#a6c2cc;--green:#a8ebc3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#24536c 0,transparent 38%),linear-gradient(120deg,#091723,#0c2533 66%,#071823);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #f7cf8a;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.62}.dg-topbar{min-height:70px;padding:14px max(16px,calc((100vw - 1530px)/2));display:flex;gap:20px;justify-content:space-between;align-items:center;background:#0b1d2ae9;border-bottom:1px solid #496778;flex-wrap:wrap}.dg-topbar a{color:#f1d9af;text-decoration:none}.dg-logo{font-size:18px;font-weight:950;letter-spacing:.12em}.dg-logo em{font-style:normal;color:#91d8e3}.dg-topbar>span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#a9c4cf}.dg-back{font-size:13px;font-weight:750}.dg-shell{max-width:1630px;margin:auto;padding:25px clamp(13px,2vw,34px) 90px}.dg-intro{padding:10px 0 26px}.dg-intro h1{font:700 clamp(33px,4.8vw,58px)/1.08 Georgia,serif;color:#ffebcd;margin:7px 0 10px}.dg-intro p{max-width:900px;color:#bbd6dd;font-size:16px;margin:0}.dg-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:#f6cf90}.dg-layout{display:grid;grid-template-columns:minmax(265px,315px) minmax(0,1fr);gap:18px;align-items:start}.dg-levels,.dg-main{background:#0c2130e8;border:1px solid #456276;border-radius:20px;box-shadow:0 15px 38px #0004}.dg-levels{position:sticky;top:15px;padding:15px;max-height:calc(100vh - 30px);display:flex;flex-direction:column;min-height:420px}.dg-levels-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.dg-levels h2{font:700 25px Georgia,serif;color:#ffe4b8;margin:4px 0 12px}.dg-levels-head span{font-size:11px;color:#9fc9d5}.dg-difficulty-filters{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:13px}.dg-difficulty-filters button{background:#19374a;border:1px solid #4a6a79;color:#dbedf2;border-radius:7px;padding:6px 8px;font-size:11px;min-height:32px}.dg-difficulty-filters button.dg-filter-current{background:#6c5639;color:#fff0cd;border-color:#e2b77e}.dg-levels-scroll{overflow:auto;display:grid;gap:7px;padding-right:3px;scrollbar-color:#5d8791 transparent}.dg-level{width:100%;color:#deecee;border:1px solid #375b6e;background:linear-gradient(130deg,#173549,#102b3a);border-radius:11px;padding:11px;display:grid;grid-template-columns:40px 1fr;column-gap:8px;text-align:left;align-items:center}.dg-level:hover{border-color:#e4c188;filter:brightness(1.09)}.dg-level.dg-active{background:linear-gradient(130deg,#426276,#274659);border-color:#ffdc9f}.dg-level-index{font-weight:950;color:#ffdb9f;font-size:21px;grid-row:span 2}.dg-level-name{font-size:13px;font-weight:800;line-height:1.25}.dg-stars{display:block;color:#f9cb83;letter-spacing:.01em;font-size:14px;margin-top:3px}.dg-level-meta{font-size:11px;color:#a2c9cf}.dg-main{padding:clamp(13px,2vw,23px)}.dg-mission-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:17px}.dg-mission-title h2{font:700 clamp(25px,3vw,39px) Georgia,serif;margin:7px 0;color:#ffe5ba}.dg-mission-title p{margin:0;color:#c4dde0;max-width:670px}.dg-difficulty{min-width:130px;background:#243f4b;border:1px solid #68838a;border-radius:13px;padding:12px;text-align:center;flex-shrink:0}.dg-difficulty span,.dg-difficulty small{display:block;font-size:10px;color:#aecad1}.dg-difficulty strong{display:block;font-size:22px;color:#ffcf83;white-space:nowrap}.dg-objective{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.85fr);gap:14px;margin-bottom:16px}.dg-objective-art{background:#092130;border:1px solid #3a6476;border-radius:14px;overflow:hidden;min-height:190px;display:grid;align-items:stretch}.dg-objective-art svg{width:100%;height:100%;min-height:190px;object-fit:contain;display:block}.dg-art-label{fill:#fff0ce;font-size:13px;font-weight:850;letter-spacing:.04em}.dg-art-progress{fill:#a3eff0;font-size:19px;font-weight:950}.dg-art-caption{fill:#ffdfb1;font-size:15px;font-weight:900;letter-spacing:.05em}.dg-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dg-targets>div{background:linear-gradient(140deg,#163a4b,#0d2837);border:1px solid #4c7282;border-radius:12px;padding:10px;min-width:0}.dg-targets span{display:block;color:#aad5dc;font-size:10px;font-weight:800;letter-spacing:.04em}.dg-targets strong{display:block;font-size:clamp(15px,1.5vw,19px);color:#ffdc9f;overflow-wrap:anywhere;margin:5px 0}.dg-targets small{display:block;font-size:11px;color:#b4d1d8}.dg-workshop{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start;gap:14px}.dg-board,.dg-console{border:1px solid #3d6471;background:linear-gradient(155deg,#112d3b,#0b222e);border-radius:16px;padding:15px;min-width:0}.dg-board-head{display:flex;justify-content:space-between;gap:12px}.dg-board-head h3,.dg-console h3{font:700 23px Georgia,serif;color:#ffe3b4;margin:0 0 5px}.dg-board-head p,.dg-console-head p{font-size:12px;margin:0 0 14px;color:#b9d4d8}.dg-board-head>span{font-size:11px;color:#bde4e9;white-space:nowrap}.dg-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;background:#0b2330;border:1px solid #466a77;border-radius:12px;padding:9px}.dg-palette-gear{border:1px solid #536e7d;border-radius:8px;padding:7px 2px;color:#f7e9c9;background:#1b3a4b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0}.dg-palette-gear svg{width:34px;height:34px;display:block;pointer-events:none}.dg-palette-gear strong{font-size:13px}.dg-palette-gear span{font-size:9px;color:#b7d4dc}.dg-palette-gear:hover,.dg-palette-gear.dg-chosen{border-color:#f9d08f;background:#466071}.dg-palette-note{font-size:11px;color:#acd0d9;margin:11px 0}.dg-palette-note strong{color:#ffe0a8}.dg-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.dg-pair-unit{background:#0b2835;border:1px solid #476d7a;border-radius:13px;padding:9px;min-width:0}.dg-pair-heading{display:flex;justify-content:space-between;gap:5px;padding:2px 4px 8px;align-items:center}.dg-pair-heading strong{font-size:12px;color:#ffe5b1}.dg-pair-heading span{font-size:10px;color:#a8c9d0}.dg-pair-svg{width:100%;height:auto;display:block;user-select:none}.dg-socket{cursor:crosshair}.dg-drop-hit{fill:#ffffff00;stroke:#90e3ef00;stroke-width:3;pointer-events:all}.dg-socket:hover .dg-drop-hit{fill:#91f2fc0c;stroke:#c9eeeb}.dg-axle-label{fill:#ffe4ad;font-size:11px;font-weight:800}.dg-pair-readings{display:flex;gap:7px;justify-content:space-around;font-size:10px;color:#b2d4d8;padding:4px 0;flex-wrap:wrap}.dg-pair-readings b{color:#f6d095}.dg-coupler{display:block;margin:8px 0 0;width:100%;min-height:33px;background:#4b302c;border:1px dashed #c87b6f;border-radius:8px;color:#ffd3c6;font-size:11px;font-weight:850}.dg-coupler.dg-connected{background:#224e43;border-color:#89d8aa;color:#baf4d6}.dg-console-head{margin-bottom:17px}.dg-rpm-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#e1f0ef;font-weight:800}.dg-rpm-label strong{color:#ffe0a4;font-size:17px;white-space:nowrap}.dg-console input[type=range]{width:100%;height:26px;margin:14px 0 2px;cursor:ew-resize;accent-color:#eac184}.dg-rpm-end{display:flex;justify-content:space-between;color:#9cbdc7;font-size:10px}.dg-gears-label{font-size:13px;font-weight:850;color:#d7e9e6;margin-top:22px}.dg-gearbox{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:9px 0}.dg-gearbox button{min-width:0;min-height:42px;border-radius:9px;border:1px solid #577a86;color:#f3e4c9;background:#213f4d;font-weight:950;font-size:17px}.dg-gearbox button.dg-current-gear{background:#dfb577;color:#0d2432;border-color:#ffdfa7}.dg-ratios{font-size:10px;color:#a5c6cc;margin:8px 0 16px}.dg-readings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dg-readings-grid>div{background:#0d2a36;border:1px solid #476f7c;border-radius:10px;padding:10px}.dg-readings-grid span,.dg-readings-grid small{display:block;font-size:10px;color:#b1ccd1}.dg-readings-grid strong{display:block;font-size:22px;font-variant-numeric:tabular-nums;color:#f8dba2}.dg-evaluation{font-size:12px;border-radius:9px;margin-top:9px;padding:10px;font-weight:750}.dg-eval-success{background:#174e42;color:#b6fbd7;border:1px solid #569b80}.dg-eval-pending{background:#3b3029;color:#ffe0b1;border:1px solid #806747}.dg-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.dg-actions button{min-height:42px;border-radius:10px;font-size:12px;font-weight:850}.dg-primary{grid-column:span 2;background:#f0c489;color:#162835;border:1px solid #fff0cf;font-size:15px!important}.dg-secondary{background:#223d4b;color:#e4f2ee;border:1px solid #6b8b94}.dg-release{border:1px solid #fff4d2;color:#152a36;background:linear-gradient(120deg,#ffe09a,#eab26a);width:100%;margin-top:10px;min-height:48px;border-radius:11px;font-weight:950}.dg-release[hidden]{display:none!important}.dg-status{color:#cce4e2;min-height:52px;font-size:12px;line-height:1.55;margin:15px 0 6px}.dg-status-warn{color:#ffbdab}.dg-status-success{color:#baf2c8;font-weight:900}.dg-timer{display:flex;justify-content:space-between;font-size:11px;color:#bfd8dc;margin-top:7px}.dg-progress-track{height:13px;background:#0b1d27;border-radius:10px;border:1px solid #547a82;overflow:hidden;margin-top:7px}.dg-progress-track>div{height:100%;background:linear-gradient(90deg,#60bcb0,#f1c483);transition:width .15s}.dg-hint-text{background:#1c4148;border:1px solid #4e8490;color:#def7ed;padding:13px;font-size:12px;border-radius:10px;margin-top:15px}.dg-hint-text[hidden]{display:none}.dg-education{font-size:10px;color:#94b4be;border-top:1px solid #345361;padding-top:11px;margin-top:18px}
@media(max-width:1230px){.dg-layout{grid-template-columns:250px 1fr}.dg-workshop{grid-template-columns:1fr}.dg-pairs{grid-template-columns:repeat(3,minmax(0,1fr))}.dg-objective{grid-template-columns:1fr}.dg-objective-art svg{max-height:320px}}
@media(max-width:850px){.dg-layout{display:block}.dg-levels{position:static;max-height:none;margin-bottom:17px;min-height:0}.dg-levels-scroll{grid-template-columns:repeat(3,minmax(0,1fr));max-height:250px}.dg-objective{grid-template-columns:1fr 1fr}.dg-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-topbar{gap:9px}.dg-topbar>span{display:none}}
@media(max-width:560px){.dg-shell{padding:15px 10px 65px}.dg-intro p{font-size:13px}.dg-levels-scroll{grid-template-columns:repeat(2,minmax(0,1fr));max-height:235px}.dg-level{grid-template-columns:30px 1fr;padding:8px}.dg-level-index{font-size:17px}.dg-level-name{font-size:11px}.dg-stars{font-size:12px}.dg-mission-title{display:block}.dg-difficulty{display:inline-block;margin-top:12px;min-width:0}.dg-objective{grid-template-columns:1fr}.dg-targets{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-pairs{grid-template-columns:1fr}.dg-palette{grid-template-columns:repeat(5,minmax(0,1fr))}.dg-palette-gear svg{width:27px;height:27px}.dg-board,.dg-console{padding:11px}.dg-mission-title h2{font-size:26px}.dg-pair-svg{max-height:230px}.dg-topbar{padding:11px 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.dg-gear-cursor{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);background:#edc28a;border:2px solid #fff0ce;border-radius:24px;box-shadow:0 10px 24px #000a;color:#173444;padding:10px 17px;font-size:13px;font-weight:950;white-space:nowrap}.dg-palette-gear,.dg-palette-gear *{user-select:none;-webkit-user-select:none;touch-action:pan-y}
