:root{--ink:#12332f;--muted:#5d746f;--paper:#f5f1e7;--card:#fffdf8;--accent:#ff7b54;--green:#2f8f72;--blue:#79c8c7;--line:#d8e2dc;--shadow:0 18px 50px rgba(20,60,50,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui;background:linear-gradient(180deg,#eef7f3,#f8f3e8);color:var(--ink)}a{color:inherit;text-decoration:none}.top{height:72px;display:flex;align-items:center;gap:26px;padding:0 5vw;border-bottom:1px solid rgba(18,51,47,.1);background:rgba(255,253,248,.86);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{font-weight:900;letter-spacing:.12em}.brand b{color:var(--accent)}nav{display:flex;gap:20px;margin-left:auto}nav a{font-weight:700;color:var(--muted)}select{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:white}.app{max-width:1320px;margin:auto;padding:34px 4vw}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.hero h1{font-size:clamp(38px,6vw,76px);line-height:.95;max-width:760px;margin:8px 0 12px}.hero p{font-size:18px;color:var(--muted);max-width:640px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;color:var(--green)}.day-card{background:var(--ink);color:white;border-radius:26px;padding:20px 28px;min-width:170px;box-shadow:var(--shadow)}.day-card strong{display:block;font-size:44px}.day-card small{color:#b6d0c9}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.hud div,.card,.map-panel,.progress{background:var(--card);border:1px solid rgba(18,51,47,.08);box-shadow:var(--shadow);border-radius:24px}.hud div{padding:18px}.hud span{display:block;color:var(--muted);font-size:13px}.hud b{font-size:27px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.map-panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:5px 0}.primary,.actions button{border:0;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer}.primary{background:var(--accent);color:white}.river-map{margin-top:18px;min-height:560px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(135deg,#bce6d8 0 27%,#f4dda9 27% 34%,#79c8c7 34% 63%,#f4dda9 63% 70%,#bce6d8 70%);border:8px solid #e7efe8}.river-map:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.7),transparent 20%),repeating-linear-gradient(20deg,transparent 0 40px,rgba(255,255,255,.06) 41px 42px)}.sector{position:absolute;transform:translate(-50%,-50%);width:118px;padding:12px;border-radius:18px;background:white;border:3px solid transparent;box-shadow:0 12px 28px rgba(18,51,47,.2);cursor:pointer;text-align:left}.sector:hover,.sector.active{border-color:var(--accent);transform:translate(-50%,-50%) scale(1.04)}.sector.done{opacity:.58}.sector .icon{font-size:26px}.sector b{display:block}.sector small{color:var(--muted)}.side{display:grid;gap:14px}.card{padding:20px}.card h3{margin:6px 0}.card p{color:var(--muted)}.actions{display:grid;gap:9px}.actions button{background:#e9f3ef;color:var(--ink);text-align:left}.actions button:hover{background:#d8ebe4}.fleet{display:grid;gap:10px}.unit{display:flex;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:14px}.unit span{color:var(--muted)}.log{font-size:14px;line-height:1.5;color:var(--muted);max-height:150px;overflow:auto}.progress{margin-top:18px;padding:18px}.progress>div:first-child{display:flex;justify-content:space-between}.bar{height:12px;background:#e6ece8;border-radius:99px;overflow:hidden;margin-top:10px}.bar i{display:block;height:100%;width:0;background:var(--green);transition:.3s}footer{display:flex;justify-content:space-between;padding:30px 5vw;color:var(--muted)}.page{max-width:900px;margin:50px auto;padding:0 24px}.page article{background:var(--card);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.page h1{font-size:48px}.page p,.page li{color:var(--muted);line-height:1.7}@media(max-width:900px){nav{display:none}.layout{grid-template-columns:1fr}.river-map{min-height:500px}.hud{grid-template-columns:repeat(2,1fr)}.hero{align-items:start}.day-card{display:none}}@media(max-width:560px){.top{padding:0 16px}.brand{font-size:13px}.app{padding:24px 14px}.hero h1{font-size:44px}.map-panel{padding:12px}.river-map{min-height:560px}.sector{width:96px;font-size:12px}.panel-head{align-items:flex-start;gap:10px}.primary{padding:10px}.hud div{padding:14px}footer{flex-direction:column;gap:10px}}