:root{--sea:#203e44;--paper:#eee9d6;--ink:#273e43;--gold:#976727;--red:#a34334;font-family:system-ui,-apple-system,'Hiragino Kaku Gothic ProN',sans-serif;font-size:16px;background:#c7d3cc;color:var(--ink);line-height:1.65}*{box-sizing:border-box}body{margin:0}header,nav,.toolbar,main,footer,#notice{max-width:1120px;margin:auto}header{padding:22px 26px;background:var(--sea);color:#fff1cf;border-bottom:6px solid #d0a665;display:flex;justify-content:space-between;align-items:center;gap:18px}h1{font-family:serif;letter-spacing:.06em;font-size:1.8rem;margin:4px 0}h2,h3,p{margin-top:0}header p{margin:0}small,.help{font-size:.88rem}button,select,textarea,summary{font:inherit;min-height:44px;border-radius:4px}button,select{padding:8px 12px;background:#fffaf0;border:1px solid #a4b4aa;color:var(--ink);cursor:pointer}button:hover{background:#e4e6ce}button:disabled{opacity:.55;cursor:default}.primary{background:var(--sea);color:#fff5d6;border-color:var(--sea)}button.primary:hover{background:#31595d}.danger{color:var(--red);border-color:var(--red)}:focus-visible{outline:3px solid #c5862d;outline-offset:3px}a{color:#285d66;overflow-wrap:anywhere}a.portal{display:inline-flex;min-height:44px;align-items:center;border:1px solid #d0b274;padding:8px 14px;border-radius:4px;text-decoration:none;color:#fff1d0}.toolbar{padding:10px 18px;background:#dce2d1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar label{display:flex;align-items:center;gap:8px}nav{display:flex;gap:4px;flex-wrap:wrap;background:#b9cdc3;padding:8px 12px}nav button{flex:1;white-space:nowrap}nav button[aria-current=page]{background:var(--sea);color:white}main{padding:22px;background:var(--paper);min-height:400px}#notice:not(:empty){background:#ffebbd;padding:12px 20px;border-left:6px solid var(--red)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{padding:16px;background:#fffaf0;border:1px solid #b9c1ad;border-top:3px solid #9dac9c;margin:12px 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.stat{padding:8px 12px;background:#fff7df;border-bottom:3px solid #96aa9c}.stat strong{display:block;font-size:1.5rem;font-variant-numeric:tabular-nums}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.actions h3{margin:4px 0}.badge{background:#e0d0a6;padding:3px 6px;font-size:.85rem}.wind-line{display:grid;grid-template-columns:repeat(var(--ticks,4),minmax(0,1fr));gap:6px;margin:12px 0}.wind{background:#dde4d8;border:1px solid #aebdad;padding:8px;text-align:center}.wind.current{border:3px solid #916529;background:#fbe7b8}.wind strong{font-size:1.1rem;display:block}.wind.done{background:#c9d8ca}.allocations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.facility{border:1px solid #acb9ad;background:#fffaf0;padding:12px}.facility .sprite{float:right;width:64px;height:64px;margin:0 0 8px 8px}.facility label{display:grid;gap:8px}.facility select{width:100%;min-width:0}.meter{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}.unit{width:12px;height:12px;border:1px solid #627e70;background:#ced5bf}.unit.on{background:#e7ab51;border-color:#9c6e23}.energy-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.energy-controls label{display:grid;gap:6px}.energy-controls select{width:100%}.flow{padding:14px;border-left:5px solid #a27535;background:#f9efd0}.flow p{margin:8px 0}.good{color:#28684f}.bad{color:var(--red)}ul{padding-left:22px;overflow-wrap:anywhere}.card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card-list article{padding:14px;background:#fffaf0;border:1px solid #b4bfaa}.result{border:3px solid #887238;background:#fff1c9;padding:20px}.intro{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:center}.intro h2{font-family:serif;margin:8px 0}.intro-art{height:110px;border:1px solid #9aaa97;background:linear-gradient(#a6c0c1,#ced5b9);display:grid;place-items:center;font-family:serif}.intro img{width:100%;height:180px;object-fit:contain;image-rendering:pixelated;background:#e7e5ce;border:1px solid #a9b5a0}.sprite{width:96px;height:96px;background-size:300% 200%;image-rendering:pixelated;border:1px solid #c4bd91;margin-bottom:8px}.sprite.facility-art{background-image:url('assets/facilities-atlas.png')}.sprite.device-art{background-image:url('assets/devices-atlas.png')}details{border:1px solid #b7c2ad;padding:8px 12px;margin:10px 0}summary{display:flex;align-items:center;cursor:pointer}textarea{width:100%;min-height:160px;padding:10px;border:1px solid #97ac9c;background:#fffaf0;font-size:.88rem;resize:vertical}footer{padding:20px;background:#bacdc3;font-size:.85rem}footer a{display:inline-flex;align-items:center;min-height:44px}footer p{margin:8px 0}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:10px;z-index:10}.history{border-left:3px solid #94ad9e;padding-left:12px}.full{width:100%}body.text200 .grid,body.text200 .card-list,body.text200 .allocations,body.text200 .energy-controls,body.text200 .intro{grid-template-columns:1fr}body.text200 .stats,body.text200 .wind-line{grid-template-columns:repeat(2,minmax(0,1fr))}body.text200 .intro img{max-width:220px}body.text200 nav button{white-space:normal;flex-basis:45%}@media(max-width:700px){.wind-line{grid-template-columns:repeat(2,minmax(0,1fr))}header{display:block;padding:16px}header .portal{margin-top:10px}h1{font-size:1.5rem}main{padding:14px}.grid,.card-list{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}nav button{flex-basis:28%;white-space:normal}.intro{grid-template-columns:minmax(0,1fr) 90px}.intro img,.intro-art{height:90px}.panel{padding:14px}}@media(max-width:390px){.allocations,.energy-controls{grid-template-columns:1fr}.intro{grid-template-columns:1fr}.intro img,.intro-art{width:120px;height:80px;margin-left:auto}}@media(prefers-reduced-motion:no-preference){.result{animation:appear .2s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}