:root{--bg-dark:#0a0f1a;--panel-bg:#0a0f19d9;--border-neon:#0ff;--text-main:#fff}body,html{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}#game-container{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}#ui-layer{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}#sidebar-toggle{background:var(--panel-bg);color:var(--border-neon);border:2px solid var(--border-neon);cursor:pointer;pointer-events:auto;z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:10px 15px;font-family:"Press Start 2P",cursive;font-size:.8rem;transition:all .3s;position:absolute;top:20px;left:20px;box-shadow:0 0 10px #00ffff4d}#sidebar-toggle:hover{background:var(--border-neon);color:#000}#sidebar{background:var(--panel-bg);border:2px solid var(--border-neon);pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;flex-direction:column;width:350px;padding:20px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;position:absolute;top:70px;bottom:20px;left:20px;box-shadow:0 0 10px #00ffff4d}#sidebar.collapsed{opacity:0;pointer-events:none;transform:translate(-120%)}.sidebar-header h1{color:#fff;text-shadow:2px 2px #e01a4f;margin:0 0 10px;font-family:"Press Start 2P",cursive;font-size:1.2rem}.sidebar-header p{color:#0ff;margin:0 0 20px;font-family:"Press Start 2P",cursive;font-size:.6rem}.pixel-box{background:#00000080;border:1px solid #444;flex-shrink:0;padding:10px;font-family:"Press Start 2P",cursive;font-size:.55rem;line-height:1.8}.filters-container{flex-shrink:0;margin-top:20px}.filters-container label{color:#aaa;margin-bottom:5px;font-family:"Press Start 2P",cursive;font-size:.5rem;display:block}.filters-container select{color:#fff;background:#000;border:1px solid #333;border-radius:4px;outline:none;width:100%;margin-bottom:15px;padding:8px;font-family:Inter,sans-serif}.filters-container select:focus{border-color:var(--border-neon)}#cards-container{flex-direction:column;flex-grow:1;gap:10px;margin-top:10px;padding-right:5px;display:flex;overflow-y:auto}#cards-container::-webkit-scrollbar{width:6px}#cards-container::-webkit-scrollbar-thumb{background:#333;border-radius:3px}#cards-container::-webkit-scrollbar-thumb:hover{background:var(--border-neon)}.resource-card{cursor:pointer;background:#ffffff0d;border:1px solid #333;border-radius:6px;padding:12px;transition:all .2s}.resource-card:hover{border-color:var(--border-neon);background:#00ffff1a;transform:translate(5px)}.resource-card h3{word-break:break-all;margin:0 0 5px;font-size:.9rem;font-weight:700}.resource-card .badge{background:#333;border-radius:2px;margin-bottom:5px;padding:3px 6px;font-family:"Press Start 2P",cursive;font-size:.4rem;display:inline-block}#entity-popup{background:var(--panel-bg);border:2px solid var(--border-neon);pointer-events:auto;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;width:400px;padding:30px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #000c}#entity-popup.hidden{opacity:0;pointer-events:none}#close-popup{color:#fff;cursor:pointer;background:0 0;border:none;font-family:"Press Start 2P",cursive;position:absolute;top:10px;right:10px}#close-popup:hover{color:red}.popup-badge{background:#e01a4f;border-radius:2px;margin-bottom:15px;padding:4px 8px;font-family:"Press Start 2P",cursive;font-size:.5rem;display:inline-block}#popup-title{word-break:break-word;margin:0 0 10px;font-size:1.4rem;font-weight:700}#popup-discipline{color:#0ff;margin:0 0 15px;font-family:"Press Start 2P",cursive;font-size:.6rem}#popup-path{color:#aaa;word-break:break-all;background:#000;border:1px solid #333;padding:10px;font-family:monospace;font-size:.75rem}