body{font-family:Courier New,monospace;background:#000;color:#fff;margin:0;padding:0;overflow:hidden}.game-container{width:100vw;height:100vh;display:flex;flex-direction:column}.game-border{border:3px solid #8B4513;background:linear-gradient(145deg,tan,wheat)}.top-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#000;font-weight:700}.main-game-area{flex:1;display:flex;min-height:0}.left-panel{width:256px;margin:4px;padding:8px;color:#000;overflow-y:auto;flex-shrink:0}.center-game-world{flex:1;margin:4px;position:relative;min-width:0}.right-panel{width:256px;margin:4px;padding:8px;color:#000;overflow-y:auto;flex-shrink:0}.character-avatar{background:#374151;height:80px;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.stat-bar{display:flex;align-items:center;margin-bottom:4px}.stat-label{width:48px;font-size:12px}.stat-bar-bg{flex:1;background:#4b5563;height:12px;border-radius:4px;margin:0 4px}.stat-text{width:48px;font-size:12px;text-align:right}.hp-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,#dc143c,#b22222)}.prayer-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,#4169e1,#191970)}.run-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,#32cd32,#228b22)}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px}.equipment-slot{width:40px;height:40px;background:#2f4f4f;border:2px solid #8B4513;display:flex;align-items:center;justify-content:center;cursor:pointer}.combat-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;font-size:12px}.stat-row{display:flex;justify-content:space-between}.game-world{width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(45deg,transparent 40%,#8B7355 42%,#8B7355 44%,transparent 46%),linear-gradient(-45deg,transparent 30%,#A0916B 32%,#A0916B 34%,transparent 36%),radial-gradient(circle at 15% 25%,#696969 0%,#696969 8%,transparent 12%),radial-gradient(circle at 85% 75%,#778899 0%,#778899 6%,transparent 10%),radial-gradient(circle at 60% 15%,#4682B4 0%,#4682B4 5%,transparent 8%),radial-gradient(circle at 30% 60%,#228B22 0%,transparent 25%),radial-gradient(circle at 80% 40%,#32CD32 0%,transparent 20%),radial-gradient(circle at 45% 85%,#90EE90 0%,transparent 15%),linear-gradient(135deg,#9acd32,#8fbc8f,#6b8e23,#228b22,#32cd32);background-size:400px 400px,300px 300px,80px 80px,60px 60px,40px 40px,200px 200px,150px 150px,180px 180px,100% 100%}.player-character{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center}.area-display{position:absolute;top:8px;left:8px;background:#000000bf;color:#fff;padding:4px 8px;border-radius:4px}.minimap{height:80px;border-radius:8px;position:relative;margin-bottom:12px;background:#2f4f4f;border:2px solid #8B4513}.minimap-inner{position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:#4ade80;border-radius:4px}.minimap-player{position:absolute;top:50%;left:50%;width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}@keyframes worldShimmer{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:100% 0%}}.minimap-label{position:absolute;bottom:4px;left:4px;color:#fff;font-size:12px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px}.skill-container{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:4px;border-radius:4px}.skill-container:hover{background:#e5e7eb}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px}.inventory-slot{width:36px;height:36px;background:#2f4f4f;border:1px solid #556B2F;display:flex;align-items:center;justify-content:center;cursor:pointer}.inventory-slot:hover{background:#4b5563}.action-buttons{display:flex;flex-direction:column;gap:4px}.action-btn{width:100%;padding:4px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;border:none;cursor:pointer}.btn-blue{background:#2563eb}.btn-blue:hover{background:#1d4ed8}.btn-green{background:#059669}.btn-green:hover{background:#047857}.btn-purple{background:#7c3aed}.btn-purple:hover{background:#6d28d9}.btn-yellow{background:#d97706}.btn-yellow:hover{background:#b45309}.chat-area{height:96px;margin:4px;padding:8px;font-size:12px;overflow-y:auto;background:#000;color:#0f0;font-family:monospace}.chat-input-container{height:32px;display:flex;align-items:center;padding:0 8px}.chat-input{flex:1;background:#000;color:#fff;padding:4px 8px;font-size:12px;border:none;outline:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50}.modal-content-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:384px;max-height:384px;overflow-y:auto;padding:16px}.modal-close-btn{margin-top:16px;background:#dc2626;color:#fff;padding:8px 16px;border-radius:4px;border:none;cursor:pointer}.equipped{background:#4169e1!important}.hidden{display:none!important}.section-title{font-weight:700;margin-bottom:8px;font-size:14px}.text-yellow{color:#fbbf24}.text-green{color:#10b981}.text-red{color:#ef4444}.text-orange{color:#f97316}.text-purple{color:#8b5cf6}.text-blue{color:#3b82f6}.text-cyan{color:#06b6d4}.text-white{color:#fff}.text-gray{color:#9ca3af}.font-bold{font-weight:700}