@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#2b4236;background:#f8f9f5;font-synthesis:none;--green: #35654e;--muted: #829086;--line: #e5eae2;--cream: #faf9f3}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,transform .18s;border:0}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}button svg,a svg{flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,DM Sans,Arial,sans-serif}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.3;font-weight:750;margin-bottom:8px}h2{font-size:23px;letter-spacing:-.6px;line-height:1.4;margin-bottom:12px}h3{font-size:17px;line-height:1.4}p{font-size:14px;line-height:1.7;color:#748176}small{font-size:11px;color:#849085}strong{font-weight:650}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#879a87;margin-bottom:12px}.primary,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;border-radius:8px}.primary{background:var(--green);color:#fff;padding:14px 20px;box-shadow:0 4px 10px #244a3512}.primary:hover{background:#274f3c}.secondary{background:#fff;border:1px solid #dfe6dc;color:#48644f;padding:11px 16px}.secondary:hover{background:#f1f5ee}.text-button{background:transparent;color:#4e7056;padding:8px 0}.icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#6d7f72;padding:8px;border-radius:8px}.icon:hover{background:#e9efe5}.pill{display:inline-flex;align-items:center;gap:7px;background:#eff4eb;border:1px solid #e6ebdf;border-radius:20px;font-size:10px;padding:7px 11px;color:#748169}.online{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7b9873;flex-shrink:0}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 18px;z-index:20}.brand{text-align:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.logo{width:126px;object-fit:contain;display:block}.brand .logo{width:116px;margin:-5px auto 3px}.brand>span{display:block;font-family:Manrope,sans-serif;font-size:12px;letter-spacing:1.3px;font-weight:750}.brand>small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:7px}.center-tag{border:1px solid var(--line);background:#fbfcf9;padding:11px 9px;border-radius:7px;font-size:10px;display:flex;align-items:center;gap:7px;margin:20px 0}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;gap:11px;align-items:center;padding:12px 13px;text-align:left;color:#89938a;background:transparent;border-radius:8px;font-size:12px;font-weight:500}.sidebar nav button:hover{background:#f4f6f1}.sidebar nav button.selected{background:#edf3e9;color:#45664a;font-weight:650}.nav-dot{width:5px;height:5px;border-radius:50%;background:#6c8b60;margin-left:auto}.side-note{margin-top:auto;padding:32px 15px 22px;color:#8b9a7b}.side-note strong{display:block;font-size:11px;color:#60745b;margin-top:10px}.side-note p{font-size:10px;margin:6px 0 0;color:#98a091;line-height:1.8}.profile-button{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 0 0;background:#fff;text-align:left}.profile-button>span:nth-child(2){flex:1}.profile-button strong{display:block;font-size:12px}.profile-button small{display:block;font-size:9px;margin-top:5px}.avatar{width:35px;height:35px;border-radius:50%;background:#f2e9db;color:#9e8868;display:grid;place-items:center;font-size:11px;font-weight:600}.main{margin-left:240px;width:calc(100% - 240px)}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px;justify-content:space-between;font-size:11px;color:#98a094;background:#fdfefb}.topbar>span{display:flex;gap:12px}.topbar strong{color:#6b7d69;font-weight:500}.top-actions{display:flex;align-items:center;gap:20px}.top-actions select{width:53px;padding:7px;border:none;background:transparent;color:#778570;font-size:11px}.page{max-width:1500px;padding:34px 40px 20px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px}.heading p{font-size:13px;margin-bottom:0;letter-spacing:.1px}.date{font-size:10px;color:#97a08f;margin-bottom:4px}.hero{min-height:354px;display:grid;grid-template-columns:1fr 1fr;background:#eef2e7;border:1px solid #e2e8d9;border-radius:15px;overflow:hidden;position:relative}.hero-content{z-index:2;padding:33px 38px}.hero-kicker{font-size:8px;font-weight:650;color:#748762;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;margin-bottom:16px}.hero h2{font-size:38px;line-height:1.15;letter-spacing:-1.2px;color:#39583b;margin-bottom:16px;font-weight:650}.hero em{font-family:Georgia,serif;font-weight:400;color:#9f976c}.hero p{font-size:11px;line-height:1.9;color:#7b8b70;margin-bottom:19px}.hero .primary{font-size:11px;padding:12px 17px}.hero-foot{display:flex;gap:6px;align-items:center;font-size:8px;color:#8d9d80;margin-top:17px}.hero-art{position:relative;overflow:hidden;min-height:350px;background:radial-gradient(ellipse at 60% 45%,#f8f8ef,#e9efdf 70%)}.sun{width:100px;height:100px;border-radius:50%;position:absolute;background:#efe6cc;right:40px;top:30px}.hill{position:absolute;border-radius:50%;width:550px;height:160px;bottom:-28px;left:-60px;background:#dce5cd;transform:rotate(-12deg)}.hill-two{background:#c9d7bc;bottom:-77px;left:60px;transform:rotate(14deg)}.building{position:absolute;left:12%;top:95px;width:72%;height:175px;background:#f6f0df;border-top:15px solid #aebda5;box-shadow:10px 12px #c8d3bd;border-radius:5px 5px 0 0;transform:skewY(-3deg);z-index:2}.building-sign{font-size:10px;letter-spacing:3px;font-weight:700;color:#6f8266;display:flex;justify-content:center;align-items:center;gap:10px;padding:15px}.windows{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 20px;padding:0 24px}.windows span{height:25px;background:linear-gradient(90deg,transparent 46%,#e8e5d6 46%,#e8e5d6 53%,transparent 53%),#b6cdca;border:3px solid #e3e0d2;box-shadow:0 3px #c7c9b6}.door{position:absolute;bottom:0;left:43%;width:44px;height:43px;background:linear-gradient(90deg,#91a99c 48%,#dbdfd0 48%,#dbdfd0 53%,#91a99c 53%);border:4px solid #e1dac5}.tree{width:65px;height:110px;border-radius:50% 50% 40% 40%;position:absolute;left:5%;top:165px;background:#9ab18d;z-index:3;box-shadow:inset -17px -7px #8aa27e}.tree:after{content:"";position:absolute;width:7px;height:55px;background:#9b9273;left:46%;bottom:-34px}.tree-two{left:auto;right:5%;top:152px;transform:scale(.8);background:#91a782}.path{position:absolute;bottom:-10px;left:46%;width:70px;height:140px;background:#e9ddbf;transform:skew(-20deg);z-index:1}.floating-card{position:absolute;left:6%;bottom:24px;z-index:5;background:#fffe;box-shadow:0 9px 25px #57654a16;border:1px solid white;border-radius:11px;padding:14px;display:flex;gap:12px;align-items:center;transform:rotate(-3deg)}.floating-card strong{font-size:11px;display:block}.floating-card small{font-size:9px;display:block;margin-top:4px}.floating-card>svg{color:#94a783}.icon-circle{width:38px;height:38px;display:grid;place-items:center;color:#759875;background:#eff4e8;border-radius:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 32px}.stat{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 17px}.stat-icon{color:#9aa885;background:#f3f5ec;border-radius:10px;width:39px;height:39px;display:grid;place-items:center;flex-shrink:0}.stat>div>span{font-size:10px;color:#8d9887;display:block;margin-bottom:7px}.stat strong{display:block;font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.6px}.stat small{display:block;font-size:9px;margin-top:6px;color:#9ca693}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:18px;margin-bottom:5px}.section-head p{font-size:11px;margin:0;color:#929c8d}.section-head .text-button{font-size:10px;white-space:nowrap}.profession-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.profession-card{display:block;text-align:left;background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px;color:inherit;transition:transform .2s,box-shadow .2s}.profession-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #3553390d;border-color:#b9cbb2}.profession-top{display:flex;align-items:center;justify-content:space-between;color:#a1ac99;margin-bottom:20px}.profession-icon{width:47px;height:47px;border-radius:12px;display:grid;place-items:center}.profession-card h3{font-size:14px;margin-bottom:8px}.profession-card p{font-size:11px;min-height:38px;color:#94a08e;margin-bottom:18px}.profession-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff2e9;padding-top:13px;font-size:9px;color:#9fa995}.profession-bottom span:last-child{display:flex;align-items:center;gap:4px;color:#6d8562;font-weight:600}.bottom-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 25px;margin-top:25px;background:#f0f2e9;border:1px solid #e5e9dc;border-radius:11px}.instructor{display:flex;gap:12px;align-items:center}.portrait{width:46px;height:46px;border-radius:50%;background:#e4dac7;border:3px solid #fff;display:grid;place-items:center;overflow:hidden;color:#938262;font-family:Georgia,serif}.portrait img{width:100%;height:100%;object-fit:cover}.instructor strong{font-size:11px;display:block}.instructor div>span:not(.portrait span){display:block;font-size:9px;color:#8e9a81;margin-top:5px}.instructor .online{margin-left:4px}.bottom-strip>p{font-family:Georgia,serif;font-style:italic;font-size:12px;margin:0;color:#899276}.bottom-strip .secondary{font-size:10px;padding:10px 12px}.page footer{display:flex;align-items:center;gap:12px;font-size:9px;color:#9fa895;margin-top:30px;padding-top:20px;border-top:1px solid #e9ede2}.page footer span{color:#b0b7a6}.page footer small{font-size:8px;margin-left:auto;color:#adb5a5}.mobile-menu{display:none}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:22px}.panel h3{margin-bottom:20px}.panel p{font-size:13px}.panel .section-head h3{margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-weight:600;color:#879482;background:#f7f9f4}td,th{padding:13px 12px;border-bottom:1px solid var(--line)}td{color:#697c64}.empty{text-align:center;padding:55px 25px;color:#8a9b7b}.empty h2,.empty h3{margin:15px 0 8px}.empty .primary{margin-top:10px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;color:inherit;text-align:left}.course-card>div:last-child{padding:22px}.course-visual{height:140px;display:flex;align-items:center;justify-content:center;position:relative;color:#8ea284;background:repeating-linear-gradient(45deg,#eaf0e2,#eaf0e2 30px,#eef3e8 30px,#eef3e8 60px)}.course-visual span{position:absolute;top:14px;right:14px;background:#fffb;padding:5px 8px;border-radius:4px;font-size:9px}.course-card:nth-child(2n) .course-visual{background:#ece6d8;color:#b59a72}.course-card h3{margin:10px 0;font-size:17px}.course-card p{font-size:12px}.course-text{font-size:16px;line-height:1.9;border-left:3px solid #b8c8a9;padding-left:20px;margin:25px 0}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.achievement{border:1px dashed #d8e0d1;border-radius:10px;padding:20px;color:#b0b9a5;background:#f4f6f0}.achievement strong{font-size:12px;display:block;margin:13px 0 6px;color:#929e86}.achievement p{font-size:11px;line-height:1.6;color:#a1aa96}.achievement small{font-size:8px;letter-spacing:1px}.achievement.earned{background:#faf6e8;color:#b39a5d;border:1px solid #e6d8b2}.achievement.earned strong{color:#847142}.metric{display:flex;align-items:center;gap:16px;margin:20px 0;font-size:12px}.metric>span{width:130px}.metric>div{flex:1;height:7px;background:#edf1e7;border-radius:20px;overflow:hidden}.metric i{display:block;height:100%;background:#92ab82;border-radius:20px}.metric strong{min-width:85px;text-align:right;font-size:11px}.certificate{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:15px 0;color:#79906a}.certificate>div{flex:1}.certificate strong{font-size:13px;color:#526c46}.certificate small{display:block;margin-top:5px}.certificate .secondary{font-size:11px}.tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tabs button{background:transparent;color:#849477;font-size:12px;border-radius:7px;padding:11px 17px}.tabs .selected{background:#e6eedf;color:#47633d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid>.primary{justify-self:start;align-self:end}label{display:block;font-size:12px;font-weight:500;color:#687d5d;margin:13px 0}input,select,textarea{display:block;width:100%;border:1px solid #dce4d5;background:#fff;border-radius:7px;padding:11px 12px;color:#405638;margin-top:7px;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #adbf9c;outline-offset:1px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}fieldset{border:1px solid #dae3d2;border-radius:10px;padding:22px;margin:25px 0}legend{padding:0 8px;font-size:13px;font-weight:600}.question-editor{background:#f6f8f2;padding:16px;border-radius:8px;margin-bottom:20px}.notice{background:#f0f4e9;border:1px solid #e2e8d9;color:#6e805e;border-radius:7px;padding:14px 16px;font-size:12px;line-height:1.7;margin:18px 0}.alert,.error{color:#9d5641}.alert{background:#fff1e9;border:1px solid #ecd4c5;padding:14px;display:flex;justify-content:space-between;margin-bottom:18px;border-radius:8px;font-size:12px}.alert button{background:transparent;color:inherit}.loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8faf4;gap:20px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:#eaf0e1;padding:60px 12%;position:relative;overflow:hidden}.login-story .logo{mix-blend-mode:multiply;width:145px;margin-bottom:60px}.login-story h1{font-size:44px;line-height:1.3;color:#47623c;margin:24px 0}.login-story em{font-family:Georgia,serif;font-weight:400;color:#a3966d}.login-story p{color:#7f9171}.login-quote{margin-top:65px;font-family:Georgia,serif;font-size:25px;font-style:italic;line-height:1.6;color:#9dab89}.login-form{display:flex;flex-direction:column;justify-content:center;max-width:460px;width:100%;margin:auto;padding:45px}.login-form h2{font-size:27px;margin-top:8px}.login-form>p{font-size:13px;margin-bottom:25px}.login-form form label{margin-bottom:18px}.login-form .primary{width:100%;justify-content:space-between;margin-top:8px}.demo-note{background:#f1f4eb;border-radius:8px;padding:18px;margin-top:28px;font-size:11px}.demo-note p{font-size:11px;margin:8px 0;color:#839276}.demo-note small{display:block;margin-top:6px;font-size:10px}.demo-note .text-button{font-size:11px}dialog{border:1px solid #e2e8d8;border-radius:16px;padding:35px;max-width:620px;width:calc(100% - 32px);color:#3b5432;max-height:88vh;overflow:auto;box-shadow:0 24px 100px #1427183b}dialog::backdrop{background:#15281dc0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{padding-right:24px;font-size:25px}dialog .instructor{margin:22px 0}dialog p{font-size:13px}.modal-close{position:absolute;right:12px;top:12px}.scenario{padding:20px 0;border-top:1px solid var(--line);display:flex;gap:15px;align-items:center}.scenario>div{flex:1}.scenario h3{font-size:16px;margin-bottom:6px}.scenario p{font-size:12px;margin-bottom:8px}.scenario small{display:flex;align-items:center;gap:5px;font-size:10px}.scenario .primary{font-size:11px;padding:11px 16px}.choices{display:flex;flex-direction:column;gap:10px;margin:20px 0}.choices button{background:#f6f8f1;border:1px solid #dfe7d5;border-radius:8px;padding:14px;display:flex;align-items:center;gap:13px;text-align:left;color:#526b44;font-size:13px;line-height:1.6}.choices button:hover{background:#eaf1e1;border-color:#9eb28e}.choices button>span{width:25px;height:25px;flex-shrink:0;display:grid;place-items:center;border-radius:5px;background:#fff;border:1px solid #e2e8d9;font-size:11px}.feedback{font-size:12px;line-height:1.7;padding:14px 17px;border-radius:7px;margin-top:16px}.feedback.good{background:#edf4e5;color:#698254}.feedback.bad{background:#fff0e5;color:#a16e41}.feedback p{margin:6px 0;font-size:12px;color:inherit}.question{font-size:16px!important;font-weight:500;color:#435d37}details{border-top:1px solid #e4eadc;padding:15px 0;font-size:12px}summary{cursor:pointer;font-weight:600;line-height:1.6}details p{margin:10px 0 0}.game{position:fixed;top:0;right:0;bottom:0;left:0;background:#dce6d8;overflow:hidden}.world{position:absolute;top:0;right:0;bottom:0;left:0}.world canvas{display:block;width:100%;height:100%}.game-header{position:absolute;inset:0 0 auto;background:#fafcf1f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #dbe5d0}.game-brand{display:flex;align-items:center;gap:12px;color:#5d7950}.game-brand>span{font-size:13px;font-weight:700;letter-spacing:1px}.game-brand small{display:block;font-weight:400;font-size:8px;margin-top:3px}.game-status{display:flex;gap:22px;align-items:center;font-size:12px}.game-status>span{display:flex;gap:7px;align-items:center}.mission-hud{position:absolute;left:24px;top:85px;background:#fffe;border:1px solid #e2e9d9;border-radius:12px;padding:20px 23px;width:320px;box-shadow:0 6px 25px #3b4b3020}.mission-hud .eyebrow{font-size:8px;margin-bottom:7px}.mission-hud h3{font-size:17px;margin-bottom:8px}.mission-hud p{display:flex;gap:5px;align-items:center;font-size:11px;margin-bottom:13px}.progress-track{height:4px;background:#e8edde;border-radius:4px}.progress-track i{height:100%;display:block;background:#91ab78;border-radius:4px}.crosshair{position:absolute;left:50%;top:50%;color:#fffffff0;transform:translate(-50%,-50%);font-size:23px;pointer-events:none;text-shadow:0 1px 3px #333}.minimap{position:absolute;right:20px;top:83px;width:108px;background:#ffffffcf;padding:8px;border-radius:12px;border:1px solid #fff}.minimap svg{width:100%;height:260px}.minimap small{display:block;text-align:center;font-size:6px;letter-spacing:1px}.game-bottom{position:absolute;bottom:22px;left:23px;right:23px;display:flex;align-items:flex-end;gap:20px;justify-content:space-between;pointer-events:none}.game-bottom>div{pointer-events:auto}.instructor-bubble{width:320px;background:#fffffff0;border:1px solid #e5ebdd;border-radius:12px;padding:15px 18px}.instructor.small .portrait{width:34px;height:34px;border-width:2px;font-size:12px}.instructor.small strong{font-size:10px}.instructor.small div>span{font-size:8px}.instructor-bubble p{font-size:11px;line-height:1.7;margin:12px 0 3px}.instructor-bubble .text-button{font-size:9px;padding:4px 0}.interaction{text-align:center}.interaction .primary{background:#385b3df2;padding:14px 21px;border:1px solid #ffffff55;box-shadow:0 3px 15px #1c2a2340}.interaction small{display:block;font-size:9px;color:#fff;margin-top:10px;text-shadow:0 1px 4px #222}.game-tools{display:flex;gap:8px}.game-tools button{font-size:11px;padding:11px 13px;background:#fffffff0}.tablet{position:absolute;top:78px;bottom:20px;right:20px;width:335px;background:#fffef8f5;border:8px solid #5e6d57;border-radius:20px;padding:25px 20px;overflow:auto;box-shadow:0 10px 40px #1a2c2740}.tablet h2{font-size:21px}.tablet .close{position:absolute;top:10px;right:7px}.task{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e8edde;padding:10px 0;color:#a1ab93}.task>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#f0f3e9;font-size:10px;flex-shrink:0}.task strong{font-size:10px;font-weight:500;display:block}.task small{display:block;font-size:8px;margin-top:4px}.task.done{color:#7d956b}.task.done>span{background:#e4efd9}.task.active{color:#566f43}.task.active>span{color:#fff;background:#7b9666}.tablet h3{margin:24px 0 4px;font-size:13px}.tablet details{font-size:10px}.tablet details p{font-size:10px}.control-guide{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0;font-size:11px;color:#81936f}.control-guide span{display:flex;align-items:center;gap:8px}kbd{border:1px solid #c6d2b9;background:#f1f4e9;color:#6d8459;font:10px DM Sans,sans-serif;padding:4px 7px;border-radius:4px}.game-error{position:absolute;left:50%;top:80px;transform:translate(-50%);max-width:500px;display:flex;align-items:center;gap:15px;background:#fff0dcf5;color:#976d3d;font-size:12px;padding:12px 18px;border-radius:8px;cursor:pointer}.touch-controls{display:none}@media(min-width:1600px){.hero{min-height:400px}.hero-content{padding:40px}.hero h2{font-size:45px}.hero-art .building{top:120px;height:185px}.hero-art .tree{top:190px}}@media(max-width:1150px){.sidebar{width:205px;padding:20px 14px}.main{margin-left:205px;width:calc(100% - 205px)}.page{padding:27px}.topbar{padding:0 27px}.hero-content{padding:25px}.hero h2{font-size:33px}.hero-art .building{top:115px;width:78%;left:8%}.windows{gap:13px;padding:0 15px}.floating-card{left:3%;padding:10px;gap:7px}.floating-card strong{font-size:9px}.floating-card small{font-size:8px}.stats{gap:10px}.stat{padding:17px 12px;gap:8px}.stat-icon{width:30px;height:30px}.stat strong{font-size:19px}.stat>div>span{font-size:9px}.bottom-strip>p{display:none}.profession-grid{gap:12px}.profession-card{padding:17px}.profession-bottom{font-size:8px}.achievement-grid{grid-template-columns:repeat(3,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.game-bottom{gap:10px}.instructor-bubble{width:260px}.game-tools{flex-direction:column}}@media(max-width:850px){.sidebar{transform:translate(-100%);width:235px;transition:transform .2s}.sidebar.open{transform:translate(0);box-shadow:20px 0 60px #24392640}.main{margin:0;width:100%}.mobile-menu{display:flex}.topbar{height:62px;padding:0 18px;gap:12px}.topbar>span{margin-right:auto;font-size:10px}.top-actions{gap:8px}.top-actions .pill{display:none}.page{padding:25px 22px}.stats{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 1fr}.profession-grid{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:365px}.date{display:none}.login-story{padding:45px 10%}.login-story h1{font-size:32px}.login-form{padding:30px}.login-story .logo{margin-bottom:50px}.achievement-grid{grid-template-columns:repeat(2,1fr)}.game-brand small{max-width:240px}.game-bottom{bottom:130px;left:14px;right:14px}.instructor-bubble{width:230px}.interaction small{display:none}.touch-controls{display:grid;grid-template-columns:repeat(3,44px);gap:5px;position:absolute;left:20px;bottom:18px}.touch-controls button{width:44px;height:40px;border-radius:7px;background:#fffc;color:#536b45;border:1px solid #fff;touch-action:none}.game-tools{position:fixed;bottom:24px;right:20px}.minimap{width:85px}.minimap svg{height:220px}}@media(max-width:550px){h1{font-size:27px}.topbar>span{font-size:0}.topbar>span strong{font-size:10px}.page{padding:22px 16px}.heading{margin-bottom:20px}.hero{display:block}.hero-content{padding:27px 25px}.hero h2{font-size:36px}.hero-art{display:none}.hero p{font-size:12px}.hero-foot{font-size:8px}.stats{gap:10px;margin-bottom:25px}.stat{padding:15px 12px}.stat strong{font-size:20px}.stat>div>span{font-size:9px}.section-head{display:block}.section-head h2{font-size:17px}.section-head .text-button{margin-top:8px}.profession-grid{grid-template-columns:1fr}.profession-card p{min-height:0}.profession-top{margin-bottom:13px}.profession-card h3{font-size:16px}.profession-card p{font-size:12px}.profession-bottom{font-size:10px}.bottom-strip{padding:18px 15px;flex-wrap:wrap}.page footer{flex-wrap:wrap;gap:7px}.page footer small{width:100%;margin:0}.course-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr 1fr;gap:9px}.achievement{padding:15px}.form-grid{grid-template-columns:1fr;gap:0}.panel{padding:20px 16px}.metric{gap:10px;font-size:10px}.metric>span{width:100px}.metric strong{min-width:70px;font-size:9px}.certificate{gap:10px;flex-wrap:wrap}.certificate .secondary{margin-left:auto}.login{display:block}.login-story{padding:25px}.login-story .logo{width:88px;margin-bottom:15px}.login-story h1{font-size:27px;margin:15px 0}.login-story p,.login-quote{display:none}.login-story .eyebrow{font-size:8px}.login-form{padding:30px 25px}.login-form h2{font-size:25px}.game-header{padding:0 12px;height:57px}.game-status{gap:9px;font-size:10px}.game-brand>span{font-size:10px}.game-brand small{font-size:6px;max-width:110px}.game-brand svg{display:none}.game-status .icon{padding:5px}.mission-hud{left:12px;top:72px;padding:14px;width:230px}.mission-hud h3{font-size:14px}.mission-hud p{font-size:10px}.minimap{right:10px;top:72px;width:62px;padding:5px}.minimap svg{height:180px}.minimap small{font-size:4px}.game-bottom{bottom:127px;display:block}.instructor-bubble{display:none}.interaction .primary{font-size:12px}.tablet{inset:66px 9px 10px auto;width:calc(100% - 18px);max-width:340px}.game-error{top:220px;max-width:90%;width:90%;font-size:11px}dialog{padding:27px 22px}dialog h2{font-size:22px}.control-guide{font-size:10px;gap:10px}.scenario{display:block}.scenario .primary{margin-top:15px}.game-tools{flex-direction:row}.game-tools .secondary{font-size:10px;padding:10px}.touch-controls{left:14px;bottom:16px;grid-template-columns:repeat(3,39px)}.touch-controls button{width:39px}.login-form form{margin-bottom:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.game-brand .logo{width:49px;height:49px;object-fit:contain;border-radius:5px}.evaluation-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.evaluation-grid h3{font-size:13px;margin-bottom:5px}@media(max-width:550px){.evaluation-grid{grid-template-columns:1fr}.game-brand .logo{width:35px;height:35px}.game-tools .secondary{font-size:8px}}.photo-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:45% 50%}.photo-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#20342366,transparent 60%);pointer-events:none}.photo-hero .floating-card{bottom:42px;transform:none}.stock-label{position:absolute;bottom:15px;left:25px;color:#fff;z-index:2;font-size:9px}.photo-course>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.photo-course>span{color:#35533b;z-index:1}.photo-login{isolation:isolate;background:#273f33}.photo-login .login-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}.photo-login:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(0deg,#183726d9,#18372625)}.photo-login h1,.photo-login p,.photo-login .eyebrow,.photo-login .login-quote{color:#fff}.photo-login h1 em{color:#f0d5a5}.photo-login .logo{background:#fff;border-radius:12px;mix-blend-mode:normal;padding:8px}.resident-thumb{width:43px;height:52px;object-fit:cover;object-position:50% 25%;border-radius:7px;vertical-align:middle;margin-right:8px}.resident-stock{display:block;margin:12px 0;font-size:9px}.resident-dialog{display:flex;gap:15px;padding:14px;background:#f2f5ee;border-radius:10px;margin:15px 0}.resident-dialog img{width:85px;height:105px;object-fit:cover;object-position:50% 25%;border-radius:8px}.resident-dialog strong{font-size:13px}.resident-dialog p{font-size:10px;margin:7px 0 0}@media(max-width:550px){.hero .photo-hero{display:block;min-height:240px}.photo-hero .floating-card{bottom:36px}.photo-hero>img{object-position:center 45%}.photo-login .login-photo{object-position:50% 65%}}.mobile-movement,.mobile-hint{display:none}.world canvas{touch-action:none}@media(pointer:coarse),(max-width:850px){.game{height:100dvh;overscroll-behavior:none}.desktop-hint,.control-guide.desktop-hint{display:none!important}.mobile-hint{display:block!important}.mobile-movement:not([hidden]){display:flex;position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));align-items:center;flex-direction:column;gap:6px;color:#fff;-webkit-user-select:none;user-select:none}.joystick{width:116px;height:116px;border-radius:50%;border:2px solid #ffffff80;background:#19352988;display:grid;place-items:center;touch-action:none;padding:0;box-shadow:0 4px 18px #0003}.joystick span{width:50px;height:50px;border-radius:50%;background:#f5dc91;border:3px solid #fff9;pointer-events:none;box-shadow:0 3px 9px #0005}.mobile-movement small{font-size:10px;letter-spacing:2px;text-shadow:0 1px 4px black}.game-bottom{left:auto;right:max(16px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:calc(100% - 170px);max-width:240px;display:block}.game-bottom .instructor-bubble{display:none}.interaction .primary{width:100%;min-height:60px;font-size:14px;padding:12px;white-space:normal}.interaction kbd{display:none}.interaction .mobile-hint{font-size:10px;line-height:1.4;max-width:180px;margin:8px auto 0;color:#fff;text-shadow:0 1px 4px black}.game-tools{position:static;display:flex;gap:6px;margin-top:12px}.game-tools .secondary{font-size:11px!important;min-height:44px;padding:8px;flex:1}.game-tools .secondary:last-child{font-size:0!important}.game-tools .secondary:last-child:after{content:"Ayuda";font-size:11px}.game-status button{min-width:44px;min-height:44px}.mission-hud{max-width:calc(100% - 100px);pointer-events:none}.minimap{pointer-events:none}.game-error{bottom:190px;left:16px;right:16px}}@media(max-height:500px)and (pointer:coarse){.game-brand small,.minimap,.mission-hud p,.mission-hud .progress{display:none}.game-header{top:8px}.mission-hud{top:65px;max-width:290px;padding:10px}.mission-hud h3{font-size:13px;margin:4px 0}.joystick{width:100px;height:100px}.game-bottom{max-width:260px;bottom:12px}.interaction .primary{min-height:48px}.interaction .mobile-hint{display:none!important}.game-tools{margin-top:6px}}