@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;1,300&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:#000;color:#f0d488;font-family:IBM Plex Mono,Courier New,monospace;font-size:13px;line-height:1.7;height:100vh;overflow:hidden}#app{height:100vh}#loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#000}.loading-text{color:#9a7040;letter-spacing:3px;font-size:12px}#game{width:100%;height:100vh;background:radial-gradient(ellipse at 50% 50%,#0d0a08,#060403 75%,#020101);position:relative;overflow:hidden;display:flex;flex-direction:column}#game:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 3px)}#game:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:21;box-shadow:inset 0 0 120px 40px #000000d9,inset 0 0 250px 100px #0006;border-radius:8px}#game-content{flex:1;display:flex;flex-direction:column;position:relative;z-index:10;padding:50px 90px 28px;max-width:760px;margin:0 auto;width:100%}#top-bar{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;margin-bottom:16px;flex-shrink:0;border-bottom:1px solid #4a3420}#room-name{font-size:15px;font-weight:500;color:#f5da90;text-shadow:0 0 16px rgba(245,218,144,.5),0 0 40px rgba(255,220,120,.2),0 0 60px rgba(255,200,80,.1);letter-spacing:4px}#room-meta{font-size:10px;color:#9a7040;letter-spacing:1px}#main{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:none;mask-image:linear-gradient(to bottom,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 88%,transparent 100%)}#main::-webkit-scrollbar{display:none}#room-description{font-size:13px;line-height:1.8;color:#f0d488;text-shadow:0 0 10px rgba(240,212,136,.2),0 0 24px rgba(240,200,100,.08);max-width:600px;white-space:pre-wrap;transition:opacity .4s}#room-description.fading{opacity:0}.blink-cursor{animation:blink .8s step-end infinite;color:#f5da90;text-shadow:0 0 8px rgba(245,218,144,.5);font-weight:700}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}#status-bar{font-size:10px;color:#d0a080;letter-spacing:1px;display:flex;gap:16px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px;vertical-align:middle}.status-dot.dark{background:#9a7040}.status-dot.light{background:#f5da90}#room-hint{font-size:11px;color:#d0a080;font-style:italic}#passages{display:flex;flex-wrap:wrap;gap:6px}.passage-link{background:none;border:1px solid #9a7040;color:#d4aa68;padding:5px 12px;font-size:10px;font-family:inherit;cursor:pointer;letter-spacing:1px;transition:all .2s}.passage-link:hover{color:#f5da90;border-color:#f5da90;text-shadow:0 0 10px rgba(245,218,144,.5),0 0 25px rgba(255,220,120,.2);background:#3c280f26}#action-result{border-left:2px solid #4a3420;padding:10px 14px;font-size:12px;line-height:1.7;color:#f0d488;display:none;max-width:600px;white-space:pre-wrap;background:#0c080680}#action-result.visible{display:block}#action-result.found{border-left-color:#f0d488;color:#f5da90;text-shadow:0 0 8px rgba(245,218,144,.4)}#action-result.fail{border-left-color:#4a3420;color:#d4aa68}#action-result.info{border-left-color:#d0a080}#bottom-bar{border-top:1px solid #4a3420;background:transparent;padding:12px 0 0;flex-shrink:0;margin-top:auto;display:flex;flex-direction:column;gap:4px}.action-row{display:flex;gap:4px}.action-btn{flex:1;background:none;border:1px solid #9a7040;color:#d4aa68;padding:9px 4px;font-size:11px;font-family:inherit;cursor:pointer;letter-spacing:1.5px;transition:all .2s}.action-btn:hover:not(:disabled){color:#f5da90;border-color:#f5da90;text-shadow:0 0 12px rgba(245,218,144,.5),0 0 30px rgba(255,220,120,.25),0 0 50px rgba(255,200,80,.1);background:#3c280f26}.action-btn:disabled{opacity:.25;cursor:default}.action-btn.active{color:#f0d488;border-color:#b07838;text-shadow:0 0 10px rgba(245,218,144,.4)}.action-btn.accent{border-color:#a03030;color:#e05050}.action-btn.accent:hover:not(:disabled){color:#ff6060;border-color:#ff5050;text-shadow:0 0 12px rgba(255,80,80,.5),0 0 30px rgba(255,60,60,.25);background:#50141426}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060403f2;display:none;z-index:30;overflow-y:auto;padding:50px 90px}#overlay.visible{display:block}#overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#overlay-title{font-size:12px;color:#f5da90;letter-spacing:3px;text-shadow:0 0 10px rgba(245,218,144,.3)}#overlay-close{background:none;border:1px solid #9a7040;color:#d4aa68;padding:4px 10px;cursor:pointer;font-family:inherit;font-size:11px;letter-spacing:1px;transition:all .2s}#overlay-close:hover{color:#f5da90;border-color:#f5da90;text-shadow:0 0 8px rgba(245,218,144,.4)}#overlay-content{max-width:600px}.inv-item{border-bottom:1px solid #4a3420;padding:8px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.inv-item:last-child{border-bottom:none}.inv-item-name{color:#f0d488;font-size:12px}.inv-item-desc{color:#d4aa68;font-size:10px;margin-top:1px}.inv-item-light{color:#d0a080;font-size:9px;letter-spacing:1px;margin-top:2px}.inv-use-btn{background:none;border:1px solid #9a7040;color:#d4aa68;padding:4px 12px;font-family:inherit;font-size:9px;cursor:pointer;letter-spacing:1px;transition:all .2s}.inv-use-btn:hover{color:#f5da90;border-color:#f5da90;text-shadow:0 0 10px rgba(245,218,144,.5);background:#3c280f26}.journal-entry{padding:7px 0;border-bottom:1px solid #4a3420}.journal-entry:last-child{border-bottom:none}.journal-num{color:#9a7040;font-size:10px}.journal-text{color:#f0d488;font-size:12px;margin-top:2px;line-height:1.7}.map-zone{margin-bottom:14px}.map-zone-title{color:#a03030;font-size:9px;letter-spacing:2px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #4a3420}.map-room{padding:3px 0;color:#d4aa68;font-size:11px;cursor:pointer;transition:color .15s}.map-room:hover{color:#f0d488}.map-room.current{color:#f5da90;text-shadow:0 0 8px rgba(245,218,144,.4)}#input-bar{display:none;padding:10px 0;border-top:1px solid #4a3420;margin-top:8px;flex-shrink:0;gap:8px;align-items:center}#input-bar.visible{display:flex}#input-label{color:#e05050;font-size:10px;letter-spacing:1px;white-space:nowrap}#input-field{flex:1;background:none;border:none;border-bottom:1px solid #9a7040;color:#f5da90;font-family:inherit;font-size:13px;outline:none;padding:4px 0;caret-color:#f5da90}#input-field::placeholder{color:#9a7040}#input-cancel{background:none;border:none;color:#9a7040;font-family:inherit;font-size:9px;cursor:pointer;letter-spacing:1px}@media (max-width: 600px){#game-content,#overlay{padding:30px 30px 20px}.action-btn{padding:9px 2px;font-size:10px;letter-spacing:1px}}