:root{--ui-gold:#dab76e;--ui-yellow:#ffda8b;--ui-deep:#061b19;--ui-panel:#0d2632;--ui-ink:#f6f1e2}
html{background:#03150f}body.dm-shell-menu{background:#041b17!important;overflow:auto!important}
body.dm-shell-menu>.app{display:none!important}body.dm-shell-menu>#dmTutorGuide{display:none!important}
body:not(.dm-shell-menu) #dmShell{display:none!important}
#dmShell{position:relative;min-height:100dvh;z-index:3000;color:var(--ui-ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(ellipse 87% 39% at 49% 29%,#0d5035 0%,transparent 88%),radial-gradient(ellipse 75% 55% at 95% 85%,#113929 0%,transparent 76%),repeating-linear-gradient(137deg,#051e19 0px,#051e19 3px,#06231d 4px,#05221b 6px);overflow:hidden}
#dmShell:before{content:'';pointer-events:none;position:absolute;inset:110px -25% auto;height:490px;border:2px solid rgba(214,160,75,.13);transform:rotate(-13deg);border-radius:50%;box-shadow:0 0 1px 34px rgba(205,168,80,.018)}
#dmShell *{box-sizing:border-box}#dmShell button{font:inherit;touch-action:manipulation;cursor:pointer}#dmShell button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.dm-app-width{max-width:650px;margin:auto;position:relative;padding:14px 15px 105px}
.dm-top{display:flex;align-items:center;gap:9px;padding:4px 0 13px;border-bottom:1px solid rgba(224,175,90,.65)}.dm-level{width:48px;height:52px;background:linear-gradient(155deg,#183d3b,#060f19);border:2px solid var(--ui-gold);border-radius:11px 11px 19px 19px;text-align:center;display:grid;align-content:center;box-shadow:0 3px 9px #0008}.dm-level small{font-size:9px;color:var(--ui-yellow)}.dm-level b{font-size:22px}.dm-account{flex:1;min-width:0}.dm-account b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-xp{height:6px;background:#142929;border:1px solid #b08c48;border-radius:9px;margin:6px 0 3px}.dm-xp i{display:block;width:35%;height:100%;background:linear-gradient(90deg,#15964d,#9df05b);border-radius:inherit}.dm-account small{font-size:10px;color:#bccfbe}.dm-money{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:800;background:#071b21aa;padding:6px 7px;border-radius:12px;white-space:nowrap}.dm-money .dm-cash{color:var(--ui-yellow)}
.dm-logo{text-align:center;padding:38px 8px 24px;position:relative}.dm-logo .dm-insignia{font-size:29px;color:var(--ui-gold);line-height:1;letter-spacing:10px;text-shadow:0 0 18px #ffc85b66}.dm-logo h1{font-family:Georgia,serif;font-size:clamp(35px,10vw,58px);letter-spacing:-1.5px;line-height:1.12;margin:5px auto 3px;text-shadow:1px 3px 2px #000,0 0 23px #d5aa4c77;color:#fff4d8;-webkit-text-stroke:.55px #b89147}.dm-logo .dm-logo-line{margin:auto;width:180px;height:2px;background:linear-gradient(90deg,transparent,#efc578,transparent)}.dm-tagline{font-size:12px;letter-spacing:1.7px;color:#d6bf91;margin:12px 0 0;text-transform:uppercase}
#dmShell .dm-panel{border:1.5px solid #ae864d;border-radius:17px;background:linear-gradient(137deg,#143a36f5,#0a202df9 72%);box-shadow:inset 0 1px 0 #f6d6a954,0 9px 20px #0007;overflow:hidden}.dm-menu-stack{display:grid;gap:12px}.dm-menu-card{width:100%;text-align:left;display:flex;align-items:center;gap:15px;padding:16px 16px;min-height:89px;color:var(--ui-ink);background:linear-gradient(130deg,#102937,#081b24);border:1.5px solid #aa854e;border-radius:15px;box-shadow:inset 0 1px 0 #ffecaa45,0 6px 16px #0005}.dm-menu-card.dm-featured{background:linear-gradient(125deg,#07562f,#083826 72%,#0a282b);border-color:#f8ca72;box-shadow:0 0 15px #d4a64933,inset 0 1px 0 #ffe2a4b3}.dm-menu-icon{width:62px;flex:none;display:grid;place-items:center;font-size:35px;color:#f3cc7e;text-shadow:0 2px 8px #000}.dm-menu-copy{min-width:0;flex:1}.dm-menu-copy strong{display:block;font-size:25px;line-height:1.1;letter-spacing:-.5px}.dm-menu-copy small{display:block;font-size:12px;color:#c8d5d0;margin-top:6px;line-height:1.35}.dm-menu-chevron{font-size:27px;color:var(--ui-yellow)}.dm-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.dm-mini-btn{min-height:48px;color:#ebd6ab;background:#0b2430;border:1px solid #a77f49;border-radius:10px;font-size:12px!important;font-weight:800!important}
.dm-page-head{display:flex;align-items:center;gap:13px;margin:26px 0 22px}.dm-back{background:#0c2a2b;border:1px solid #bf975a;border-radius:11px;color:#f3d692;padding:10px 13px;font-size:21px!important}.dm-page-head h2{margin:0;font:700 31px Georgia,serif;color:#fff2d6}.dm-page-head p{margin:3px 0 0;color:#cbbd99;font-size:12px}.dm-feature-box{padding:17px;margin-bottom:14px;background:linear-gradient(145deg,#0d5335,#0d252e 70%)}.dm-feature-label{font-size:11px;color:#f5d38b;text-transform:uppercase;letter-spacing:1.2px;font-weight:800}.dm-feature-box h3{margin:9px 0 8px;font-size:27px}.dm-feature-box p{font-size:13px;line-height:1.55;color:#cadbd0;margin:0 0 14px}.dm-avatars-preview{display:flex;gap:6px;justify-content:center;margin:10px 0 18px}.dm-avatar-preview{background:#0c2530;border:2px solid #ad8a50;border-radius:50%;height:58px;width:58px;display:grid;place-items:center;font-size:23px;box-shadow:0 3px 8px #0007}.dm-btn-gold{border:1px solid #ffe19a;border-radius:10px;color:#1d1d12;background:linear-gradient(#ffe7a7,#cc9440);box-shadow:inset 0 2px #fff8da88,0 4px 14px #0005;font-weight:850!important;padding:13px 15px;width:100%;font-size:15px!important}.dm-feature-box.secondary{background:linear-gradient(145deg,#112f43,#0a2130)}.dm-small-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dm-small-grid button{padding:12px 4px;min-height:75px;border:1px solid #8e794e;border-radius:12px;background:#0d2630;color:#ebd2a2;font-size:11px!important}.dm-small-grid button span{display:block;font-size:22px;margin-bottom:5px}
.dm-route{margin:8px 0 17px;padding:15px;display:flex;gap:13px;align-items:center}.dm-route-icon{font-size:34px;color:#ffcf75}.dm-route strong{display:block;font-size:16px}.dm-route small{display:block;font-size:12px;color:#bfcdcb;margin-top:3px}.dm-route button{margin-left:auto;background:linear-gradient(#f3d78c,#bd8435);color:#14201a;border:1px solid #fae9bc;border-radius:10px;padding:11px;font-weight:900!important;white-space:nowrap;font-size:12px!important}
.dm-course-list{display:grid;gap:11px}.dm-course{padding:12px 12px 8px}.dm-course-heading{display:flex;align-items:center;gap:10px;margin-bottom:7px}.dm-course-icon{font-size:23px;color:#f9cb72;width:30px;text-align:center}.dm-course-heading h3{font-size:16px;margin:0;flex:1}.dm-course-progress{font-size:11px;color:#cfcbba;white-space:nowrap}.dm-meter{width:67px;height:5px;border-radius:7px;background:#1b3a3c;margin-top:4px;overflow:hidden}.dm-meter i{display:block;height:100%;background:#56ce79}.dm-lesson{width:100%;border:0;border-top:1px solid #59747745;background:transparent;color:#f5f1e7;display:flex;align-items:center;gap:9px;min-height:49px;padding:9px 3px;text-align:left}.dm-lesson .dm-play{color:#e9c16b;font-size:15px}.dm-lesson-copy{flex:1;font-size:12px;line-height:1.24}.dm-lesson .dm-type{color:#c6b58b;font-size:10px;white-space:nowrap}.dm-lesson .dm-check{font-size:15px;color:#6adc81;width:18px;text-align:center}.dm-lesson .dm-check.empty{color:#8c9692}
.dm-progress-footer{margin:16px 0;display:flex;gap:12px;align-items:center;padding:14px 16px}.dm-progress-ring{border:5px solid #28794f;border-top-color:#8ae76e;border-right-color:#adca6a;border-radius:50%;width:71px;height:71px;flex:none;display:grid;place-items:center;font-size:17px;font-weight:850}.dm-progress-footer strong{display:block;font-size:16px}.dm-progress-footer small{color:#c1cfc4;font-size:12px}
.dm-bottom-nav{position:fixed;z-index:3005;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:6px;padding:9px max(12px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#031814e8,#071d20);border-top:1px solid #b28e5677;backdrop-filter:blur(14px)}.dm-bottom-nav button{flex:1;max-width:215px;border-radius:9px;border:1px solid #94784a;background:#0a2531;color:#ddc99d;padding:11px 5px;font-size:12px!important;font-weight:800!important}.dm-bottom-nav button.dm-active{background:#18583c;border-color:#e5ba6a;color:#ffe3a5}
.dm-training-overlay{position:fixed;inset:0;z-index:3090;display:grid;place-items:center;padding:15px;background:#03120ff2;backdrop-filter:blur(5px)}.dm-training-overlay[hidden]{display:none!important}.dm-training-box{width:min(100%,480px);max-height:92dvh;overflow:auto;padding:22px}.dm-training-box h3{font:700 23px Georgia,serif;margin:8px 0}.dm-training-box p{font-size:14px;color:#d4ded5;line-height:1.6}.dm-example-cards{display:flex;gap:5px;flex-wrap:wrap;margin:19px 0}.dm-example-card{width:50px;height:74px;border-radius:6px;background:#f6f2e7;color:#14212a;padding:6px;font-size:22px;font-weight:bold;border:1px solid #b6a581}.dm-example-card.red{color:#b22239}.dm-training-options{display:grid;gap:9px}.dm-training-options button{color:#f4ecda;background:#123640;border:1px solid #9b8458;border-radius:10px;padding:12px;text-align:left;font-size:13px!important}.dm-training-options button.correct{border-color:#7ce89d;background:#165336}.dm-training-options button.wrong{border-color:#e88974;background:#59312b}.dm-training-result{min-height:27px;font-size:13px;margin:13px 0;color:#fbd692}.dm-training-toolbar{display:flex;gap:8px;margin-top:12px}.dm-training-toolbar button{flex:1}
@media(min-width:700px){.dm-app-width{padding:20px 25px 100px}.dm-course-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dm-logo{padding-top:50px}.dm-menu-stack{gap:15px}}@media(max-width:350px){.dm-money{font-size:10px;gap:3px;padding:5px 2px}.dm-level{width:42px}.dm-menu-icon{width:46px}.dm-menu-copy strong{font-size:22px}.dm-small-grid button{font-size:10px!important}}
/* Game chrome adapts to navigation without changing stage coordinates. */
body.dm-shell-game .mast .utility{display:flex;align-items:center;gap:4px}body.dm-shell-game .mast .utility #dmNavBack{display:block!important}#dmNavBack{font-size:11px!important;background:#15382e!important;border:1px solid #cba261!important;color:#fce0a4!important;border-radius:8px!important;padding:8px!important}body.dm-shell-game #dmTutorLaunch{display:none!important}