.wopr-view{position:fixed;top:0;left:0;right:0;bottom:0;background:0 0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.wopr-container{width:100%;max-width:900px;height:600px;display:flex;flex-direction:column;background:rgba(0,0,0,var(--screen-opacity));border:none;position:relative}.wopr-container::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.25) 50%);background-size:100% 4px;pointer-events:none;z-index:1}.wopr-header{background:rgba(0,0,0,var(--screen-opacity));color:var(--c64-cyan);padding:10px;text-align:center;font-size:18px;letter-spacing:3px;border-bottom:none;text-shadow:0 0 10px var(--c64-cyan)}.wopr-war-map-pane{height:60%;background:rgba(0,0,0,var(--screen-opacity));border-bottom:none;display:flex;flex-direction:column;overflow:hidden}.wopr-map-content{flex:1;display:flex;flex-direction:row;gap:15px;padding:15px;min-height:0;overflow:hidden;width:100%;box-sizing:border-box;position:relative}#wopr-world-map{flex:1 1 auto;background:rgba(0,0,0,var(--screen-opacity));border:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;width:100%;height:100%;min-width:0;display:block;box-sizing:border-box}.wopr-launch-code-panel{flex:0 0 300px;min-width:300px;padding:0;border:2px solid #0ff;background:rgba(10,18,32,.9);overflow-y:auto;font-family:var(--font-mono);color:#0ff;max-height:100%;display:flex;align-items:center;justify-content:center;position:relative;scrollbar-width:none}.wopr-launch-code-panel::-webkit-scrollbar{display:none}.wopr-terminal-pane{height:40%;background:rgba(0,0,0,var(--screen-opacity));padding:20px;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;scroll-behavior:smooth;scrollbar-width:none}.wopr-terminal-pane::-webkit-scrollbar{display:none}#wopr-text{color:#fff;font-family:var(--font-mono);font-size:16px;line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word;flex:1;overflow-y:auto;padding-bottom:20px;scrollbar-width:none}#wopr-text::-webkit-scrollbar{display:none}.wopr-input-line{display:flex;align-items:center;position:relative;margin-top:10px;padding-top:10px;border-top:none}#wopr-cursor{color:#fff;animation:1s infinite blink;position:absolute;left:0;pointer-events:none}#wopr-input{background:0 0;border:none;color:#fff;font-family:var(--font-mono);font-size:16px;outline:0;text-transform:uppercase;flex:1;padding:0;margin:0;caret-color:transparent}.wopr-elapsed-time{position:absolute;top:20px;left:50%;transform:translateX(-50%) translateX(-60px);color:#0ff;font-family:'Commodore 64',monospace;font-size:12px;text-shadow:0 0 5px #0ff;z-index:10;background:rgba(0,0,0,var(--screen-opacity));padding:2px 6px;pointer-events:none;width:max-content}@media (max-width:768px){.wopr-header{font-size:14px;padding:8px;letter-spacing:1px}.wopr-map-content{flex-direction:column}.wopr-launch-code-panel{width:100%;height:150px}.wopr-war-map-pane{height:65%}.wopr-terminal-pane{height:35%}}@keyframes wopr-fade-in{from{opacity:0;filter:brightness(0)}to{opacity:1;filter:brightness(1)}}.wopr-view.active{animation:.5s ease-out wopr-fade-in}