*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a2e;color:#eee;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#plant-canvas{width:100%;height:100%;display:block;background:#0f0f1a;touch-action:none}.port-tooltip{position:absolute;background:#141423f2;border:1px solid #666;border-radius:4px;padding:6px 10px;font-size:12px;color:#eee;pointer-events:none;z-index:1000;display:none;white-space:nowrap;box-shadow:0 2px 8px #00000080}.port-tooltip.visible{display:block}.port-tooltip .port-component{font-weight:700;color:#8cf;margin-bottom:2px}.port-tooltip .port-type{color:#fc6}.port-tooltip .port-coords{color:#aaa;font-size:11px}#toolbar{position:absolute;top:10px;left:10px;background:#1e1e32f2;padding:15px;border-radius:8px;border:1px solid #444;min-width:150px;max-height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden}#toolbar::-webkit-scrollbar{width:6px}#toolbar::-webkit-scrollbar-track{background:#0003;border-radius:3px}#toolbar::-webkit-scrollbar-thumb{background:#555;border-radius:3px}#toolbar::-webkit-scrollbar-thumb:hover{background:#777}#toolbar h3{font-size:14px;margin-bottom:10px;color:#aaa;text-transform:uppercase;letter-spacing:1px}#toolbar button{display:block;width:100%;padding:8px 12px;margin-bottom:5px;background:#2a2a4a;border:1px solid #555;color:#ddd;border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .2s}#toolbar button:hover{background:#3a3a6a;border-color:#77f}#toolbar button.selected{background:#4a4a8a;border-color:#99f}#toolbar hr{border:none;border-top:1px solid #444;margin:15px 0}#status-bar{position:absolute;bottom:1px;left:1px;right:1px;background:#141423f2;padding:8px 15px;display:flex;gap:30px;font-size:13px;font-family:Consolas,monospace;border-top:1px solid #333}#status-bar span{color:#aaa}#legend{position:absolute;bottom:50px;left:280px;background:#1e1e32f2;padding:12px;border-radius:8px;border:1px solid #444;font-size:12px}#legend h4{margin-bottom:8px;color:#aaa}.legend-water{width:150px;height:12px;background:linear-gradient(to right,#143278,#3278c8,#78b4f0);border-radius:3px;margin-bottom:3px}.legend-steam{width:150px;height:12px;background:linear-gradient(to right,#f0f5ff,#fff082,#ff8c32);border-radius:3px;margin-bottom:3px;margin-top:8px}.legend-labels{display:flex;justify-content:space-between;color:#888;font-size:10px}#construction-cost-panel{position:absolute;top:10px;left:180px;background:#141e19f2;padding:8px 12px;border-radius:8px;border:1px solid #4a5;font-size:12px;font-family:Consolas,monospace;z-index:100}#cost-header{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}#cost-toggle{color:#4a5;font-size:10px;transition:transform .2s}#construction-cost-panel.expanded #cost-toggle{transform:rotate(90deg)}.cost-title{color:#aaa}#total-cost{font-size:14px;font-weight:700;color:#4a4}#cost-breakdown{margin-top:10px;padding-top:8px;border-top:1px solid #4a5;line-height:1.5;max-height:200px;overflow-y:auto;font-size:10px}#cost-breakdown .cost-item{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid #333}#cost-breakdown .cost-item:last-child{border-bottom:none}#cost-breakdown .cost-label{color:#aaa;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cost-breakdown .cost-value{color:#8cf;font-weight:700}#mw-to-grid-panel{position:absolute;top:10px;left:180px;background:#141e19f2;padding:8px 12px;border-radius:8px;border:1px solid #4a5;font-size:12px;font-family:Consolas,monospace;z-index:100}#mw-to-grid-panel .mw-label{color:#aaa}#mw-to-grid-panel #mw-value{font-size:14px;font-weight:700;color:#4f4;margin-left:5px}#debug-panel{position:absolute;top:10px;right:10px;background:#141423f2;padding:12px;border-radius:8px;border:1px solid #444;font-size:11px;font-family:Consolas,monospace;width:440px;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;white-space:nowrap}#debug-panel h4{margin-bottom:8px;color:#aaa;display:flex;justify-content:space-between;align-items:center}#debug-panel h4 button{padding:2px 8px;font-size:10px;background:#333;border:1px solid #555;color:#aaa;border-radius:3px;cursor:pointer}#debug-panel.collapsed #debug-content{display:none}#debug-panel.collapsed{width:auto}#debug-panel.collapsed h4{margin-bottom:0;gap:8px}#app.debug-collapsed #component-detail{right:10px;top:52px}.debug-section{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #333}.debug-section:last-child{border-bottom:none;margin-bottom:0}.debug-section strong{color:#7af;display:block;margin-bottom:4px}.debug-section div{color:#ccc;line-height:1.5}.debug-value{color:#7f7}.debug-warning{color:#fa0}.debug-danger{color:#f55}.debug-label{color:#888;display:inline-block;min-width:100px}#perf-info{margin-left:auto}#component-detail{position:absolute;top:10px;right:460px;background:#141423f2;padding:12px;border-radius:8px;border:1px solid #4a4;font-size:11px;font-family:Consolas,monospace;width:fit-content;min-width:280px;max-width:460px;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:auto;white-space:nowrap}#component-detail.hidden{display:none}#component-detail h4{margin-bottom:8px;color:#4a4;display:flex;justify-content:space-between;align-items:center}#component-detail h4 button{padding:2px 8px;font-size:10px;background:#333;border:1px solid #555;color:#aaa;border-radius:3px;cursor:pointer}#component-detail-content{color:#ccc;line-height:1.6}#component-detail-content .detail-row{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding:2px 0}#component-detail-content .detail-row:last-child{border-bottom:none}#component-detail-content .detail-label{color:#888}#component-detail-content .detail-value{color:#7f7;text-align:right}#component-detail-content .detail-section{margin-top:10px;padding-top:8px;border-top:1px solid #555}#component-detail-content .detail-section-title{color:#7af;font-weight:700;margin-bottom:4px}.slider-control{margin:5px 0}.slider-control label{display:block;font-size:12px;color:#aaa;margin-bottom:5px}.slider-control input[type=range]{width:100%;height:6px;background:#2a2a4a;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none}.slider-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#678;border-radius:50%;cursor:pointer;border:2px solid #99aacc}.slider-control input[type=range]::-webkit-slider-thumb:hover{background:#89a}.slider-control .slider-labels{display:flex;justify-content:space-between;font-size:10px;color:#666;margin-top:3px}#rod-position-value{color:#7f7;font-family:Consolas,monospace}.sim-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:5px}.sim-btn{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;padding:8px 12px!important}.mode-controls{display:flex;gap:5px;margin-bottom:10px}.mode-btn{flex:1;padding:8px!important;background:#2a2a2a!important;border:2px solid #444!important;color:#888!important;transition:all .2s}.mode-btn.active{background:#3a4a3a!important;border-color:#4a7!important;color:#4a7!important;font-weight:700}.component-categories{max-height:300px;overflow-y:auto}.component-categories details{margin-bottom:8px}.component-categories summary{cursor:pointer;padding:4px;background:#2a2a2a;border-radius:3px;font-size:12px;color:#aaa;user-select:none}.component-categories summary:hover{background:#333}.component-btn{display:block!important;width:100%!important;padding:6px!important;margin:2px 0!important;text-align:left!important;font-size:11px!important}.component-btn.palette-hidden{display:none!important}.component-btn.selected{background:#3a4a5a!important;border-color:#5af!important;color:#adf!important}.sim-btn.small{width:32px!important;padding:6px!important;font-size:16px!important;font-weight:700}.sim-btn.paused{background:#4a3a2a!important;border-color:#fa0!important;color:#fa0!important}.speed-controls{display:flex;align-items:center;justify-content:center;gap:8px}#speed-display{font-family:Consolas,monospace;font-size:14px;color:#7f7;min-width:50px;text-align:center}.speed-presets{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.speed-preset{width:auto!important;padding:4px 6px!important;font-size:10px!important;background:#222!important;min-width:36px!important}.speed-preset:hover{background:#333!important}.speed-preset.active{background:#3a5a3a!important;border-color:#7f7!important}.slowdown-control{margin-top:8px;padding-top:8px;border-top:1px solid #333}.slowdown-control label{display:flex;align-items:center;gap:6px;font-size:11px;color:#aaa;margin-bottom:4px;cursor:pointer}.slowdown-control input[type=checkbox]{width:14px;height:14px;cursor:pointer}.slowdown-control input[type=range]{width:100%;height:4px;background:#2a2a4a;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.slowdown-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#678;border-radius:50%;cursor:pointer;border:1px solid #99aacc}.slowdown-control input[type=range]::-webkit-slider-thumb:hover{background:#89a}#slowdown-threshold-value{color:#7af;font-family:Consolas,monospace}.component-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content{background:#1e2128;border:2px solid #445566;border-radius:8px;padding:0;width:500px;max-width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.dialog-header{background:#252830;padding:15px 20px;border-bottom:1px solid #445566;display:flex;justify-content:space-between;align-items:center}.dialog-header h3{margin:0;color:#7af;font-size:18px}.dialog-close{background:none;border:none;color:#9ac;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.dialog-close:hover{color:#7af}.dialog-body{padding:20px;overflow-y:auto;flex:1}.dialog-footer{padding:15px 20px;border-top:1px solid #445566;display:flex;justify-content:flex-end;gap:10px}.dialog-body .form-group{margin-bottom:15px}.dialog-body label{display:block;margin-bottom:5px;color:#9ac;font-size:14px}.dialog-body input,.dialog-body select{width:100%;padding:8px 12px;background:#252830;border:1px solid #445566;color:#def;border-radius:4px;font-size:14px}.dialog-body input:focus,.dialog-body select:focus{outline:none;border-color:#7af;box-shadow:0 0 0 2px #7af3}.dialog-body input[type=number]{font-family:Consolas,monospace}.dialog-body .form-row{display:flex;gap:15px}.dialog-body .form-row .form-group{flex:1}.dialog-body .help-text{font-size:12px;color:#678;margin-top:5px}.btn-primary,.btn-secondary{padding:8px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.btn-primary{background:#58c;color:#fff}.btn-primary:hover{background:#69d}.btn-secondary{background:#456;color:#def}.btn-secondary:hover{background:#567}.gm-scanlines:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0px 2px,#0000002e 3px);z-index:1}.gm-title{position:fixed;inset:0;z-index:5000;background:radial-gradient(ellipse at 50% 30%,#1c2438,#0a0c14 70%);display:flex;align-items:center;justify-content:center;font-family:Consolas,Courier New,monospace}.gm-title-inner{text-align:center;position:relative;z-index:2;max-height:95vh;overflow-y:auto;padding:20px}.gm-title-logo{font-size:64px;font-weight:700;color:#fc0;text-shadow:4px 4px 0 #a02000,8px 8px 0 #401000;letter-spacing:6px;margin-bottom:4px;animation:gm-flicker 4s infinite}@keyframes gm-flicker{0%,92%,96%,to{opacity:1}94%{opacity:.75}}.gm-title-sub{color:#6f8;font-size:16px;letter-spacing:12px;margin-bottom:28px}.gm-title-menu{display:flex;flex-direction:column;gap:8px;width:460px;margin:0 auto}.gm-title-section{color:#888;font-size:12px;letter-spacing:6px;margin-top:8px}.gm-title-level{background:#101828;border:3px double #4a6a9a;color:#cde;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:1px;padding:10px 14px;cursor:pointer;text-align:left}.gm-title-level:hover:not(:disabled){background:#1a2a44;border-color:#7ac;color:#fff}.gm-title-level.gm-locked{opacity:.45;cursor:not-allowed}.gm-title-sandbox{border-color:#4a9a6a}.gm-title-tagline{display:block;font-size:11px;font-weight:400;color:#89a;margin-top:3px}.gm-title-best{display:block;font-size:10px;color:#fc6;margin-top:2px}.gm-title-footer{margin-top:26px;color:#556;font-size:11px;letter-spacing:2px}.gm-dialogue-overlay{position:fixed;inset:0;z-index:6000;background:#04060cd1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7vh;cursor:pointer;font-family:Consolas,Courier New,monospace}.gm-dialogue-box{position:relative;z-index:2;display:flex;gap:16px;width:min(820px,92vw);background:#101426;border:4px double #6a8ac0;box-shadow:0 0 0 3px #05070d,6px 6px #0009;padding:16px}.gm-dialogue-portrait-frame{flex:0 0 auto;border:3px solid #34486a;background:#0a2030;align-self:flex-start}.gm-dialogue-portrait{display:block;image-rendering:pixelated}.gm-dialogue-right{flex:1;display:flex;flex-direction:column;min-height:168px}.gm-dialogue-name{font-size:15px;font-weight:700;letter-spacing:2px;margin-bottom:8px}.gm-dialogue-text{flex:1;font-size:15px;line-height:1.5;color:#dde6f0;white-space:pre-wrap}.gm-dialogue-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:6px}.gm-dialogue-prompt{font-size:11px;color:#8fc;letter-spacing:2px;animation:gm-blink .9s steps(1) infinite}.gm-dialogue-skip{background:#24405c;border:2px outset #6a8ac0;color:#cde;font-family:Consolas,Courier New,monospace;font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 10px;cursor:pointer}.gm-dialogue-skip:hover{background:#2f5478;color:#fff}.gm-dialogue-skip:active{border-style:inset}@keyframes gm-blink{50%{opacity:0}}.gm-choice-box{position:relative;z-index:2;width:min(560px,90vw);margin-bottom:12vh;background:#101426;border:4px double #c0a04a;box-shadow:0 0 0 3px #05070d,6px 6px #0009;padding:20px;text-align:center;cursor:default}.gm-choice-title{font-size:22px;font-weight:700;letter-spacing:4px;color:#fc0;margin-bottom:14px}.gm-choice-line{font-size:13px;color:#cdd6e4;margin:5px 0}.gm-choice-diag{margin:14px auto 4px;max-width:480px;text-align:left;border:1px solid #445;background:#00000040}.gm-choice-diag-toggle{width:100%;background:#1a2436;border:none;color:#8cf;font-family:Consolas,Courier New,monospace;font-size:11px;font-weight:700;letter-spacing:2px;padding:5px 8px;cursor:pointer;text-align:left}.gm-choice-diag-body{padding:8px 10px;font-size:11px;color:#bcc}.gm-choice-diag[data-open="0"] .gm-choice-diag-body{display:none}.gm-choice-diag-line{margin:2px 0}.gm-choice-buttons{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}.gm-accident-banner{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:6500;background:#280808f0;border:3px double #c04040;box-shadow:0 0 0 3px #100404,0 0 40px #c8282866;padding:14px 26px;text-align:center;font-family:Consolas,Courier New,monospace;animation:gm-accident-pulse 1.2s ease-in-out infinite}@keyframes gm-accident-pulse{50%{box-shadow:0 0 0 3px #100404,0 0 60px #f03c3cb3}}.gm-accident-title{color:#ff5050;font-size:24px;font-weight:700;letter-spacing:3px}.gm-accident-sub{color:#f0c0c0;font-size:13px;margin:6px 0 12px}.gm-accident-continue{background:#542424;border-color:#a06a6a}.gm-choice-btn{font-size:14px;padding:10px 18px}.gm-hud{position:fixed;top:10px;left:auto;right:320px;width:max-content;max-width:min(880px,calc(100vw - 660px));z-index:900;background:#080c16f0;border:3px double #4a6a9a;border-top:none;font-family:Consolas,Courier New,monospace;color:#cde;padding:6px 12px 8px}.gm-hud-row1{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px}.gm-hud-level{color:#fc0;font-weight:700;letter-spacing:1px}.gm-hud-phase{color:#8cf;border:1px solid #345;padding:1px 7px;font-size:11px;letter-spacing:2px}.gm-hud-cash{font-weight:700}.gm-hud-loan{color:#e88}.gm-hud-price{color:#8cf}.gm-hud-mw{color:#6f6}.gm-hud-btn{background:#24405c;border:2px outset #6a8ac0;color:#fff;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:1px;padding:5px 12px;cursor:pointer}.gm-hud-btn:hover:not(:disabled){background:#2f5478}.gm-hud-btn:active:not(:disabled){border-style:inset}.gm-hud-btn:disabled{opacity:.45;cursor:not-allowed}.gm-hud-primary{background:#2c6030;border-color:#6ac070;margin-left:auto}.gm-hud-primary:hover:not(:disabled){background:#388040}.gm-hud-abandon{background:#542424;border-color:#a06a6a;font-size:10px}.gm-hud-music{font-size:13px;padding:5px 8px}.gm-hud-hide{font-size:10px;padding:5px 7px;position:absolute;top:6px;right:8px}.gm-hud-row1{padding-right:72px}.gm-hud-collapsed .gm-hud-phase,.gm-hud-collapsed .gm-hud-loan,.gm-hud-collapsed .gm-hud-mw,.gm-hud-collapsed .gm-hud-music,.gm-hud-collapsed .gm-hud-abandon,.gm-hud-collapsed .gm-hud-goals,.gm-hud-collapsed .gm-hud-ticker,.gm-hud-collapsed .gm-hud-hints{display:none}.gm-hud-goals{display:flex;gap:18px;flex-wrap:wrap;margin-top:5px;font-size:12px}.gm-hud-events{margin-top:4px;max-height:130px;overflow-y:auto;font-size:11px}.gm-event{display:flex;align-items:baseline;gap:6px;padding:2px 4px;border-left:3px solid #4a6a9a;background:#4664961f;margin-top:2px;color:#bcd}.gm-event-alarm{border-left-color:#f54;background:#96281e2e;color:#fca}.gm-event-time{color:#789;flex:0 0 auto}.gm-event-text{flex:1 1 auto}.gm-event-x{flex:0 0 auto;background:none;border:none;color:#99a;font-size:13px;line-height:1;cursor:pointer;padding:0 3px}.gm-event-x:hover{color:#fff}.gm-goal{color:#aab8cc;display:inline-flex;align-items:center;gap:6px}.gm-goal-done{color:#6f6}.gm-goal-check{font-size:14px}.gm-goal-readout{color:#8cf}.gm-goal-bar{display:inline-block;width:70px;height:8px;background:#0a0e18;border:1px solid #345}.gm-goal-fill{display:block;height:100%;background:linear-gradient(to right,#2c6030,#6ac070)}.gm-goal-done .gm-goal-fill{background:#6f6}.gm-hud-ticker{margin-top:4px;font-size:12px;color:#fc6;min-height:15px}.gm-hud-ticker-alarm{color:#f66;animation:gm-blink .6s steps(1) infinite}.gm-hud-hints{margin-top:3px;font-size:11px;color:#7a8ba0}.gm-hint{margin:1px 0}.gm-operator-panel{position:fixed;left:12px;bottom:40px;z-index:900;width:250px;background:#080e18f2;border:3px double #4a9a6a;font-family:Consolas,Courier New,monospace;color:#cde;padding:8px 10px}.gm-op-title{color:#6f8;font-size:11px;font-weight:700;letter-spacing:3px;margin-bottom:6px}.gm-op-row{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:12px}.gm-op-label{color:#8cf;overflow:hidden;text-overflow:ellipsis}.gm-op-status{margin-left:auto;color:#aab8cc;font-size:11px}.gm-op-btn{background:#24405c;border:2px outset #6a8ac0;color:#fff;font-family:inherit;font-size:11px;font-weight:700;padding:4px 10px;cursor:pointer;flex:1}.gm-op-btn:active{border-style:inset}.gm-op-slider{width:130px}.gm-op-row label{display:flex;align-items:center;gap:8px;font-size:11px;color:#aab8cc;flex:1}.gm-op-pending{margin-top:6px}.gm-op-pending-label{font-size:11px;color:#fc6}.gm-op-progress{height:8px;background:#0a0e18;border:1px solid #345;margin-top:2px}.gm-op-progress-fill{display:block;height:100%;width:0%;background:linear-gradient(to right,#a06a24,#f0c040);transition:width .2s linear}#jack-container{position:absolute;bottom:36px;right:10px;z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-family:Courier New,monospace}#jack-bottom-row{display:flex;align-items:center;gap:8px}#jack-portrait{cursor:pointer;line-height:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));transition:transform .1s ease}#jack-portrait:hover{transform:scale(1.05)}#jack-entry{display:flex;align-items:center;width:250px;background:#10141ff2;border:1px solid #e8b840;border-radius:18px;overflow:hidden;box-shadow:0 2px 8px #00000080}#jack-input{flex:1;background:none;color:#dce8f5;border:none;padding:9px 4px 9px 14px;font-family:inherit;font-size:12px;line-height:1.3;resize:none;outline:none}#jack-input:disabled{opacity:.5}#jack-send{width:34px;align-self:stretch;background:none;color:#e8b840;border:none;cursor:pointer;font-size:13px}#jack-send:hover:not(:disabled){color:#fff}#jack-send:disabled{opacity:.5;cursor:default}#jack-panel{width:354px;height:400px;max-height:calc(100vh - 170px);display:flex;flex-direction:column;background:#141423f5;border:1px solid #e8b840;border-radius:6px;overflow:hidden;box-shadow:0 4px 16px #000000b3}#jack-panel.hidden{display:none}#jack-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#2a3450;color:#e8b840;font-size:12px;font-weight:700;border-bottom:1px solid #e8b840}#jack-close{background:none;border:none;color:#e8b840;font-size:16px;cursor:pointer;padding:0 4px}#jack-close:hover{color:#fff}#jack-log{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.jack-msg{max-width:92%;padding:6px 9px;border-radius:6px;font-size:12px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.jack-msg-user{align-self:flex-end;background:#2a4a6a;color:#dce8f5}.jack-msg-jack{align-self:flex-start;background:#3a3320;color:#f0e0b8;border-left:3px solid #e8b840}.jack-msg-action{align-self:flex-start;background:none;color:#8a94aa;font-style:italic;font-size:11px;padding:0 4px}.jack-msg-error{align-self:flex-start;background:#4a2020;color:#f0c0c0;border-left:3px solid #c04040}