:root{--bg: #0b0f1a;--grid: rgba(0, 255, 200, .12);--panel: #0f1324;--accent: #39ffd2;--accent-2: #f72585;--text: #e6f1ff;--muted: #8aa0b4;--country: #1f2a44;--country-stroke: #2e3b5e}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica,Arial,"Press Start 2P",sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 70% -10%,rgba(61,255,214,.05),transparent 60%),radial-gradient(1000px 600px at 10% 120%,rgba(247,37,133,.06),transparent 60%),var(--bg)}.app-header,.app-footer{padding:10px 16px;border-bottom:1px solid #1e2743}.app-footer{border-top:1px solid #1e2743;border-bottom:none;color:var(--muted);font-size:12px}.app-header h1{margin:8px 0 12px;font-family:"Press Start 2P",monospace;font-size:18px;color:var(--accent);text-shadow:0 0 8px rgba(57,255,210,.55)}.controls{display:flex;gap:16px;align-items:center}.controls label{display:flex;gap:8px;align-items:center}.controls input,.controls select{background:#0b1022;color:var(--text);border:1px solid #1f2a44;padding:6px 8px;border-radius:6px}.btn-admin{margin-left:auto;padding:8px 10px;border-radius:8px;border:1px solid #1f2a44;background:linear-gradient(180deg,#273a6299,#141e3c99);color:var(--accent);text-decoration:none;font-weight:700;box-shadow:0 0 8px #39ffd226 inset}.btn-admin:hover{filter:brightness(1.1);border-color:var(--accent)}.layout{display:grid;grid-template-columns:1fr 320px 350px;gap:0;height:calc(100% - 120px)}.map-panel{position:relative;min-width:0}.detail-panel,.table-panel{background:linear-gradient(180deg,#0c0f1ee6,#0c0f1e99);border-left:1px solid #1e2743;padding:12px;overflow:auto}.table-panel h2{font-size:14px;color:var(--accent-2);margin:6px 0 12px;text-shadow:0 0 6px rgba(247,37,133,.4)}.detail-panel h2{font-size:14px;color:var(--accent);margin:6px 0 12px;text-shadow:0 0 6px rgba(57,255,210,.4)}.detail-content{font-size:13px}.detail-kv{display:grid;grid-template-columns:1fr auto;gap:8px;padding:4px 0;border-bottom:1px dashed #233055}.muted{color:var(--muted)}.mind-section{margin:6px 0}.mind-section details{background:#0b1022aa;border:1px solid #1f2a44;border-radius:8px;padding:6px 8px}.mind-section summary{cursor:pointer;font-weight:600;color:var(--accent)}.mind-list{margin:6px 0 0;padding:0 0 0 12px}.mind-item{font-size:13px;color:var(--text);margin:2px 0}.mind-calc{font-size:12px;color:var(--muted);margin-top:6px}.detail-panel a{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent)}.detail-panel a:hover{text-decoration:underline}.stack{display:flex;height:10px;border:1px solid #1f2a44;border-radius:6px;overflow:hidden;margin:8px 0}.seg{height:100%}.seg-m{background:#00a89b}.seg-i{background:#39ffd2}.seg-n{background:#1b5e7a}.seg-d{background:#27496d}#map{width:100%;height:100%}svg{display:block;width:100%;height:100%;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px,40px 40px;background-position:-1px -1px,-1px -1px}.tooltip{position:absolute;pointer-events:none;background:#0b1022cc;border:1px solid var(--accent);padding:8px 10px;border-radius:8px;font-size:12px;box-shadow:0 0 12px #39ffd24d}.row{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:8px;padding:6px 8px;border-bottom:1px dashed #233055;align-items:center}.row.header{color:var(--muted);position:sticky;top:0;background:#0c0f1ecc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.row:hover{background:#39ffd20f}.row .rank{color:var(--accent-2);font-weight:700}.country:hover{filter:brightness(1.15)}.country.active{stroke:var(--accent-2);stroke-width:1.8px}.legend{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;background:#0b1022cc;padding:6px 8px;border-radius:8px;border:1px solid #1f2a44}.legend .swatches{display:flex;gap:2px}.legend .swatch{width:20px;height:12px}@media (max-width: 980px){.layout{grid-template-columns:1fr}.detail-panel,.table-panel{height:auto;max-height:45vh}}