:root{color-scheme:dark;--bg:#101810;--panel:#1c281a;--line:#3b4c33;--text:#f0f3e8;--muted:#abb9a4;--lime:#a3e45a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}header{height:80px;display:flex;align-items:center;gap:40px;padding:0 6%;border-bottom:1px solid #34412d;background:#121b12}.brand{font-size:15px;font-weight:900;letter-spacing:2px;color:white;text-decoration:none;white-space:nowrap}.brand b{color:var(--lime)}.cube{color:var(--lime);font-size:24px}nav{display:flex;gap:30px;margin:auto}nav a,footer a{color:#c7d1c0;text-decoration:none;font-size:13px;font-weight:bold}.navbtn{color:#d9efbe;text-decoration:none;border:1px solid #62764f;padding:14px;font-size:11px;font-weight:bold;letter-spacing:1px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:530px}.hero-copy{padding:90px 9% 60px 12%;background:radial-gradient(circle at 30% 30%,#283a23,#151f15 65%)}.eyebrow,.tag{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.5vw,82px);line-height:.98;letter-spacing:-3px;margin:26px 0;text-transform:uppercase}h1 em{font-style:normal;color:var(--lime)}.hero-copy p,.heading p{line-height:1.7;color:var(--muted);max-width:510px}.actions{display:flex;gap:12px;margin:32px 0 45px;flex-wrap:wrap}.button{display:inline-block;background:var(--lime);color:#17230f;border:0;padding:17px 20px;font-size:11px;font-weight:900;letter-spacing:1px;text-decoration:none;cursor:pointer}.button span{margin-left:20px}.ghost{background:transparent;border:1px solid #6b7c5e;color:#e2e9d9}.hero-meta{display:flex;gap:24px;flex-wrap:wrap;color:#b8c8ae;font-size:10px;letter-spacing:1px;font-weight:bold}.scene{position:relative;overflow:hidden;background:linear-gradient(#86b9aa 0 50%,#b6c9a0 50% 60%,#557d45 60%);min-height:400px;image-rendering:pixelated}.sun{position:absolute;background:#e9efc1;width:70px;height:70px;right:17%;top:15%;box-shadow:0 0 0 14px #d5e3bc66}.cloud{position:absolute;background:#d8e9d7;width:130px;height:25px;top:20%;left:10%;box-shadow:30px -20px #d8e9d7}.c2{top:32%;left:62%;transform:scale(.7)}.mountain{position:absolute;bottom:28%;width:60%;height:40%;background:#739775;clip-path:polygon(0 100%,0 75%,15% 75%,15% 55%,30% 55%,30% 25%,45% 25%,45% 0,60% 0,60% 35%,75% 35%,75% 60%,90% 60%,90% 80%,100% 80%,100% 100%)}.m2{right:-15%;height:55%;background:#668c6d}.ground{position:absolute;bottom:0;width:100%;height:32%;background:repeating-linear-gradient(90deg,#465b30 0 50px,#4e6437 50px 100px);border-top:25px solid #73983e}.tree{position:absolute;bottom:23%;left:13%;height:110px;width:30px;background:#654b32}.tree:before{content:'';position:absolute;bottom:70px;left:-45px;width:120px;height:100px;background:#3e713b;box-shadow:20px -25px #4f8346,-20px 12px #315c32}.t2{left:75%;transform:scale(.75);bottom:25%}.portal{position:absolute;bottom:27%;left:48%;width:85px;height:130px;background:#392b49;border:12px solid #24242b;box-shadow:9px 9px #151d1b}.portal div{height:100%;background:repeating-linear-gradient(135deg,#a361cf 0 8px,#713c9e 8px 16px)}.scene-label{position:absolute;bottom:25px;right:25px;text-align:right;font-weight:900;letter-spacing:3px}.scene-label span{color:#d8ff9d}.scene-label small{font-size:9px;letter-spacing:2px}.stats{display:flex;align-items:center;gap:7%;padding:25px 6%;background:#a3e45a;color:#1b2913}.stats div{display:flex;gap:14px;align-items:center}.stats b{font-size:31px}.stats span{font-size:10px;font-weight:900;letter-spacing:1px;line-height:1.5}.stats p{margin:0 0 0 auto;font-size:12px;line-height:1.5}.stats strong{font-size:25px}.section{padding:90px 6%;scroll-margin-top:15px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:35px}.heading h2{font-size:clamp(36px,4vw,55px);text-transform:uppercase;letter-spacing:-1.5px;margin:15px 0}.heading h2 span{color:var(--lime)}.heading p{margin-bottom:0}.index{font-size:10px;color:#87977c;letter-spacing:2px;white-space:nowrap}.grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.guide,.places{background:var(--panel);border:1px solid var(--line);padding:26px}.card-icon{width:45px;height:45px;display:grid;place-items:center;font-size:25px;margin-bottom:23px;color:#182310}.green{background:#9ed85e}.purple{background:#b58ddd}.gold{background:#e8c879}.tag{color:#96b37e}.card h3,.guide h3{font-size:23px;margin:12px 0}.card p,.guide p{color:var(--muted);line-height:1.6;font-size:14px;min-height:65px}label{display:block;color:#c5d1bd;font-size:11px;font-weight:bold;letter-spacing:.3px;margin:12px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.triple{grid-template-columns:repeat(3,minmax(0,1fr))}input,select{width:100%;background:#111b11;border:1px solid #52654a;color:white;padding:12px;margin-top:7px;font-size:15px;border-radius:0}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.result{border-top:1px solid var(--line);margin-top:20px;padding:18px 0 8px;color:var(--lime);font-size:20px;font-weight:bold}.card small{display:block;color:#a8b7a0;font-size:11px;line-height:1.5;margin-top:10px}.world{background:#25331f}.world-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:16px}.list-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.list-head span{font-size:11px;color:var(--lime)}.place{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.place p{margin:6px 0;color:var(--muted);font-size:13px}.place button{background:none;border:1px solid #687960;color:#eee;cursor:pointer;padding:8px}.empty{color:var(--muted);padding-top:30px}.guide{min-height:240px;border-top:4px solid #729951}.guide span{color:var(--lime);font-size:10px;letter-spacing:1px}.guide a{color:var(--lime);font-size:11px;font-weight:bold;text-decoration:none}footer{border-top:1px solid var(--line);padding:35px 6%;display:flex;align-items:center;gap:30px}footer p{color:#8e9e86;font-size:11px;line-height:1.5;max-width:550px;margin:0 auto}footer>a:last-child{white-space:nowrap}@media(max-width:750px){header{height:auto;padding:18px 5%;flex-wrap:wrap;gap:16px}nav{order:3;width:100%;justify-content:space-between}.navbtn{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 6%}.scene{min-height:300px}.stats{gap:20px;flex-wrap:wrap}.stats p{display:none}.stats b{font-size:24px}.section{padding:65px 5%}.grid,.guide-grid,.world-grid{grid-template-columns:1fr}.heading{display:block}.index{display:block;margin-top:20px}footer{align-items:flex-start;flex-direction:column}footer p{margin:0}.card p,.guide p{min-height:0}}
.dashboard{background:#172217}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.dashboard-summary{background:#2a3a23;border:1px solid #52694a;padding:28px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);color:#d2ddc9}.summary-row strong{color:var(--lime);font-size:24px}.dashboard-summary p{color:var(--muted);line-height:1.6;font-size:13px;margin-top:20px}.dashboard-summary .actions{margin:20px 0}.task-form{display:flex;gap:10px;align-items:end}.task-form input{margin:0}.task-form button{white-space:nowrap}.task-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.task-row label{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:0}.task-row input{width:18px;height:18px;margin:0;accent-color:var(--lime)}.task-row button{background:none;border:1px solid #687960;color:white;padding:8px;cursor:pointer}.task-row input:checked+span{text-decoration:line-through;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.import-label{display:block;color:var(--lime);font-size:11px}.import-label input{display:block;font-size:12px}@media(max-width:750px){.dashboard-grid{grid-template-columns:1fr}.task-form{flex-wrap:wrap}.task-form button{width:100%}}
header #language{width:auto;min-width:105px;margin:0;padding:9px;font-size:12px}.lang-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:750px){header #language{order:2;margin-left:auto}header .navbtn{display:none}header nav{order:3;overflow-x:auto;gap:20px;justify-content:flex-start}header nav a{white-space:nowrap}}