.stats-panel{font-family:Courier New,monospace;width:250px;height:290px}.stats-content{display:flex;flex-direction:column;height:100%;padding:5px}.stats-row{display:flex;justify-content:space-between;margin-bottom:6px}.stats-label{color:gold}.health-label{color:tomato}.health-row{margin-top:5px}.health-bar-container{height:10px;background-color:#444;position:relative;margin-bottom:15px;margin-top:5px}.health-bar-fill{height:100%;transition:width .3s ease-out}.health-bar-notch{position:absolute;top:0;height:100%;width:1px;background-color:#00000080}.stats-divider{height:1px;background-color:#ffd70080;margin:10px 0 15px}.special-stats{display:flex;justify-content:space-between}.special-stats-column{width:48%}.special-stat{display:flex;justify-content:space-between;margin-bottom:8px}.special-label{color:#98fb98}.ascii-border{font-family:Courier New,monospace;display:flex;flex-direction:column;color:silver;width:100%;height:100%}.ascii-border-top,.ascii-border-bottom{display:flex;width:100%}.border-corner{flex-shrink:0;font-size:16px}.border-horizontal{flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.border-line{font-size:16px;letter-spacing:-1px;white-space:nowrap;overflow:hidden;width:100%;text-align:center}.border-title{display:flex;align-items:center;position:absolute;color:gold;font-size:16px}.title-text{margin:0 8px}.ascii-border-middle{display:flex;flex-grow:1}.border-vertical-left,.border-vertical-right{display:flex;flex-direction:column;flex-shrink:0}.vertical-char{font-size:16px;line-height:1.2}.ascii-content{flex-grow:1;background-color:#000c;padding:10px}.controls-panel{font-family:Courier New,monospace;width:320px;height:130px}.key-bindings{display:flex;flex-direction:column;padding:5px}.key-binding-row{display:flex;align-items:center;margin-bottom:8px}.key-box{display:flex;justify-content:center;align-items:center;background-color:#00000080;border:1px solid #87CEEB;border-radius:3px;width:60px;height:22px;margin-right:20px}.key-text{color:#87ceeb;font-size:14px;text-align:center}.key-action{color:#e0e0e0;font-size:14px}.action-log{width:100%;height:100%}.message-container{height:100%;width:100%;position:relative;overflow:hidden}.turn-counter{position:sticky;top:0;font-weight:700;padding:4px 8px;background-color:#111;border-bottom:1px solid #333;color:gold;z-index:10;text-align:center;transition:background-color .3s,transform .3s,color .3s}.turn-counter.turn-change{background-color:#2a2a0a;color:#ff0;transform:scale(1.05)}.messages{height:calc(100% - 30px);overflow-y:auto;display:flex;flex-direction:column;padding:8px;font-family:monospace;font-size:14px}.message{margin-bottom:5px;padding-left:4px;line-height:1.4;border-left:2px solid transparent;transition:border-color .3s}.message:hover{border-left-color:gray}.message-prefix{margin-right:8px;display:inline-block;min-width:16px;text-align:center}.message-text{word-break:break-word}.empty-message{color:#777;font-style:italic}.inventory-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:auto}.inventory-panel{position:relative;width:80%;max-width:800px;height:80%;max-height:600px;background-color:#111;color:#ddd;font-family:Courier New,monospace;overflow:hidden;border:2px solid #666}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #333;background-color:#222}.inventory-header h2{margin:0;font-size:1.5rem;color:#fc0}.close-button{background:none;border:none;color:#ddd;font-size:1.8rem;cursor:pointer;padding:0 10px}.close-button:hover{color:#f66}.inventory-content{overflow-y:auto;height:calc(100% - 120px);padding:15px}.inventory-category{margin-bottom:20px}.inventory-category h3{color:#4a8bf5;margin-bottom:10px;border-bottom:1px solid #444;padding-bottom:5px}.inventory-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.inventory-item{border:1px solid #444;padding:10px;background-color:#222;border-radius:3px;transition:all .2s ease}.inventory-item:hover{border-color:#4a8bf5;background-color:#2a2a2a}.item-name{font-weight:700;font-size:1.1rem;margin-bottom:5px;color:#fff;display:flex;justify-content:space-between;align-items:center}.rarity-badge{font-size:.7rem;padding:2px 5px;border-radius:2px;color:#fff}.rarity-poor{background-color:#9e9e9e}.rarity-common{background-color:#555}.rarity-uncommon{background-color:#4caf50}.rarity-rare{background-color:#2196f3}.rarity-epic{background-color:#9c27b0}.rarity-legendary{background-color:#ff9800}.rarity-heirloom{background-color:#ffeb3b;color:#222}.item-description{font-size:.9rem;color:#aaa;margin-bottom:10px}.item-property{font-size:.9rem;color:#8adfff;margin-bottom:3px}.item-actions{display:flex;gap:10px;margin-top:10px}.item-actions button{background-color:#333;color:#ddd;border:1px solid #555;padding:5px 10px;cursor:pointer;flex:1;font-family:Courier New,monospace;transition:all .2s ease}.item-actions button:hover{background-color:#444;border-color:#4a8bf5;color:#fff}.empty-inventory{display:flex;justify-content:center;align-items:center;height:100%;color:#888;font-style:italic}.inventory-footer{padding:10px 20px;border-top:1px solid #333;text-align:center;background-color:#222;position:absolute;bottom:0;width:100%}.inventory-help{color:#888;font-size:.9rem}.key{display:inline-block;background-color:#333;border:1px solid #555;border-radius:3px;padding:0 5px;margin:0 3px;color:#fff;font-weight:700}.inventory-tabs{display:flex;margin-bottom:15px;border-bottom:1px solid #444}.tab-button{background-color:#222;color:#ccc;border:1px solid #444;border-bottom:none;padding:8px 15px;margin-right:5px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s ease}.tab-button:hover{background-color:#333;color:#fff}.tab-button.active{background-color:#2a4a7a;color:#fff;border-color:#4a8bf5}.inventory-category-content{height:calc(100% - 100px);overflow-y:auto;padding:10px}.character-sheet-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.character-sheet{position:relative;width:800px;height:600px;max-width:90vw;max-height:90vh}.character-content{padding:10px;height:calc(100% - 40px)}.character-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(200,200,200,.3)}.character-name{font-size:22px;color:gold}.character-level{font-size:18px;color:#98fb98}.character-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:calc(100% - 60px)}.character-stats,.character-equipment{background-color:#0006;border:1px solid #444;padding:15px;overflow-y:auto}.section-header{color:gold;margin-top:0;margin-bottom:15px;font-size:18px;text-align:center;border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:5px}.subsection-header{color:#98fb98;margin:15px 0 8px;font-size:16px}.stat-row{display:flex;justify-content:space-between;margin-bottom:6px}.stat-name{color:#ccc}.stat-value{color:#fff;font-weight:700}.xp-bar-container{margin:10px 0 15px}.xp-bar{height:8px;background-color:#32323280;border:1px solid #555;margin:5px 0}.xp-fill{height:100%;background-color:#4a8bf5;transition:width .3s ease}.xp-text{font-size:12px;text-align:right;color:#bbb}.special-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.equipment-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.equipment-slot{background-color:#1e1e1eb3;border:1px solid #444;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.equipment-slot:hover{border-color:#666;background-color:#282828cc}.equipment-slot.equipped{border-color:#4a8bf5}.equipment-slot.equipped:hover{border-color:#f44336}.slot-icon{font-size:20px;text-align:center;margin-bottom:5px}.slot-name{text-align:center;font-size:12px;color:#aaa;margin-bottom:5px}.equipped-item{text-align:center;font-size:14px}.empty-slot{text-align:center;font-size:13px;color:#666;font-style:italic}.key-hint{display:block;text-align:center;color:#888;font-size:12px;margin-top:10px;font-style:italic}.active-effects{margin-top:5px}.effect-row{display:flex;justify-content:space-between;padding:5px;border-bottom:1px solid rgba(100,100,100,.3)}.effect-row:last-child{border-bottom:none}.effect-name{color:#4a8bf5}.effect-duration{color:#ff9}.character-sheet-controls{display:flex;justify-content:center;margin-top:10px}.key-help{color:#ccc;font-size:14px}.key{display:inline-block;background-color:#3c3c3ccc;padding:2px 6px;margin-right:8px;border:1px solid #666;border-radius:3px;font-size:12px}.character-sheet-close-button{position:absolute;top:15px;right:15px;background:#141414cc;color:#ccc;border:1px solid #666;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer;z-index:2000}.character-sheet-close-button:hover{background:#501414cc;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;color:#fff;font-family:Courier New,monospace}.hud{position:relative;width:100%;height:100%;pointer-events:none;display:flex}.hud button,.hud input,.hud select,.inventory-button,.character-button,.controls-panel,.inventory-panel,.character-sheet{pointer-events:auto}.stats-panel,.action-log{pointer-events:none}.stats-panel button,.stats-panel .interactive,.action-log button,.action-log .interactive,.action-log .messages{pointer-events:auto}.stats-panel{position:absolute;top:20px;right:20px}.controls-panel{position:absolute;bottom:20px;left:20px}.action-log{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:500px;max-height:200px}.test-controls{position:absolute;top:10px;left:10px;display:none}.development-mode .test-controls{display:flex;flex-direction:column;gap:5px;pointer-events:auto}.inventory-button,.character-button{position:absolute;background-color:#000000b3;color:#ddd;border:1px solid #444;padding:8px 15px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s ease;font-size:14px}.inventory-button:hover,.character-button:hover{background-color:#143c64b3;color:#fff;border-color:#4a8bf5}.inventory-button{right:20px;bottom:80px}.character-button{right:20px;bottom:130px}.hud-toggle-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);pointer-events:none;z-index:15}.toggle-message{background-color:#000000b3;color:gold;padding:5px 10px;border-radius:4px;font-size:14px;animation:pulse 2s infinite;border:1px solid #FFD700}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}:root{--hud-text-color: #FFFFFF;--hud-border-color: #C0C0C0;--hud-title-color: #FFD700;--hud-health-good: #00FF00;--hud-health-warn: #FFFF00;--hud-health-danger: #FF0000;--hud-special-color: #98FB98;--hud-key-color: #87CEEB;--hud-background: rgba(0, 0, 0, .8);--hud-font-family: "Courier New", monospace;--hud-font-size-small: 14px;--hud-font-size-normal: 16px;--hud-font-size-large: 18px}.game-ui *{font-family:var(--hud-font-family)}.ascii-border{color:var(--hud-border-color);border-radius:4px;overflow:hidden}.stats-panel,.controls-panel,.action-log{transition:opacity .3s ease,transform .3s ease}.game-ui .hud{opacity:1;transition:opacity .5s ease}.react-hud-disabled .game-ui .hud{opacity:0;pointer-events:none;display:none}.react-hud-disabled .game-ui{display:none}.border-title .title-text{text-shadow:0 0 5px rgba(255,215,0,.5)}.hud *::-webkit-scrollbar{width:6px;height:6px}.hud *::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.hud *::-webkit-scrollbar-thumb{background-color:#c8c8c880;border-radius:3px}.hud button:hover,.hud .key-box:hover{filter:brightness(1.2)}.game-ui{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}