:root{--gray: #c0c0c0;--gray-dark: #808080;--gray-darker: #404040;--white: #ffffff;--navy: #000080;--gold: #ffcb2b;--gold-dark: #b8860b}*{box-sizing:border-box}body{margin:0;padding:0;background:teal;color:#000;font-family:"MS Sans Serif",Tahoma,Geneva,sans-serif;font-size:13px;-webkit-font-smoothing:none}.bevel-out{background:var(--gray);border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--gray-darker);border-bottom:2px solid var(--gray-darker);box-shadow:inset -1px -1px 0 var(--gray-dark),inset 1px 1px 0 var(--gray)}.bevel-in{background:var(--white);border-top:2px solid var(--gray-darker);border-left:2px solid var(--gray-darker);border-right:2px solid var(--white);border-bottom:2px solid var(--white);box-shadow:inset 1px 1px 0 var(--gray-dark)}#app{padding:24px 16px 60px;display:flex;justify-content:center}.window{width:100%;max-width:1100px}.titlebar{background:linear-gradient(90deg,var(--navy),#1084d0);color:var(--white);font-weight:700;padding:3px 6px;display:flex;align-items:center;justify-content:space-between;letter-spacing:.3px}.titlebar .dots{display:flex;gap:3px}.titlebar .dots span{width:16px;height:14px;display:grid;place-items:center;font-size:11px;color:#000}.window-body{padding:14px}button{font-family:inherit;font-size:13px;background:var(--gray);padding:5px 14px;cursor:pointer;border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--gray-darker);border-bottom:2px solid var(--gray-darker)}button:active{border-top:2px solid var(--gray-darker);border-left:2px solid var(--gray-darker);border-right:2px solid var(--white);border-bottom:2px solid var(--white)}button:disabled{color:var(--gray-dark);cursor:default}input[type=text],input[type=number]{font-family:inherit;font-size:15px;padding:4px 6px;background:var(--white);border-top:2px solid var(--gray-darker);border-left:2px solid var(--gray-darker);border-right:2px solid var(--white);border-bottom:2px solid var(--white)}.start{text-align:center;padding:30px 20px}.start h1{font-size:26px;margin:0 0 6px}.start p{margin:4px 0 20px;color:#222}.start .field{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}.start .field input{width:160px;text-align:right}.stage-head{text-align:center;margin-bottom:12px;padding:10px}.stage-head .amount{font-size:30px;font-weight:700;color:var(--navy)}.stage-head .sub{margin-top:4px;font-size:13px}.stage-head .years{font-weight:700}.build{padding:4px}.build-head{text-align:center;padding:12px;background:var(--white);margin-bottom:10px}.build-head .amount{font-size:30px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}.build-head .sub{margin-top:4px;font-size:13px}.progress{height:16px;margin:10px auto 0;max-width:480px;padding:2px;background:var(--white)}.progress-fill{height:100%;width:0;background-image:repeating-linear-gradient(90deg,var(--navy) 0,var(--navy) 10px,var(--gray) 10px,var(--gray) 12px);transition:width .12s linear}.build-msg{text-align:center;min-height:20px;margin:6px 0;color:var(--navy);font-weight:700}.build-btn-wrap{text-align:center;margin:8px 0 12px}.big-btn{font-size:17px;font-weight:700;padding:10px 22px}.big-btn:hover{background:#d4d4d4}.build .haystack{height:46vh}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;z-index:50;animation:fadeIn .15s ease-out}.dialog{width:min(420px,90vw);animation:popIn .22s cubic-bezier(.2,1.4,.5,1)}.dialog-body{text-align:center;padding:22px 20px 24px}.ms-emoji{font-size:60px;line-height:1;margin-bottom:6px;animation:pop .5s ease-out}.dialog-body h2{margin:4px 0 8px;font-size:22px;color:var(--navy)}.dialog-body p{margin:0 0 12px;color:#222}.ms-amount{font-size:26px;font-weight:700;color:var(--gold-dark);margin-bottom:16px;font-variant-numeric:tabular-nums}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pop{0%{transform:scale(.3) rotate(-12deg)}70%{transform:scale(1.25) rotate(6deg)}to{transform:scale(1) rotate(0)}}.stage-layout{display:grid;grid-template-columns:240px 1fr;gap:12px}@media (max-width: 760px){.stage-layout{grid-template-columns:1fr}}.panel-title{background:var(--navy);color:var(--white);font-weight:700;padding:3px 6px;margin:-8px -8px 8px}.sidebar{padding:8px;display:flex;flex-direction:column;min-height:0}#itemlist{flex:1 1 auto;min-height:0;max-height:56vh;overflow-y:auto;padding-right:2px;margin-bottom:6px}.item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;margin-bottom:6px;padding:6px 8px}.item .emoji{font-size:18px}.item .meta{line-height:1.25}.item .meta b{display:block}.item .meta small{color:#333}.item.grow-in{animation:itemGrow .32s cubic-bezier(.2,1.3,.5,1)}@keyframes itemGrow{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.haystack-wrap{padding:8px}.haystack-info{margin-bottom:8px;padding:6px 8px;min-height:20px}.haystack{padding:8px;height:62vh;overflow-y:scroll;background:#d8d8d8}.grid{display:flex;flex-wrap:wrap;gap:3px;align-content:start}.batzen{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 4px;font-family:Courier New,monospace;font-size:10px;color:#4a3600;white-space:nowrap;background:var(--gold);border-top:1px solid #fff2b0;border-left:1px solid #fff2b0;border-right:1px solid var(--gold-dark);border-bottom:1px solid var(--gold-dark)}.batzen.fresh{background:#fff2b0;border-color:#fff}.batzen{transition:background .25s ease-out}.batzen.gone{visibility:hidden}.scroll95::-webkit-scrollbar{width:17px}.scroll95::-webkit-scrollbar-track{background-color:silver;background-image:repeating-conic-gradient(silver 0,silver 25%,#fff 0,#fff 50%);background-size:2px 2px;border-left:1px solid var(--gray-dark)}.scroll95::-webkit-scrollbar-thumb{background:var(--gray);border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--gray-darker);border-bottom:2px solid var(--gray-darker);box-shadow:inset -1px -1px 0 var(--gray-dark)}.scroll95::-webkit-scrollbar-button:vertical{height:17px;background-color:var(--gray);background-repeat:no-repeat;background-position:center;background-size:8px 8px;border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--gray-darker);border-bottom:2px solid var(--gray-darker)}.scroll95::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><path d='M4 2 L7 6 L1 6 Z' fill='black'/></svg>")}.scroll95::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><path d='M1 2 L7 2 L4 6 Z' fill='black'/></svg>")}.scroll95::-webkit-scrollbar-button:vertical:active{border-top:2px solid var(--gray-darker);border-left:2px solid var(--gray-darker);border-right:2px solid var(--white);border-bottom:2px solid var(--white)}.scroll95::-webkit-scrollbar-button:vertical:start:increment,.scroll95::-webkit-scrollbar-button:vertical:end:decrement{display:none}.scroll95::-webkit-scrollbar-corner{background:var(--gray)}.footer-bar{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.hint{color:var(--navy);font-weight:700}