:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#121a22;color:#f4f1e8;font-size:16px}
*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:16px 14px 72px}a{color:#e7ca8d}header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid #3d4550;padding-bottom:13px}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;color:#e6c887}h1{font-size:1.55rem;margin:0}h2{font-size:1.28rem;margin:0 0 12px}h3{font-size:1.06rem;margin:0 0 8px}.sub{font-size:.82rem;color:#aeb7bd}.page-nav{margin:12px 0 16px}.page-nav summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:9px 12px;border:1px solid #d7ae60;border-radius:9px;background:#2d281f;color:#f0d08d;cursor:pointer;font-weight:700;list-style:none}.page-nav summary::-webkit-details-marker{display:none}.page-nav summary::after{content:'▾';font-size:.9rem}.page-nav details[open] summary::after{content:'▴'}.page-links{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:7px;padding:9px;border:1px solid #4b5862;border-radius:10px;background:#151f28}.page-links a{display:flex;align-items:center;min-height:42px;padding:8px 10px;border:1px solid #46535e;border-radius:8px;color:#d9e0e3;text-decoration:none;font-size:.89rem}.page-links a.active{border-color:#d7ae60;background:#392f20;color:#f3d994;font-weight:700}
section,.card{border:1px solid #3b4650;background:#1b2630;border-radius:12px;padding:15px;margin:12px 0}.hint,.small{color:#b8c2c8;line-height:1.45}.hint{font-size:.92rem}.small{font-size:.82rem}.callout{border:1px solid #d0a957;background:#332b1d;border-radius:11px;padding:13px;margin:12px 0;line-height:1.45}.callout strong{color:#f1d087}.callout.good{border-color:#74ad80;background:#173022}.callout.warn{border-color:#ce766c;background:#351f21}
.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{border:1px solid #53616c;background:#111c24;color:#e7ecee;border-radius:9px;padding:12px 7px;min-height:47px;font:inherit;cursor:pointer}.choice.active{border-color:#d7ae60;background:#3c3120;color:#f2d28f;font-weight:700}button{cursor:pointer}.primary{width:100%;border:0;border-radius:10px;background:#d7ae60;color:#17212a;padding:14px;font:inherit;font-weight:750}.secondary{border:1px solid #687782;border-radius:8px;background:#15212a;color:#e8edef;padding:9px 11px;font:inherit}label.field{display:flex;flex-direction:column;gap:6px;color:#dbe1e3;font-size:.91rem}select,input[type=number]{width:100%;min-height:44px;border:1px solid #56636d;border-radius:8px;background:#101a22;color:#fff;padding:9px 10px;font:inherit}input[type=checkbox]{width:21px;height:21px;accent-color:#d7ae60}.check{display:flex;align-items:flex-start;gap:10px;padding:10px 0;line-height:1.38;border-top:1px solid #3b4650}.check:first-child{border-top:0}.check.done span{text-decoration:line-through;color:#87949b}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.terrain{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.terrain button{border:1px solid #5b6872;border-radius:8px;background:#12202a;color:#edf1f2;padding:10px 4px;font:inherit;font-size:.88rem}.terrain button:active{background:#3a3021}.route{margin:12px 0;padding:0;list-style:none}.route li{display:flex;justify-content:space-between;padding:8px 1px;border-bottom:1px solid #35414a}.total{font-size:1.12rem;color:#f0d18f;font-weight:700}.result{border-left:3px solid #d7ae60;padding:3px 0 3px 12px;margin-top:12px;line-height:1.5}.result ul{padding-left:20px}.hidden{display:none!important}.action-row{display:flex;gap:8px;flex-wrap:wrap}.step-card{border-left:4px solid #d0ab62}.step-number{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d7ae60;color:#18222a;font-weight:800;margin-right:7px}.flow-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px}.flow-choice label{border:1px solid #54616b;border-radius:9px;padding:11px;background:#111c24}.foot{font-size:.82rem;color:#aab5bb;line-height:1.5;margin:20px 2px}
.crystals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.crystal{border:1px solid #4d5a64;border-radius:9px;padding:9px;background:#111c24}.crystal label{display:flex;align-items:center;gap:6px;font-size:.83rem;margin-bottom:5px}.dot{display:inline-block;width:13px;height:13px;border-radius:50%}.red{background:#d85c52}.blue{background:#5f9bd6}.white{background:#e7e7df}.green{background:#62aa67}.status-box{border:1px solid #d0a957;border-radius:11px;background:#29251d;padding:14px;line-height:1.55;margin-top:12px}.status-box strong{color:#f0d08d}.scenario-note{border-left:4px solid #6ca2b8}.progress{height:8px;background:#0f171e;border-radius:99px;overflow:hidden;margin:9px 0}.progress span{display:block;height:100%;background:#d7ae60;width:0;transition:width .2s}
@media(max-width:450px){header{flex-wrap:wrap}.choices{grid-template-columns:1fr}.terrain{grid-template-columns:repeat(2,1fr)}.two,.flow-choice{grid-template-columns:1fr}.page-links a{font-size:.84rem}section,.card{padding:14px}}