@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--bg:#101412;--panel:#191e1b;--line:#303832;--muted:#89948d;--text:#ecf0eb;--lime:#c5f66a;--mono:'Barlow Condensed','Arial Narrow',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans SC',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:34px 21px;background:#141916;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:3px}.brand-icon{font-size:43px;color:var(--lime);line-height:1}.brand small{display:block;font:11px var(--mono);letter-spacing:2.6px;margin-top:4px;color:#abb6ae}.section-label{color:#69756d;font-size:10px;letter-spacing:1.3px;margin:42px 10px 20px}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:13px;text-align:left;height:52px;padding:0 15px;color:#a7b1a9;font-size:14px}nav button span{font-size:21px;width:23px}nav button i{font:12px var(--mono);margin-left:auto;opacity:.5}nav button.active{background:#c5f66a12;color:var(--lime);border-left:3px solid var(--lime);padding-left:12px}nav button:hover{background:#c5f66a0a}.sidebar-bottom{margin-top:auto;color:var(--muted);font-size:11px;padding-top:40px}.online-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:6px}.sidebar-bottom p{color:#626e65;margin-bottom:24px}.text-button{padding:0;font-size:12px;color:#b3bdb5}.operator{border-top:1px solid var(--line);margin-top:24px;padding-top:22px;display:flex;align-items:center;gap:10px;color:#e3e9e1}.avatar{width:34px;height:37px;display:grid;place-items:center;background:#2b352c;border:1px solid #475441;color:var(--lime);font:18px var(--mono)}.operator small{display:block;font-size:9px;color:#78857c;margin-top:5px}.operator .online-dot{margin-left:auto}main{margin-left:236px;padding:0 42px;max-width:1800px}header{height:85px;display:flex;align-items:center;justify-content:space-between;color:#8b968e;font-size:12px}header b{padding:0 12px;color:#48554b}#breadcrumb{color:#d3dbd4}#clock{font-family:var(--mono);font-size:14px;letter-spacing:1px}.header-status{font-size:10px;margin-left:25px;color:#91a68c}.hero{border:1px solid #3c4a3c;position:relative;background:linear-gradient(105deg,#293629 0%,#1e2b21 50%,#1a251f 100%);min-height:245px;overflow:hidden;display:flex;justify-content:space-between}.hero:after{content:'';position:absolute;left:0;top:0;width:44px;height:3px;background:var(--lime)}.hero-grid{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#0000000b 4px);pointer-events:none}.hero-copy{position:relative;padding:29px 34px;width:65%;z-index:1}.eyebrow{font:11px var(--mono);letter-spacing:2px;color:#99a88f}.live-tag{font-family:'Noto Sans SC',sans-serif;font-size:9px;letter-spacing:1px;color:var(--lime);border:1px solid #698349;padding:3px 7px;margin-right:12px}h1{font-size:34px;letter-spacing:3px;margin:18px 0 11px;font-weight:700}.hero p{font-size:12px;color:#a4b39f;margin:0 0 26px}.season-bottom{display:flex;justify-content:space-between;font-size:10px;color:#9daa96;gap:10px}.season-bottom span:last-child{color:#c5d3bc}.season-track{height:3px;background:#53604b80;margin-top:10px}.season-track span{display:block;height:100%;background:var(--lime)}.radar{width:34%;position:relative;opacity:.8;min-width:240px}.radar svg{position:absolute;inset:-12px 0 0;width:100%;height:100%}.radar circle,.radar path{fill:none;stroke:#809874;stroke-width:.6}.radar .route{stroke:var(--lime);stroke-width:1.6;stroke-dasharray:4 5}.radar .marker{fill:var(--lime);stroke:var(--lime)}.map-label{position:absolute;bottom:29px;right:26px;font:12px var(--mono);letter-spacing:3px;color:#b2c2a9}.coordinates{position:absolute;top:16px;right:20px;font:9px var(--mono);letter-spacing:2px;color:#84957c}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 33px;border:1px solid var(--line);background:#171c19}.stats>div{padding:21px 25px;position:relative}.stats>div+div:before{content:'';position:absolute;left:0;top:25px;bottom:25px;width:1px;background:var(--line)}.stats>div>span{color:#a3afa5;font-size:11px}.stats strong{display:block;font:38px var(--mono);font-weight:600;margin-top:6px;letter-spacing:1px}.stats small{font-size:16px;color:#69776a;letter-spacing:0}.stats p{font-size:10px;color:#768277;margin:5px 0 0}.lime{color:var(--lime)}.mini-track{height:3px;background:#3b463a;margin-top:10px}.mini-track span{height:100%;display:block;background:var(--lime)}.level-stat strong{font-size:30px;margin-top:12px}.workspace-title{display:flex;justify-content:space-between;align-items:center}.workspace-title .eyebrow{font-size:10px;color:#69776a}h2{font-size:23px;font-weight:600;letter-spacing:1px;margin:7px 0 0}.primary{background:var(--lime);color:#1c2817;font-weight:600;font-size:12px;padding:12px 20px;min-height:42px;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}.primary:hover{background:#d8ff95}.secondary{border:1px solid #465144;padding:10px 18px;min-height:40px;font-size:12px}.secondary:hover{background:#2a342b}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:23px 0 18px;border-bottom:1px solid var(--line)}#filters{display:flex;gap:25px}#filters button{font-size:12px;color:#8c998f;padding:0 0 14px}#filters .selected{color:var(--lime);border-bottom:2px solid var(--lime)}#filters span{background:#323f2d;color:var(--lime);font:11px var(--mono);padding:1px 5px;margin-left:5px}#toolbar-note{color:#657368;font-size:10px;padding-bottom:14px}.task{display:grid;grid-template-columns:60px 1fr 145px 132px;gap:20px;align-items:center;background:#1a201c;border:1px solid #343e34;padding:22px;margin-bottom:12px;position:relative;transition:border-color .2s}.task:hover{border-color:#697c55}.task.done{background:#171d18;border-color:#303c2b}.task-number{align-self:stretch;min-height:64px;border:1px solid #465341;display:grid;place-items:center;color:#9fb485;font:25px var(--mono);position:relative;background:linear-gradient(135deg,#34433050,#1a211b)}.task-number:after{content:'';position:absolute;width:5px;height:5px;top:-1px;left:-1px;background:#9fb485}.task.done .task-number{color:var(--lime);border-color:#546b3d}.task-meta{font-size:9px;letter-spacing:1px;color:#8e9a87;display:flex;align-items:center;gap:10px}.tag{border:1px solid #46523f;padding:2px 5px;font-size:9px}.task h3{font-weight:500;font-size:16px;margin:8px 0 7px}.task p{color:#7c8b7e;font-size:11px;margin:0;line-height:1.7}.task-reward{border-left:1px solid #344031;padding-left:22px}.task-reward>span{font-size:9px;color:#7c8978}.task-reward strong{display:block;color:#d0e4aa;font:25px var(--mono);margin:5px 0}.task-reward small{font-size:11px}.task-actions{text-align:right}.task-actions .secondary{width:100%;color:var(--lime);border-color:#607c43;background:#b3df6310}.task-actions .secondary:hover{background:#b3df6320}.task-actions .completed{font-size:12px;color:#7d966b}.edit-controls{margin-top:9px;display:flex;justify-content:flex-end;gap:14px}.edit-controls button{font-size:10px;color:#7b8b7a;padding:0}.edit-controls button:hover{color:var(--text)}.task-progress{display:flex;gap:9px;align-items:center;margin-top:9px;color:#99ad8c;font:11px var(--mono)}.task-progress .bar{width:115px;height:3px;background:#394634}.task-progress .bar span{height:100%;background:var(--lime);display:block}.empty{padding:58px 20px;text-align:center;border:1px dashed #3f4c3c;color:#99a590}.empty strong{display:block;font-size:18px;font-weight:500;color:#d8e1d4;margin-bottom:10px}.empty p{font-size:12px}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reward{background:#1a201c;border:1px solid #394334;padding:22px;position:relative}.reward-art{height:105px;display:grid;place-items:center;background:radial-gradient(ellipse,#4d623b55,transparent 70%);position:relative}.reward-art:before{content:'';width:55px;height:55px;border:1px solid #6f8555;position:absolute;transform:rotate(45deg)}.reward-art span{color:#c1d89c;font-size:32px;z-index:1}.reward h3{font-size:16px;font-weight:500;margin:20px 0 8px}.reward p{font-size:11px;color:#83907f;min-height:35px;line-height:1.7}.reward-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.reward-bottom strong{font:23px var(--mono);color:var(--lime)}.reward-bottom small{font-size:11px}.reward-bottom button{padding:10px 16px}.log{display:flex;align-items:center;padding:19px 22px;border-bottom:1px solid #323b31;background:#191f1b;gap:16px}.log-icon{font-size:22px;color:var(--lime);width:28px}.log strong{font-size:13px;font-weight:500}.log small{display:block;color:#778674;font:11px var(--mono);margin-top:6px;letter-spacing:.5px}.log .amount{margin-left:auto;color:var(--lime);font:23px var(--mono);white-space:nowrap}.log .amount.spent{color:#c5b78a}footer{display:flex;justify-content:space-between;padding:29px 0 24px;color:#5f6d62;font-size:9px;gap:15px;letter-spacing:.5px}footer b{margin:0 8px}dialog{color:var(--text);background:#1a211b;border:1px solid #526048;padding:28px;width:510px;max-width:calc(100vw - 30px);max-height:90vh;overflow:auto}dialog::backdrop{background:#060c08cc;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialog-head h2{font-size:22px}.close{font-size:28px;color:#9aab93;padding:0 3px}.field{display:block;color:#adbaa6;font-size:12px;margin:16px 0}.field input,.field select,.field textarea{display:block;width:100%;margin-top:9px;background:#111812;border:1px solid #3c4c37;padding:11px 12px;color:#e8eee3;border-radius:0;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lime)}.field textarea{resize:vertical;min-height:72px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-row .field{margin:0}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #34412f}.hint{font-size:11px;color:#83917b;line-height:1.8}.data-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}#confirm p{color:#a3b098;line-height:1.9;font-size:13px}#toast{position:fixed;bottom:30px;left:calc(50% + 100px);transform:translate(-50%,25px);background:#c5f66a;color:#203015;padding:14px 24px;font-size:13px;z-index:10;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 5px 30px #0005}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){main{padding:0 60px}.hero{min-height:265px}.hero-copy{padding:36px 40px}}@media(max-width:1150px){.sidebar{width:195px;padding:30px 15px}.brand{font-size:19px;gap:7px}.brand-icon{font-size:36px}main{margin-left:195px;padding:0 26px}.task{grid-template-columns:45px 1fr 105px 105px;gap:14px;padding:18px}.task-reward{padding-left:16px}.stats>div{padding:20px 18px}.radar{min-width:190px}h1{font-size:29px}.hero-copy{width:68%;padding:28px}.rewards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{position:static;width:auto;padding:18px 22px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:20px}.brand-icon{font-size:31px}.brand small{font-size:9px}.section-label,.sidebar-bottom{display:none}nav{display:flex;margin-top:20px;gap:10px;justify-content:space-between}nav button{font-size:12px;padding:12px 10px;height:45px;gap:6px}nav button.active{border-left:0;border-bottom:2px solid var(--lime);padding-left:10px}nav button i{display:none}nav button span{font-size:17px;width:auto}main{margin:0;padding:0 22px}header{height:65px}.header-status{display:none}.hero-copy{width:70%;padding:25px}.hero{min-height:235px}.radar{position:absolute;right:0;top:0;height:100%;width:45%;opacity:.35}.hero-copy{width:100%;max-width:520px}.hero p{font-size:11px}.stats{margin-top:18px}.stats>div{padding:18px 14px}.stats strong{font-size:32px}.stats p{font-size:9px}.stats .level-stat strong{font-size:26px}.task{grid-template-columns:42px 1fr 95px;gap:13px}.task-reward{display:none}.rewards-grid{grid-template-columns:repeat(2,1fr)}#toast{left:50%}footer{font-size:8px}#settings-mobile{display:block}header>span{display:flex;align-items:center}header .mobile-settings{margin-left:12px;color:#c4d6ae;font-size:15px}}
@media(max-width:520px){main{padding:0 15px}.sidebar{padding:16px 15px 0}nav{gap:0}nav button{padding:10px 7px;font-size:11px}.hero-copy{padding:24px 20px}.hero{min-height:235px}h1{font-size:27px;letter-spacing:1px}.hero p{max-width:240px;line-height:1.8;margin-bottom:20px}.season-bottom{font-size:9px;gap:4px}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:15px 18px}.stats>div:nth-child(3),.stats>div:nth-child(4){border-top:1px solid var(--line)}.stats>div:nth-child(3):before{display:none}.stats strong{font-size:32px}.stats p{font-size:9px}#toolbar-note{display:none}#filters{gap:22px}.workspace-title h2{font-size:22px}.workspace-title .primary{padding:11px 15px}.task{padding:16px 13px;grid-template-columns:32px 1fr;gap:12px}.task-number{font-size:19px;min-height:52px;align-self:start}.task h3{font-size:14px;line-height:1.6}.task p{font-size:10px}.task-actions{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.task-actions .secondary{width:auto;min-width:120px;padding:8px 14px;min-height:35px}.edit-controls{margin:0}.task-meta{font-size:8px}.rewards-grid{grid-template-columns:1fr 1fr;gap:10px}.reward{padding:15px}.reward h3{font-size:14px}.reward-bottom{align-items:flex-start;gap:9px;flex-direction:column}.reward-bottom button{width:100%}.reward-art{height:80px}.reward .edit-controls{margin-top:15px}footer{display:block;line-height:2}footer>span{display:block}.field-row{gap:10px}dialog{padding:22px}.log{padding:16px 12px;gap:10px}.log strong{font-size:11px}.log .amount{font-size:20px}}
.mobile-settings{margin-left:14px;color:#9eac94;font-size:15px}.inline-points{display:none}@media(max-width:850px){.inline-points{display:inline;color:#c5df9d}.task-meta{flex-wrap:wrap;gap:7px}}button[hidden]{display:none!important}
